iT邦幫忙

鐵人檔案

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

30天學習30套前端技術(2018年) 系列

用淺顯易懂的說明方式,簡易入門2018年必須具備的前端相關技術。

鐵人鍊成 | 共 61 篇文章 | 263 人訂閱 訂閱系列文 RSS系列文

[十分鐘學習] fullPage.js - 全頁式導覽

建立一個全頁式導覽的網站 GitHub Star: 22,000Javascripting Overall: 88%瀏覽器: Chrome、Firefox和...

2018-01-29 ‧ 由 mfhsueh 分享

[十分鐘學習] Store.js - 前端微型暫存DB

針對任何專案,都可以做的跨瀏覽器的資料存取,全站都可以運作,瀏覽器支援度高,小專案不想導入大型框架不錯的選擇 GitHub Star: 10,000Java...

2018-01-30 ‧ 由 mfhsueh 分享

[十分鐘學習] FullCalendar - 滿版行事曆

設計一套滿版、且可拖曳事件的行事曆。Bootstrap的排版風格,可讀入JSON格式資訊,安裝容易,支援響應式排版,要做行事曆的極佳利器 GitHub St...

2018-01-31 ‧ 由 mfhsueh 分享

[十分鐘學習] Headroom.js - 活化導覽列

把網站空間發揮至到極限,不需要導覽列時隱藏,需要的時候出現。搭配Animate.css可以讓畫面更活潑,另外也支援jQuery或Angluar。 GitHu...

2018-02-01 ‧ 由 mfhsueh 分享

[十分鐘學習] ScrollToFixed - 捲軸碰觸到即刻釘住

這是一套可以將元素釘住(置頂、置底都可以)的jQuery的套件,向左和向右則不影響 GitHub Star: 1,700Javascripting Over...

2018-02-02 ‧ 由 mfhsueh 分享

[十分鐘學習] Handlebars.js - 輕量型模板套件

Handlebars主要是讓你在做語意型模板(semantic templates)更有效率、且不容易受挫,並且相容Mustache模板,大多數可以直接互換使用...

2018-02-03 ‧ 由 mfhsueh 分享

[十分鐘學習] Faker.js - 做假資料的利器

可以在瀏覽器或Node.js產生大量的假數據。測試時期相當方便的東西,也可以透過Google Extension來運作 GitHub Star: 12,90...

2018-02-04 ‧ 由 mfhsueh 分享

[十分鐘學習] TinyMCE - HTML編輯器

功能豐富的JavaScript的HTML編輯器,功能齊全且輕量級。另外要注意TinyMCE對IE11以上才可運行 GitHub Star: 5,000Jav...

2018-02-05 ‧ 由 mfhsueh 分享

[十分鐘學習] List.js - 資料排序

對表格、清單、各式各樣的物件,增加搜尋、排序、過濾和靈活性,無形的建立在HTML內,極簡易也易於使用。即便周邊套件不如DataTables,但不依賴jQuer...

2018-02-06 ‧ 由 mfhsueh 分享

[十分鐘學習] Swiper - 最新潮的幻燈片/跑馬燈效果

Swiper是時下完整的幻燈片/跑馬燈套件,使用效能高,並可運用在行動裝置上及混和式App上,不但在最新版本的iOS上運作很好,在Android、Window...

2018-02-07 ‧ 由 mfhsueh 分享