iT邦幫忙

鐵人檔案

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

前端UI軍火庫 系列

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

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

[Day 21]FullCalendar - 輕鬆完成專業級行事曆

行事曆功能在前端開發來說也是很常見的一種需求,例如透過行事曆來追蹤重要活動、代辦事項等等;而透過今天要介紹的FullCalendar,我們也能做出不輸給Goog...

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

[Day 22]Onsen UI - 專注於mobile web的UI框架

之前我們曾經就紹過Bootstrap這類的UI Framwork,目的是快速打造具有基本且通一的UI,並且支援RWD,不管是desktop或mobile瀏覽器都...

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

[Day 23]Awesomplete - AutoComplete就這麼做

今天要介紹一個autocomplete的library - Awesomplete,這是由一款功能強大但檔案小又容易使用使用的library,透過Awesomp...

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

[Day 24]Switchery - 打造iOS風格的checkbox

Switchery是一款具有iOS風格的開關library,透過Switchery我們可以快速的把一般的checkbox包裝成具有iOS開關的風格,在一些需要用...

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

[Day 25]X-editable - 瀏覽、新增、修改三個願望一次滿足

在設計CMS之類的系統時,常常會需要一個表單和一個瀏覽資料的頁面,以新型新增、修改和查詢的工作,不過畫面排版通常會非常類似,只差在表單有額外的表單控制項,而瀏覽...

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

[Day 26]ClockPicker - 更直覺的時間選擇器

在web app中遇到需要選擇日期、時間需求的時候,日期通常很簡單,大部分的UI元件都可以用表格做出一個簡單的日曆來選擇,而時間通常就比較沒那麼直覺,多半都是用...

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

[Day 27]jQuery Knob - 酷炫的旋鈕式數字選擇器

jQuery Knob是一款讓我們能夠用旋鈕這種與眾不同的方式輸入數字的jQuery外掛,除了可以確保user輸入的一定是數字以外,也可以簡化user選擇/輸入...

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

[Day 28]PDF.js - 前端也能輕鬆顯示PDF

如果要說有一個放諸四海皆準的通用文件格式,那麼想當然一定就是PDF了,雖然PDF是一個標準的文件規格,但要瀏覽PDF檔還是需要透過安裝軟體來顯示的,而今天要介紹...

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

[Day 29]jsPDF - 前端直接產生PDF也沒問題!

昨天我們介紹了PDF.js這套用來讓前端可以直接瀏覽PDF檔的library,今天我們來介紹一款可以在前端直接產生PDF檔的神奇程式-jsPDF。 開始使用js...

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

[Day 30]Chart.js - 輕鬆完成資料視覺化

隨著大數據越來越熱門,資料視覺化也變得越來越重要,能夠以簡單明瞭的圖像顯示數據的意義,對於決策者進行決策有非常大的幫助,過去要製作這些資料圖表大多必須依靠Exc...

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