不可錯過的前端開發資源大薈萃

本周我們帶來的前端推薦包含當前熱門的bootstrap，html5，css3等技術內容和新聞話題，如果你還想近一步學習如何開發，還可以關注我們的極客課程庫，里面涵蓋了現代開發技術的‘學’與‘習’的全新功能。希望對大家有所幫助！原文來自：極客標簽

jQueryMobile 實現一個簡單的彈出框效果 

今天給大家帶來的是 jQueryMobile 實現一個簡單的彈出框效果，有興趣的童鞋可以試試哦~

深入淺出H5游戲開發原理 

跟我一起從零開始，創造出一套簡單又強大的HTML5游戲引擎吧！

分享10套古典復古式的UI設計 

古 典復古的UI界面設計能夠非常好的點綴你的網頁，特別是如果你需要展示你的產品或者內容的深度內涵或者體驗你的內容或者產品的經久不衰的氣質的話，古 典 或者復古式的界面UI絕對是你首選，在這里我們收集了１０套來自國外的超棒古典復古式的UI，它們都提供了PSD下載，如果大家有需要的話，趕緊下載 吧！

Chrome開發工具技巧薈萃 

想了解chrome開發工具里的小技巧的話，絕對不要錯過這個網址，每天都有最新的chrome開發工具小技巧分享給大家！

零基礎CSS3學習背景圖片位置調整 

背景圖片位置的調整的幾個例子。

免費高速下載-分享無限制 

百度網盤為您提供文件的網絡備份、同步和分享服務。空間大、速度快、安全穩固，支持教育網加速，支持手機端。現在注冊即有機會享受15G的免費存儲空間。

優化jQuery調整屏幕和滾動性能 

在 最近的一個jQuery插件中，我使用到了jQuery中的resize()方法來檢測用戶調整瀏覽器窗口并運行相關代碼。我注意到 resize window時各個瀏覽器的性能消耗不一。而我們想要的明顯是在結束調整之后才執行事件，幸運的是我們可以通過以下幾種方法來調整。

如何創建一個圓形進度按鈕

教程參考Colin Garven提出的實現圓形進度按鈕的思路。我們將使用Jake Archibald講過的SVG素描動畫技術來實現圓形進度過程，然后提供一個成功或失敗的狀態來顯示完成后的最終狀態。

使用jQuery插件TimeCircle來生成漂亮的倒計時效果 

這里介紹了TimeCircle的相關使用，下載代碼。

響應式網站Gilt.com

最近，Gilt特別行動團隊花了5周時間創建了一個能夠響應式于移動終端豎屏和橫屏的Play應用。完成工作之后，我們聚集在一起，對前面所做的工作進行回顧總結。當然，我們也愿意把所學到的經驗——將PC端友好體驗轉移到移動終端上來，并看起來就像Native App一樣，分享給大家。這篇文章（系列5篇文章之第一篇）將分享如何進行一個成功的回顧總結會議。

支持各種控件上/下拉刷新的android-pulltorefresh 

android- pulltorefresh 一個強大的拉動刷新開源項目，支持各種控件下拉刷新，如ListView、ViewPager、WevView、 ExpandableListView、 GridView、(Horizontal) ScrollView、Fragment上下左右拉動刷新。并且 他實現的下拉刷新ListView在item不足一屏情況下也不會顯示刷新提示，體驗很好。

用戶體驗設計師常用的21款工具和應用 

工作在用戶體驗團隊中會經常需要用到一些在線工具。對于UX的世界，不管你是一個新手還是一個經驗豐富的老鳥，你都不應該停止尋找一些會讓你的工作變得輕松的工具。在這篇文章中，我們為你準備了21款有用戶體驗設計的相關工具。

Highstock生成股票K線圖 

包含可下載的代碼和在線演示，使用HightStock生成股票K線圖例子。

做一個略調皮的個人主頁--菜單篇 

這 三種形態的css代碼中，都有area_main的樣式，但是只有一句過渡的，不同的地方時有的有延時，有的沒有，這個是考慮normal形態 和 right形態切換的時候，其實就area_main向左收回，area_right向右展開，如果同時進行，很不友好，所以呢，就加了這個延時。具 體的 邏輯大家試一下就知道啦。

程序員們必備的10款免費jquery插件 

本周帶來10款免費的jquery插件。如果你也有好的作品，歡迎分享到社區中來，在得到幫助的同時，也能與更多人分享來自你的作品。

特效欣賞：HTML5畫布實現的字體掃描切換效果

使用HTML5畫布來計算并且生成字體抖動的效果，效果非常不錯。

Andriod中的依賴注入 

Web后端開發者應該對依賴注入都比較熟悉，至于Android又是如何進行依賴注入的呢？在這篇文章中，讓我們一起通過一個例子了解一下在Android中進行依賴注入的好處。

滾動的半圓效果 

利用css3和js實現滾動的半圓效果。

5款幫助簡化的HTML5 Audio開發的Javascript類庫 

HTML5的audio標簽提供了我們方便控制聲音的功能，但是使用原生的HTML5來開發聲音或者音樂相關的項目仍舊非常的麻煩，在今天這篇文章中，我們將介紹５款幫助你簡化開發的javascript audio類庫，相信合理的使用能夠幫助你高效的開發基于html5 audio的應用和項目，希望大家覺得有幫助！

免費資源：JellyFish的iOS8應用圖標集 

包含設計和PNG效果圖片的iOS8的圖標集合。

極客標簽現推出#GB課程庫#，這是一個涵蓋了當前最流行的HTML5、CSS3、javascript、bootstrap等現代開發技術的‘學’與‘習’的全新功能。邀請大家前來使用，它絕對讓你花最少的錢和時間，帶給你最有收獲的價值體驗！本周推薦已完成，期待您們的光臨！

如果你也想參與文章投遞

• 點擊發布按鈕發布文章或者其它類型內容，保存時務必添加“Web開發資源大薈萃”標簽即可申請發布。

via 極客資源薈萃周刊