輕量級 Button CSS 組件庫:easyBtn
easyBtn.css 定位于后臺系統,可以簡易、高效的幫助你開發按鈕組件。她很簡單,你會愛上她。
支持瀏覽器:Firefox 3.5+, Google Chrome, Safari 4+, IE 8+, Opera 10+
我在寫easyBtn的時候很多朋友對我說:“呵呵,alice、bootstrap 足以秒殺你了,你還搞個這干嘛?”,但我發現,在實際開發后臺或不兼容IE8+這種場景,只需要一個按鈕組件。alice、bootstrap,就顯得我有些矯情了,真的,有些大材小用。所以我還是堅持寫了easyBtn。
為什么要有easyBtn?
作為一個前端工程師,有時朋友會讓你幫后端工程師整一整他們后臺按鈕樣式。有時我們在自己后臺使用了一個非常漂亮的主題,應用到自己系統上時卻變的很難看不搭調。
雖然我自己對設計也是一竅不通,不過沒吃過豬肉但卻見過豬跑。于是我在Iconic pack找了一套ICON,寫了easyBtn為一些不懂CSS的后端同學提供一個適合后臺樣式組件。如果你對此感興趣或是有改進意見請在github上給我提issue,在此表示感謝~
注意:easyBtn僅僅提供對后臺按鈕樣式,你可以將其嵌入到你自己的主題中。如果你想要找全套主題,那么它不是個好的選擇。
快速開始
在你的HTML中嵌入easyBtn,如下:
<link rel="stylesheet" href="css/easyBtn.css" /> <body"> <!-- 調用Class --> </body>
如果你想要自定義easyBtn,那么請查看下easyBtn的文檔。
http://hoosin.github.io/easyBtn/
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!