json-editor

JSON Editor takes a JSON Schema and uses it to generate an HTML form.
It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, and jQueryUI).

Bootstrap 4 中文說明

世界上最受歡迎的框架用於建立響應式、行動優先的網站,透過 Bootstrap CDN 和範本初學頁面開始吧!

響應式選單大集合1

A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web.

(免費資源網路社群) PAKUTASO 日本免費圖庫

PAKUTASO 是一款日本免費圖庫素材網站,收錄的圖片清一色都是以東方人角度拍攝,包含相片裡的人物也是日本人為主,就我所知日本類似網站不少,但好像比較少被提及( Sozai-Page 是以日本食物食材為主題的免費圖庫),可能我們還是習慣從英文網站來尋找類似素材吧!

(免費資源網路社群) Google Noto 開源免費字型下載

完美支援 800 種語言、11 萬個字元無亂碼

早在數年前 Google 就有一項遠大計劃,想開發全世界都能通用的字型系統(大家都知道 Google 不斷在改變世界),因此從 2011 年開始內部就啟動 Noto 專案,在團隊統籌下可以在不同語系中使用相同字型設計來獲得最大和諧度。一直到 2014 年終於放出一系列的免費字型,其中大家可能目前還在使用的「Noto Sans CJK(另一名稱為思源黑體)」就屬於 Noto 字型家族,後來也在 Google Fonts 推出網頁字型,不過渲染效果和速度不如 Adobe Typekit 來得優異。

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box badge-hot

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color1 badge-new

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-transparent badge-free

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color2 badge-top