身為無所不能的網頁設計師，在製作網頁排版設計時總會遇到沒有靈感的時候吧？推薦大家 LittleSnippets 高品質網頁設計模板素材，裡面包含 HTML 排版、CSS、JS 設計範本全都可以免費下載，LittleSnippets 有許多主題，包含按鈕、圖示 Icon、形象卡、品牌 Logo、選單、卡片、價格表、產品卡、個人名片、部落格頁面、登入網頁等各種類型的網頁設計範本。LittleSnippets 也能夠允許你直接在線上修改網頁程式碼，修改到你滿意的樣子為止，然後就可以將你修改好的 HTML、CSS、JS 網頁程式碼複製好，直接使用在你的網頁上，各位網頁設計師們趕緊收下這款實用的工具吧 ! 如果想要免費商業 Icon 設計模板，也可以參考這篇 : CSS.GG 提供超過 700 張以上的免費商業圖標
LittleSnippets：https://www.littlesnippets.net/
首先我們進入「LittleSnippets」網站後，你會在主頁看到有各式各樣的網頁設計範本以及模板。
你可以點擊上方的「CATEGORIES」來選擇你想要的網頁主題模板，種類包含了：按鈕、圖示 Icon、形象卡、品牌 Logo、選單、卡片、價格表、產品卡、個人名片及部落格頁面等等。
接著選好你要的模板之後，你會進入到你所選的網頁設計範本中，左手邊是 HTML、CSS 及 JS 的程式碼，右手邊則是你選擇的網頁設計樣貌。如果你對 LittleSnippets 的網頁設計不滿意，可以點擊右上角的「EDIT ON」按鈕自行編輯。
你可以點擊上方的「Change View」來切換成適合你視角的位置。
小編我雖然不是網頁設師也看不懂語法，不過小編也稍微動手更改一些文字，只要你更改上方的程式碼，下方的呈現圖片也會跟著更改喔 ! 當你的靈感枯竭時，趕緊來到 LittleSnippets 湖邊飲水啟發靈感，LittleSnippets 裡提供很多精美又專業的網頁設計範本及模板，你不需要自己寫出 HTML、CSS、JS 程式碼，直接複製使用就 OK 囉 ! 趕快把 LittleSnippets 收藏起來吧 !
△ 有關 Icon 網頁模板設計相關的下載連結 : 請點我
△ 有關 Image Cards 網頁模板設計相關的下載連結 : 請點我
△ 有關 Pricing Tables 網頁模板設計相關的下載連結 : 請點我
△ 有關 Profile Cards 網頁模板設計相關的下載連結 : 請點我
△ 有關 Logos / Badges 網頁模板設計相關的下載連結 : 請點我
LittleSnippets：https://www.littlesnippets.net/
