iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

前端UI軍火庫 系列

介紹各種前端常常用到的UI framework、library等等,讓前端工程師面對各種需求時無往不利!

鐵人鍊成 | 共 31 篇文章 | 160 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 [Day 01]Bootstrap - 最受歡迎的CSS framework

Hello,我是Wellwind,雖然沒參加過IT鐵人賽,但也從過去的鐵人賽文章學習到很多知識,獲益良多,因此今年突發奇想決定浮出水面參加看看。 自己這兩三年開...

2016-12-01 ‧ 由 黃升煌 Mike 分享
DAY 2

[Day 02]Materialize - 遵循Google Material Design實作的CSS framework

首先,我們先來談談Material Design,Material Design是由Google推出的視覺語言,或可以說是一種設計準則,其中定義了基本的樣式、排...

2016-12-02 ‧ 由 黃升煌 Mike 分享
DAY 3

[Day 03]Office UI Fabric - 打造與Office365相同樣式的UI框架

Office UI Fabric是由Microsoft打造的UI框架,跟前兩天提到的Bootstrap和Materialize不一樣的地方是,透過Office...

2016-12-03 ‧ 由 黃升煌 Mike 分享
DAY 4

[Day 04]Animate.css - 1秒鐘為你的網站加上動畫特效

過去我們要為網站加上動畫特效可能需要寫一大串的JavaScript,隨著web技術越來越發達,在CSS3中也加入了一系列的動畫屬性,以減少程式撰寫的成本;不過還...

2016-12-04 ‧ 由 黃升煌 Mike 分享
DAY 5

[Day 05]WOW.js - 動畫很炫,也要看得到才行啊!

上一篇文章中我們介紹了Animate.css這個強大的動畫CSS library,不過Animate.css主要是專注在處理動畫的部分,該在什麼時機點讓動畫呈現...

2016-12-05 ‧ 由 黃升煌 Mike 分享
DAY 6

[Day 06]loader.css - 就算loading中,也要很美觀才行

隨著網頁技術越來越普及,ajax越來越被廣泛使用,為了讓ajax在傳輸時不會因為畫面都沒有變而感覺無聊,加上一個loading的icon是很常見的做法,早期甚至...

2016-12-06 ‧ 由 黃升煌 Mike 分享
DAY 7

達標好文 [Day 07]CKEditor - 最好用的Web版文字編輯器

在開發前端的系統時,CMS(內容管理系統)可以說是非常常見的需求,像是系統公告、商品內容管理或是部落格等等;而一個好用的文字編輯器可以說是其中非常重要的核心功能...

2016-12-07 ‧ 由 黃升煌 Mike 分享
DAY 8

[Day 08]linkify.js - 自動加上超連結的小幫手

在開發CMS相關系統時,有一個狀況也是常常遇到的,在張貼內容時加入一個網址,但沒有主動補上超連結,對於瀏覽內容的人來說就會稍微有點不方便,因此今天要介紹的lin...

2016-12-08 ‧ 由 黃升煌 Mike 分享
DAY 9

[Day 09]highlight.js - 前端也能讓程式碼highlight顯示

highlight.js是一款負責讓程式碼highlight的JavaScript library,5 支援168種程式語言,而且有77種樣式可以選擇。雖然看起...

2016-12-09 ‧ 由 黃升煌 Mike 分享
DAY 10

[Day 10]jquery.qrcode.js - 只靠前端也能產生QRCode

現在QRCode已經越來越流行了,從最簡單的掃描QRCode來取得網址,到利用QRCode完成報到程序等等;現在生活周遭已經到處都有機會看得到QRCode了,因...

2016-12-10 ‧ 由 黃升煌 Mike 分享