本周我們帶來(lái)的前端推薦包含當(dāng)前熱門(mén)的bootstrap，html5，css3等技術(shù)內(nèi)容和新聞話題，如果你還想近一步學(xué)習(xí)如何開(kāi)發(fā)，還可以關(guān)注我們的極客課程庫(kù)，里面涵蓋了現(xiàn)代開(kāi)發(fā)技術(shù)的‘學(xué)’與‘習(xí)’的全新功能。希望對(duì)大家有所幫助！原文來(lái)自：極客標(biāo)簽
今天給大家?guī)?lái)的是 jQueryMobile 實(shí)現(xiàn)一個(gè)簡(jiǎn)單的彈出框效果，有興趣的童鞋可以試試哦~
跟我一起從零開(kāi)始，創(chuàng)造出一套簡(jiǎn)單又強(qiáng)大的HTML5游戲引擎吧！
古典復(fù)古的UI界面設(shè)計(jì)能夠非常好的點(diǎn)綴你的網(wǎng)頁(yè)，特別是如果你需要展示你的產(chǎn)品或者內(nèi)容的深度內(nèi)涵或者體驗(yàn)?zāi)愕膬?nèi)容或者產(chǎn)品的經(jīng)久不衰的氣質(zhì)的話，古典 或者復(fù)古式的界面UI絕對(duì)是你首選，在這里我們收集了１０套來(lái)自國(guó)外的超棒古典復(fù)古式的UI，它們都提供了PSD下載，如果大家有需要的話，趕緊下載吧！
想了解chrome開(kāi)發(fā)工具里的小技巧的話，絕對(duì)不要錯(cuò)過(guò)這個(gè)網(wǎng)址，每天都有最新的chrome開(kāi)發(fā)工具小技巧分享給大家！
背景圖片位置的調(diào)整的幾個(gè)例子。
百度網(wǎng)盤(pán)為您提供文件的網(wǎng)絡(luò)備份、同步和分享服務(wù)?？臻g大、速度快、安全穩(wěn)固，支持教育網(wǎng)加速，支持手機(jī)端。現(xiàn)在注冊(cè)即有機(jī)會(huì)享受15G的免費(fèi)存儲(chǔ)空間。
在最近的一個(gè)jQuery插件中，我使用到了jQuery中的resize()方法來(lái)檢測(cè)用戶調(diào)整瀏覽器窗口并運(yùn)行相關(guān)代碼。我注意到resize window時(shí)各個(gè)瀏覽器的性能消耗不一。而我們想要的明顯是在結(jié)束調(diào)整之后才執(zhí)行事件，幸運(yùn)的是我們可以通過(guò)以下幾種方法來(lái)調(diào)整。
教程參考Colin Garven提出的實(shí)現(xiàn)圓形進(jìn)度按鈕的思路。我們將使用Jake Archibald講過(guò)的SVG素描動(dòng)畫(huà)技術(shù)來(lái)實(shí)現(xiàn)圓形進(jìn)度過(guò)程，然后提供一個(gè)成功或失敗的狀態(tài)來(lái)顯示完成后的最終狀態(tài)。
這里介紹了TimeCircle的相關(guān)使用，下載代碼。
最近，Gilt特別行動(dòng)團(tuán)隊(duì)花了5周時(shí)間創(chuàng)建了一個(gè)能夠響應(yīng)式于移動(dòng)終端豎屏和橫屏的Play應(yīng)用。完成工作之后，我們聚集在一起，對(duì)前面所做的工作進(jìn)行回顧總結(jié)。當(dāng)然，我們也愿意把所學(xué)到的經(jīng)驗(yàn)——將PC端友好體驗(yàn)轉(zhuǎn)移到移動(dòng)終端上來(lái)，并看起來(lái)就像Native App一樣，分享給大家。這篇文章（系列5篇文章之第一篇）將分享如何進(jìn)行一個(gè)成功的回顧總結(jié)會(huì)議。
android-pulltorefresh 一個(gè)強(qiáng)大的拉動(dòng)刷新開(kāi)源項(xiàng)目，支持各種控件下拉刷新，如ListView、ViewPager、WevView、ExpandableListView、 GridView、(Horizontal) ScrollView、Fragment上下左右拉動(dòng)刷新。并且他實(shí)現(xiàn)的下拉刷新ListView在item不足一屏情況下也不會(huì)顯示刷新提示，體驗(yàn)很好。
工作在用戶體驗(yàn)團(tuán)隊(duì)中會(huì)經(jīng)常需要用到一些在線工具。對(duì)于UX的世界，不管你是一個(gè)新手還是一個(gè)經(jīng)驗(yàn)豐富的老鳥(niǎo)，你都不應(yīng)該停止尋找一些會(huì)讓你的工作變得輕松的工具。在這篇文章中，我們?yōu)槟銣?zhǔn)備了21款有用戶體驗(yàn)設(shè)計(jì)的相關(guān)工具。
包含可下載的代碼和在線演示，使用HightStock生成股票K線圖例子。
這三種形態(tài)的css代碼中，都有area_main的樣式，但是只有一句過(guò)渡的，不同的地方時(shí)有的有延時(shí)，有的沒(méi)有，這個(gè)是考慮normal形態(tài)和 right形態(tài)切換的時(shí)候，其實(shí)就area_main向左收回，area_right向右展開(kāi)，如果同時(shí)進(jìn)行，很不友好，所以呢，就加了這個(gè)延時(shí)。具體的 邏輯大家試一下就知道啦。
本周帶來(lái)10款免費(fèi)的jquery插件。如果你也有好的作品，歡迎分享到社區(qū)中來(lái)，在得到幫助的同時(shí)，也能與更多人分享來(lái)自你的作品。
使用HTML5畫(huà)布來(lái)計(jì)算并且生成字體抖動(dòng)的效果，效果非常不錯(cuò)。
Web后端開(kāi)發(fā)者應(yīng)該對(duì)依賴注入都比較熟悉，至于Android又是如何進(jìn)行依賴注入的呢？在這篇文章中，讓我們一起通過(guò)一個(gè)例子了解一下在Android中進(jìn)行依賴注入的好處。
利用css3和js實(shí)現(xiàn)滾動(dòng)的半圓效果。
HTML5的audio標(biāo)簽提供了我們方便控制聲音的功能，但是使用原生的HTML5來(lái)開(kāi)發(fā)聲音或者音樂(lè)相關(guān)的項(xiàng)目仍舊非常的麻煩，在今天這篇文章中，我們將介紹５款幫助你簡(jiǎn)化開(kāi)發(fā)的javascript audio類(lèi)庫(kù)，相信合理的使用能夠幫助你高效的開(kāi)發(fā)基于html5 audio的應(yīng)用和項(xiàng)目，希望大家覺(jué)得有幫助！
包含設(shè)計(jì)和PNG效果圖片的iOS8的圖標(biāo)集合。
極客標(biāo)簽現(xiàn)推出#GB課程庫(kù)#，這是一個(gè)涵蓋了當(dāng)前最流行的HTML5、CSS3、javascript、bootstrap等現(xiàn)代開(kāi)發(fā)技術(shù)的‘學(xué)’與‘習(xí)’的全新功能。邀請(qǐng)大家前來(lái)使用，它絕對(duì)讓你花最少的錢(qián)和時(shí)間，帶給你最有收獲的價(jià)值體驗(yàn)！本周推薦已完成，期待您們的光臨！
如果你也想?yún)⑴c文章投遞
- 點(diǎn)擊發(fā)布按鈕發(fā)布文章或者其它類(lèi)型內(nèi)容，保存時(shí)務(wù)必添加“Web開(kāi)發(fā)資源大薈萃”標(biāo)簽即可申請(qǐng)發(fā)布。
via 極客資源薈萃周刊
聯(lián)系客服
