用一行縮寫快速建立HTML標籤架構
7netic2019-12-17T11:12:22+08:00用一行縮寫快速建立 HTML 標籤架構 之前上課學習HTML時，很常看到老師們使用簡寫，一下就將網頁的標籤排好了，讓逗點人十分地羨慕以及佩服！ 目前身為一個講求效率（ㄊㄡ ㄌㄢˇ）的前端設計師，一定會想要快速寫好HTML的主要標籤架構，這時在程式碼中使用">"簡寫就可以很快速的建立好囉！ 以下列了一些非常有用的簡寫法，好東西，不記嗎？
JQuery 範例1：動態載入HTML檔
7netic2019-12-16T11:43:57+08:00只需各修改一個 header 和 footer 檔，即可動態載入 HTML 檔案 index.html、page1.html、page2.html、page3.html
7netic FREE Resume (Vol. 2 Profession) | Free 自製履歷 免費下載！
7netic2018-11-07T14:59:14+08:007netic FREE Resume (Vol. 2 Profession) | Template [第2輯
7netic FREE Office Template (Vol. 1) | Blue & White [DOWNLOAD FREE] 設計版型 ppt 免費下載！
7netic2018-08-08T17:28:23+08:007netic FREE Office Template (Vol. 1) | Power Point
7netic FREE Resume (Vol. 1) | Template [DOWNLOAD FREE] 自製履歷 免費下載！
7netic2018-10-16T11:38:44+08:007netic FREE Resume (Vol. 1) | Template [第一輯 ]
設計師必存! 商用字體庫免費下載! Free Font [DOWNLOAD FREE]
7netic2018-04-30T18:07:49+08:00在稿件多到像一座山的時期，若設計師內建漂亮實用的字體庫，經再三斟酌、精準地選好字體後，就可以讓視覺效果展現出來。好字體不嫌多，選對好字體，就能帶作品飛上天。 1.fontbundles https://fontbundles.net/free-fonts fontbundles網頁的頁籤捲軸幾乎看不到底、下載不完的超佛心免費字體庫，其中「FREE FONT OF THE WEEK」則是限時（一週）免費下載！ （過了免費下載期限就恢復原價囉！） 快速下載步驟
7netic FREE App UI KIT (Vol. 1) | Gradient Template [DOWNLOAD FREE] 自製漸層App介面 免費下載！
7netic2018-03-13T14:06:07+08:007netic FREE App UI KIT | Gradient Template [第一輯
使用 Sketch 畫 UI (含Prototyping 簡易入門教學)
7netic2018-01-10T14:30:29+08:00Sketch 是近年流行的 UI 介面設計工具，簡單上手的設計讓許多設計師（包括我）紛紛從 PS 和 AI(以拉)等其他工具跳槽了。Sketch目前只有 Mac 版，官方提供 30 天試用版，正式版為US
輕鬆使用jQuery 圖片輪播外掛 Owl Carousel 嵌入至網頁與部落格（含CDN教學）
7netic2019-12-16T17:39:13+08:00近年來由於行動裝置的普及，Owl Carousel應該可以說是使用率非常頻繁的圖片輪播js外掛，不僅可顯示自適應(RWD)版面，還支援手指觸控操作的效果，並可在手機直接用手勢滑動輪播圖片，效果十分強大（而且免費的最好用啊！）。 Owl Carousel 的功能特點： 完整自適應版面(RWD) 支援多種特殊輪播模式(例如由右到左、不同尺寸圖片輪播、滑鼠拖拉效果...等) 可一次輪播數張圖片、Youtube