下面介紹的是我們的從事網頁設計和網站前端開發的必備資源，今天我們分享我們最喜愛的設計/開發相關的文章，資源，教程和贈品真棒奉獻給大家。可以說是html5模版網(www.suosuyi.cn)最新一期設計干貨分享。

HTML5的時間追蹤

一個聰明的HTML5時間跟蹤Web應用程序通過Juani魯伊斯Echazú制成。定義周期長，簡單的添加你在做什么你就大功告成了之后。

置頂導航菜單

粘貼是一個jQuery插件，你可以在旁邊的jQuery任何網頁落實。你可以很容易地使任何元素，任何頁面上，貼到瀏覽器窗口當用戶滾動過去，它的頂部。此功能是優秀的導航菜單，標志和/或聯系信息，您可能希望用戶在任何時候看到。

FFForm – 免費的jQuery聯系表插件與甄審及驚人的CSS3動畫

FFForm是一個簡單的jQuery聯系表單插件，可以集成在任何網站布局，以提供一個全功能的聯系方式。內置使用jQuery和CSS，FFForm聯系表格與所有現代的Web瀏覽器和移動設備兼容。它還提供了各種自定義選項，包括動畫，現場確認和通知。

創建HTML5動畫和互動內容與Animatron

Animatron是一個簡單而強大的在線工具，它允許您創建令人驚嘆的HTML5動畫和互動內容。

使用直觀的Animatron編輯器來設計和發布電影，橫幅和信息圖表中發揮無處不在，從桌面瀏覽器到移動設備。沒有編碼的必要 – 你所看到的就是你得到的！

DOM類操作API

阿波羅是添加，刪除，切換和測試元件上的階級存在一個<1KB獨立的DOM類操作API。引擎蓋下，阿波羅使用回退HTML5的班級列表API時可用，并手動操縱類為傳統的支持。IE6 +對傳統和所有HTML5的瀏覽器。

WordPress插件 – 銷售與WordPress數字下載

世界上最容易通過WordPress的免費銷售數字下載方式。易數字下載，還可以根據快速和簡單的設置。安裝完成后，你就可以去在短短的幾分鐘！只要輸入您的支付信息，添加您的產品，剩下的就是一個夢……

唯一的跨瀏覽器的快照工具

qSnap是一個免費的擴展，需要截圖和對所有主流瀏覽器的支持。

HTML / CSS的工具和技術

終極Flexbox小抄

Flexbox是一個品牌，spankin’新的CSS布局模塊令人驚訝好的瀏覽器支持！告別浮挫折和打招呼，一個勇敢的新世界易垂直居中，重新排序元素和動態增長和收縮的布局。

引導式按鍵與字體真棒 – Android的引導

HTML進口 – 包括在其他的HTML文檔的HTML文檔

筆者展示了如何使用新的HTML進口，這是Web組件演員的一部分，將使它很簡單，包括HTML文檔中的其他HTML文檔。

靈活的谷歌式裝載機使用CSS

很好地完成了微妙的谷歌應用程序加載器中的CSS版本。

免費模板和主題

免費的WordPress主題：胡子

一個負責任的CSS3和HTML5的博客和投資組合的主題。它支持所有的格式后，擁有布局，并內置了主題定制顏色選項。該主題還支持自定義內容組合插件，給其他藝術家和創意人分享他們的工作能力。

免費響應HTML5的投資組合/企業網站模板：布朗尼

創建通過使用最新的HTML5和CSS3技術，布朗尼是一種簡單而干凈的免費響應HTML5的投資組合和企業網站模板。

免費高速分辨率的圖片

管理的富客戶端應用程序的數據 -?Breege

Breege是一個JavaScript庫，可幫助您管理的富客戶端應用程序的數據。如果您的數據存儲在數據庫中，查詢和保存這些數據，復雜的對象圖，并在您的JavaScript客戶端的多個屏幕上共享這些圖，微風是給你的。