我為什麼要用 Javascript 編寫 CSS?
曾經的前端開發中,JavaScript、CSS、HTML 作為三大獨立的技術,各司其職,互不干涉。然而隨著組件結構 React 的出現,將 HTML、CS...
在前端開發過程中,高質量的網頁設計需要直觀和用戶友好的界面,而且屏幕上的元素也起著非常重要的作用。Web 設計師不斷地尋找優秀代碼的集合,希望能提升工作效率。但找到合適的工具庫並不總是那麼容易的。
以下特推薦JavaScript 和 CSS 庫插件,希望大家歡喜!
1. HR.js
(零依賴庫,用於在 DOM 中以編程的方式高亮顯示並替換字符串,HR.js API 的使用不能再簡單了 — 只需使用 CSS 選擇器來定位目標文本的父 HTML 元素,選擇要突出顯示的單詞,設置背景顏色,然後就完成了!)
2. Tippy.js(輕量的純 JavaScript 動態提示工具插件庫。它提供了大量的不同懸停效果和超過 20 個可定製的選項。Tippy.js 是超級輕量的,具有相當不錯的瀏覽器兼容性)
3. UIkit(優秀的 CSS 和 JavaScript 前端框架,包括 SVG 圖標字體和幾十個組件。它具有統一的樣式,易於記憶的 API。)
4. Stylelint(是一款現代化的 CSS linter,可幫助團隊在樣式表中強制使用客觀的 CSS 標準。該庫非常強大,可以禁用或列出特定屬性,捕獲錯誤和識別 SCSS 語法。)
5. Iconate(非常優秀的 vanilla JavaScript 庫,可讓你將點擊中的一個圖標轉換為另一個圖標,並具有各種平滑的動畫,有 15 種以上的動畫可供選擇。)
6. Simple Icons(收集了大量社交網絡、app、服務和其他品牌的免費圖標。因為所有的圖標都是使用 SVG 製作的,所以它們可以縮放到任何的尺寸而不用擔心變模糊。)
7. Weex(是構建跨平臺移動應用的框架,類似於 React Native,但適用於 Vue.js 項目。它可以讓你使用 HTML,CSS 和 JavaScript 編寫應用,然後在 Android 中將其渲染成 Java 或在 iOS 中將其渲染成 Swift。)
切版 qieban(.cn)