iT邦幫忙

鐵人檔案

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

前端UI軍火庫 系列

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

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

[Day 11]FontAwesome - 最受歡迎的Icon Font - 超豐富圖示字型

FontAwesome可以說是目前最受歡迎的Icon Font(也就是把icon圖示放到字體使用) css library,具有豐富的圖示(675+)可用,也有...

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

[Day 12]toastr.js - 美化你的通知訊息

一般來說在前端要跳出通知訊息,最簡單的方式莫過於加個alert了,但使用alert其實對於UX來說並不是件好事,因為它會影響到user的操作行為,而且不同瀏覽器...

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

[Day 13]SweetAlert - 變化萬千的Dialog library

在上一篇文章我們介紹了toastr.js這類用來取代alert並達到更好UX目的標notify library,接下來要介紹的是比起notify更具有互動效果的...

2016-12-13 ‧ 由 黃升煌 Mike 分享
DAY 14

[Day 14]Reveal.js - 用前端技術完成酷炫簡報

相信或多或少,大家都有製作投影片進行簡報的經驗,以製作投影片來說最主要的軟體大概非PoertPoint莫屬了;而想要使用PowerPoint做出絢麗的簡報沒有一...

2016-12-14 ‧ 由 黃升煌 Mike 分享
DAY 15

[Day 15]Intro.js - 把建好的UI直接變成說明文件

在設計系統的時候,常常因為需求複雜或龐大,UI也會越來越複雜,變得不直覺、難以操作;這時候有個操作手冊就變得非常重要,但是前端的變化速度又非常快,往往導致操作手...

2016-12-15 ‧ 由 黃升煌 Mike 分享
DAY 16

[Day 16]placehold.it - 規劃中網站用來暫時放圖片的線上服務

placehold.it跟過去介紹的library都不太一樣,它是一個線上服務,功用是在網站規劃中還只是雛型階段時,暫時用來表示這裡有一張圖片的工具。也就是說,...

2016-12-16 ‧ 由 黃升煌 Mike 分享
DAY 17

[Day 17]Dropzone.js - 上傳檔案的好幫手

上傳檔案是各種系統遇到機率都很高的一個功能,傳統要讓使用者上傳檔案,最簡單的方法就是加個<input type="file">,...

2016-12-17 ‧ 由 黃升煌 Mike 分享
DAY 18

[Day 18]GitGraph.js - 畫出精美的Git分枝樹狀圖

身為寫程式的人,有在使用任一種版本控制系統是很正常的,用過2~3種以上的也絕不希奇,以目前來說,最受歡迎的莫過於Git了,不過今天不是要介紹Git,而是要介紹一...

2016-12-18 ‧ 由 黃升煌 Mike 分享
DAY 19

[Day 19]Dragula - 一步完成Drag & Drop

Dragula是一款協助前端開發人員完成拖曳(drag & drop)功能的library,透過Dragula我們可以輕鬆完成使用滑鼠進行清單的排序、移...

2016-12-19 ‧ 由 黃升煌 Mike 分享
DAY 20

[Day 20]screenfull.js - 全螢幕顯示就是這麼簡單

全螢幕API(Fullscreen API)是JavaScript用來讓瀏覽器支援全螢幕的一種方式,透過Fullscreen API我們可以讓畫面可以一次呈現更...

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