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

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

網上常見的一個時鐘

突然覺得自己對帶工作的態度亟需改正，雖然不喜歡現在的加班生活，但是自己要去接受自己不喜歡的，才能獲得自己喜歡的。這是自己好久之前叢過的一個時鐘，網上應該有這個的教程，雖然實現的效果都相同，不過機制是有差別的。

極客占位圖片生成工具“來圖”的基本使用

這個代碼將介紹如何使用極客標簽自帶的占位圖片生成工具“來圖”，使用這個圖片可以快速便捷的幫助你在設計網頁過程中快速生成特定尺寸的圖片，并且支持自定義！

創意設計體驗/變形效果的全屏搜索框設計 

使用Javascript生成全屏幕的搜索框體驗，搜索體驗非常不錯，大家可以嘗試在自己的項目中應用一下！

SVG的鼠標動畫效果，支持觸摸設備 

有趣的一個調試，鼠標經過的地方會顯示圖片，有點手電筒燈光特效的感覺。喜歡的收藏吧！

jQuery開發者必備的16個組件 

提供各種各樣的組件是為了提供更好的交互性，并提供形式各異的數據。換句話說，組件是可視化最基礎的一部分。在這篇文章中，我會分享一些我們找到的一些非常實用的jQuery組件。它們健壯、輕量級前且很穩定，相信很多人已經了解過其中的內容。如果有什么問題請及時在評論中反饋給我們。

為什么精彩的簡歷依然沒能讓你拿到Offer 

我本來想以“為什么篩選我簡歷的人是個傻瓜”作為這篇文章的標題，后來我覺得這只是簡歷被Pass的其中一個原因，還有一個的可能是很多簡歷首先會被一個簡歷篩選系統過濾，也就是說你是否能通過簡歷篩選，有時候是一個程序決定的。

使用jQuery和Bootstrap3生成圖片懸浮說明文字效果 

這個代碼講解將介紹如何使用jQuery和bootstrap3來生成漂亮的圖片懸浮文字解說效果，使用Bootstrap3的tooltip生成工具條提示，使用jQuery生成文字鼠標懸浮展示效果。

jQuery和Bootstrap3實現HTML5音頻淡入淡出音量控制效果

這個代碼將使用jQuery和Bootstrap3生成一個界面控制音量淡出淡入控制效果，你可以讓音量3秒內慢慢淡出，或者淡入，試試運行看看效果吧，支持firefox，chrome等現代瀏覽器，山寨或者IEer請自覺消失，感謝觀看！

飛一樣的編碼 Hbuilder 國產開發工具 

圖標為的候選項為代碼塊。代碼塊是常用的代碼組合，比如在js中輸入$，回車，則可以自動輸入document.getElementById(id)。
再舉例，在HTML中輸入i，回車，可以得到input button標簽。

HTML5如此強大，用什么來證明？ 

HTML5神秘的面紗，即將被揭開。
廢話不多說，直接進入正題。HTML5一些新特性不得不令我們折服。
下面這些都是用HTML5實現的，大家如果覺得好的話，分享一下，讓更多的人去了解HTML5神秘的色彩。

CSS3生成海盜眼牛頭梗漫畫效果

使用CSS3旋轉生成的海盜眼牛頭梗效果，簡單實用，美工基礎不是很好，權當娛樂，感謝觀看！

不錯的jQuery(圖片、相冊)插件代碼實例

jQuery想必大部分前端er都知道甚至很熟悉了，網上有數以萬計的優秀的jQuery插件以及教程，今天收集了一些關于圖片、相冊的jQuery插件代碼，希望會對你有所幫助。

使用 HTML5 和 CSS3 制作登錄頁面完整步驟 

本文詳細介紹使用 HTML5 和 CSS3 制作一個登錄頁面的完整過程。

CSS3過渡效果實現的各種動畫效果菜單 

使用javascript和CSS3動畫效果生成的各種滑動和推拉式的菜單效果。

15款幫助你實現響應式導航的 jQuery 插件 

CSS3 制作一個快樂的青蛙

用三個 CSS3 圓角元素畫出一個快樂的青蛙。有沒有非?？蓯?！

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

如果你也想參與文章投遞

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

via 極客資源薈萃周刊