網路資源
Devhints：開發者快速查詢程式語言語法的最佳捷徑
Devhints 是一個專為開發者設計的速查指南網站，匯集了多種程式語言和工具的速查表（cheatsheets）。這些速查表涵蓋了從基本語法到高級功能的各種知識點，幫助開發者快速找到所需資訊，提升工作效率。包含 HTML、javascript、CSS、git、資料庫，前端的框架、函式庫還有後端的許多程式語言都有收錄，可以給做相關工作的參考。
網路資源
網路資源
HTML Cheat Sheet- 收錄 HTML、CSS 以及 javascript 相關的功能摘要以及簡單的產生器
HTML Cheat Sheet 是一個收錄 HTML、CSS 以及 javascript 相關的功能摘要的網站，裡面還有各自分類的可以產生相關語法的簡單的產生器。
網路資源
HTML5 Element Index- 依字母順序的 HTML 標籤與說明
HTML5 Element Index 是一個依字母的順序與說明的用來讓使用者可以快速查詢 HTML 標籤用法的網站。
網路資源
Unminify- 讓你的 CSS, javascript, XML, HTML 和 JSON 的 code 更漂亮以及更有可讀性的線上工具
Unminify 是一個方便的線上工具，只要貼上你的 CSS, javascript, XML, HTML 或 JSON 的 code，就可以轉換成更漂亮以及更有可讀性的內容。
網路資源
Code Guide- 提供建議讓你的 HTML 及 CSS 可以寫得更好
Code Guide 是一個提供建議讓你的 HTML 及 CSS 可以寫得更好的線上教學網站，內容不算多，好好看過一遍可以加強自己寫 Code 的習慣。
教學與資訊
瀏覽器原生的 lazy-loading 方法
以往我們想用圖片緩讀的話都會掛一隻 lazyload 的 js，現在 Chrome 宣布在版本 75 將有機會直接用 web 原生作照片緩讀的功能。
教學與資訊
HTML 的 progress 標籤，與自訂樣式的方法
progress 是 HTML5 之後提供的一個新的標籤，使用方法就是在上面設定 value 跟 max，就能自動顯示進度條百分比了。
教學與資訊
HTML 的 meter 標籤
認識一下 HTML 比較冷門的一個標籤 meter。
教學與資訊
HTML5 透過 accept 屬性設定上傳檔案的格式限制
HTML5 可以直接在 input 欄位設定可以接受的檔案格式，只要在 accept 屬性裡加上允許的檔案格式副檔名就好了。
教學與資訊
使用 HTML 原生的 dialog，讓製作彈出視窗更簡單
HTML 的 dialog 是一個新的標籤，如同其語意，可以讓我們更輕鬆製作可以和使用者互動的提示訊息框。
網路資源
GDB online Debugger：簡單易用的線上程式編輯與除錯工具
GDB online Debugger 是一款功能強大的線上程式編輯與除錯平台，支援多種程式語言像是 C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, HTML, CSS, JS ，提供即時編譯、除錯與協作功能，免安裝即可使用，適合各類開發者。
教學與資訊
在 HTML 裡把圖片加上超連結的方法
說明在 HTML 裡圖片加超連結的方法。
教學與資訊
HTML 文字相關標籤的語意關係
在 HTML 內設定文字的樣式時，會有一些標籤可以使用，比如說要讓文字有底線的話可以使用 u 的標籤，要粗體則可以使用 b 的標籤，只是在 HTML 內跟文字有關的標籤可以區分為有語意跟沒語意，在使用的時候可以考預是否要有使用有語意的，對應的關係與說明如下。
網路資源
Interneting Is Hard- 教你一些跟網頁相關的基礎開發知識
Interneting Is Hard 是一個打著 XX 是困難的，但是可以克服口號的網站，上面目前有基礎的 CSS 跟 HTML 教學，有興趣的可以看看，或者可以補充一些基本觀念。
教學與資訊
網頁小知識#2- 網站的相對路徑關係
關於網站相對路徑，你應該要認識的事。
教學與資訊
網頁小知識#1- html 檔名設為 index 的目的
設為 index 的話就可以不用輸入檔名，輸入到路徑那層就可以開啟頁面了。
教學與資訊
解決 iOS 上當下拉式選單(select)內 option 的文字太長，內容會被截斷的問題
解決 iOS 內下拉式選單(select) option 文字過長會被截斷的問題。
教學與資訊
網頁建議設定的 Meta data 資料，可以加強 SEO
說明網頁可以設置的 HTML Meta tag 與內容建議。