13款實用的JS插件&前端資源

Sponsor

現在前端資源越來越多，有創意十足的，有實用性高的，這些對于設計師和前端人員來說都是不錯的靈感和資源，所以我們可多關注這些信息，對自己的專業技術有也會幫助的。

今天設計達人網為大家分享有：頁面進度條、圖像放大鏡、superplaceholder、純 CSS 加載動畫、Material Design框架等前端資源，看到喜歡的記得收藏起來：）

Loaders.css

查看演示 | 進入下載頁

漢堡包動畫菜單 AMBURGERS

十幾種漢堡包菜單動畫，選擇一款你喜歡的吧，當然也可以學習人家的動畫是怎樣寫出來的。

查看演示

Drift 圖像放大鏡

Drift 不依托任何插件庫，輕量級，特別適用于電子商務網站。

查看演示 | 進入下載頁

luminous

luminous 和上面介紹的Drift是同一開發者，luminous也是用于圖像放大，但效果是以 lightbox 形式展示，并兼容手機端。

查看演示 | 進入下載頁

superplaceholder

這個是利用文本框的 placeholder 屬性，以打字形式展示出自定義的文字，可當用提示用。

查看演示 | 進入下載頁

8款超有意思的切換開關效果

CSS3 Toggle Buttons 是完全使用 CSS3實現開關切換效果，喜歡的可以拿去用，創意不錯哦。

查看演示

邊玩塔防游戲邊學Flexbox屬性：flexboxdefense

Flexbox 是CSS3中一個很好用的布局屬性，如果你了解它，會讓你用很少代碼就能實現實用的布局。

更重要的是，這個是以塔防游戲形式，讓學員更易理解 Flexbox 各個屬性，快進去玩玩吧，在線版的并已加入到「設計導航」的Designer Game類目下。

進入游戲

Progresses – 進度條

可以實現種進度效果，如網頁加載、圖片加載、按鈕加載等等

網頁加載：網頁頂部出現一個進度條。

圖片加載

適用于檢測照片加載。

提交（保存）按鈕上的應用

文本框的進度條應用

查看演示?| 進入下載頁

clipboard.js 文字復制插件

以前「復制」瀏覽器中的代碼是需要 FLASH 的，而目前這個插件就不用啦，而且僅2KB 大小，實用好用，先 mark,以便下次用的時候怎么也找不到>_<

除了復制，還有剪切功能哦?。嫒?IE9+）

查看演示&下載

Chosen – 加強版的選擇功能

Select 屬性的加強版，確實強大太多了……

查看演示 | 進入下載頁

okayNav – 好用的響應式菜單

根據瀏覽器寬度，自動隱藏多余的菜單。

查看演示 | 進入下載頁

Pintsize – 一款響應式 grid 系統

class 名稱類似 Bootstrap，所以用過 BS 的話，就很好理解了。

查看演示 | 進入下載頁

MDL – Material 設計前端框架

用它來快速搭建屬于你的 Material 風格網站吧！

組件演示?| 進入下載頁

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。