Koala 一 更簡潔高效的基礎樣式庫

jopen 9年前發布 | 25K 次閱讀 Koala CSS 前端技術

一、關于 Koala

Koala 是一套基礎樣式庫，它是基于Normalize.css內容延伸的一個產物，繼承其優勢來擴展出更多實用性解決方案。

基礎樣式庫 始終 能幫我們解決開發時遇到的一些基礎性問題：

  • 如瀏覽器樣式不統一，需要重置樣式；
  • 如基礎表單樣式過于難看不易操作，需要優化其樣式；
  • 如布局樣式需要重復編寫，需要一套穩定復用的解決方案；
  • 如一些樣式的浮動，對齊操作，需要統一管理起來進行多次復用；
  • 如常見的CSS動畫效果，需要統一起來管理方便復用；
  • 如一些常用的圖標，需要一套可復用的字體圖標；
  • 如需要打印，提供一套更為合理的打印樣式

初衷和未來方向：

  • 最大程度減少開發難度
  • 提供簡潔高效開發體驗
  • 趨于模塊化樣式構建規范
  • 做為未來UI組件庫核心基礎
  • 始終站在巨人肩上

二、目錄結構： 

---
 |---- src/           源碼
 |---- README.md

三、文件內容： 

normal.css   [基于Normalize.css自定義模塊，繼承其優勢，改善文字與部分細節]
html5.css    [html5樣式修復，默認會導入normal.css，可按需引用]
form.css     [表單的一些基礎樣式，可按需引用]   
grid.css     [響應式網格系統，優化命名與精簡代碼，可按需引用]   
utils.css    [HTML中直接使用的工具類，可按需引用] 
iconfont.css [一套復用率極高的字體圖標，可按需引用] 
animate.css  [常用的動畫效果組合，可按需引用] 
print.css    [優化默認的打印樣式，可按需使用]

項目主頁：http://www.baiduhome.net/lib/view/home/1438847209067

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！