超棒的前端介面開發套件InK
InK(線上演示)是一個能夠幫助你快速開發web介面的套件,使用簡單並且可擴充套件。使用了HTML/CSS/Javascript技術來設定佈局,展示常用的介面元素,並且實現互動的特性,所有這些都是以內容為中心的,並且對於使用者,開發人員和設計師來說都非常友好。
InK基於如下開源專案:
FontAwesome (under cc-by-3.0)
Ubuntu Font (under Ubuntu Font License)
HTML5 shiv (under MIT License)
respond.js (under MIT License)
normalize.css (under normalize's license agreement)
如何使用?
下載最新的build
如果使用本地的服務請開啟my-page.html,否則如果想使用InK的服務請開啟my-page-cdn.html
檢查模板,並且刪除你不需要的服務或者內容
確保header包含了ink.css,ink-ie.css和ink.js
新增你自己的CSS或者其它指令碼
回來檢視相關文件
是不是非常簡單?Ink 擁有非常棒的介面元素,例如,流動網格、印刷排版、選單、圖示、導航、分頁、表格、表單、提醒、警告、按鈕等等,這個套件不依賴於其它第三方的JavaScript類庫,不過使用自己的JavaScript類庫libsapo.js,擁有很多元件,比如,圖片畫廊、彈出層、日期選擇、排序、樹形檢視、tabs等。
InK文件非常全,並擁有程式碼和例子,相信使用起來會非常方便,CSS支援LESS,可以方便的自定義。
InK基於如下開源專案:
FontAwesome (under cc-by-3.0)
Ubuntu Font (under Ubuntu Font License)
HTML5 shiv (under MIT License)
respond.js (under MIT License)
normalize.css (under normalize's license agreement)
如何使用?
下載最新的build
如果使用本地的服務請開啟my-page.html,否則如果想使用InK的服務請開啟my-page-cdn.html
檢查模板,並且刪除你不需要的服務或者內容
確保header包含了ink.css,ink-ie.css和ink.js
新增你自己的CSS或者其它指令碼
回來檢視相關文件
是不是非常簡單?Ink 擁有非常棒的介面元素,例如,流動網格、印刷排版、選單、圖示、導航、分頁、表格、表單、提醒、警告、按鈕等等,這個套件不依賴於其它第三方的JavaScript類庫,不過使用自己的JavaScript類庫libsapo.js,擁有很多元件,比如,圖片畫廊、彈出層、日期選擇、排序、樹形檢視、tabs等。
InK文件非常全,並擁有程式碼和例子,相信使用起來會非常方便,CSS支援LESS,可以方便的自定義。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/301743/viewspace-753346/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- TOP 100 大前端超棒精選列表前端
- 超棒的伺服器伺服器
- 10 個超棒的 JavaScript 簡寫技巧JavaScript
- 前端開發10大Chrome外掛擴充套件前端Chrome套件
- 推薦給前端開發的 5 款 Chrome 擴充套件 🚀前端Chrome套件
- 五款最棒的Go語言開發工具?Go
- 三大最棒的開源Web開發模板或框架Web框架
- 超棒的檔案傳輸工具:SecureFX mac版Mac
- Uptime Kuma | 超棒的自託管監控工具
- substrate學習筆記8:ink合約開發之初體驗筆記
- 從前端介面開發談微信小程式體驗前端微信小程式
- Android如何實現超級棒的沉浸式體驗Android
- 《風暴英雄》裡那些超棒的遊戲設計遊戲設計
- 前端開發的ajax前端
- 採用React+Ant Design元件化開發前端介面(一)React元件化前端
- 關於資料結構的理解超級棒的網站!!!!資料結構網站
- win10 ink工作區打不開怎麼修復_win10 ink工作區打不開如何處理Win10
- 前端嫌棄原生Swagger介面太low,於是我給她開通了超級VIP前端Swagger
- 為什麼遊戲開發者需要創作更棒的 NPC?遊戲開發
- 對於Web開發最棒的22個Visual Studio Code外掛Web
- 移動前端開發和Web前端開發的不同點介紹前端Web
- 前端的初步----呼叫介面前端
- 【譯】2019年JavaScript開發者應該都在用的9個棒的技巧JavaScript
- Chrome 擴充套件的開發實戰Chrome套件
- 基本於dcat-admin 的介面文件擴充套件-開箱即用套件
- 開發php擴充套件PHP套件
- python 開發介面Python
- 介面開發-restfulREST
- 移動前端開發和 Web 前端開發的區別是什麼?前端Web
- PHP擴充套件開發就是一個自己的PHP擴充套件PHP套件
- 提升前端開發效率的工具前端
- 2019前端開發的發展趨勢前端
- iOS開發的分類和擴充套件iOS套件
- 基於 GatewayWorker 開發的 Laravel 擴充套件GatewayLaravel套件
- API介面開發(一):介面開發返回結果解決方案API
- 一個好用的Visual Studio Code擴充套件 - Live Server,適用於前端小工具開發套件Server前端
- 好程式設計師web前端分享移動前端開發和web前端開發的區別程式設計師Web前端
- chrome擴充套件程式開發Chrome套件
- HiSpark系列開發套件簡介Spark套件