10個(gè)有趣的Javascript和CSS庫-2017年11月
Tailwind CSS
Tailwind是用于構(gòu)建自定義用戶界面的實(shí)用CSS框架。 每個(gè)Tailwind小應(yīng)用都有多種尺寸,這使得創(chuàng)建響應(yīng)式界面變得非常簡單。 您可以自定義顏色,邊框尺寸,字體,陰影等等,沒有任何限制。
Pretty Checkbox
這是一個(gè)純CSS庫,用于創(chuàng)建漂亮的復(fù)選框和單選按鈕。 它提供了不同的形狀(正方形,曲線,圓形),選擇方式(默認(rèn),填充,thick),顏色(主要,成功,信息),顏色類型(實(shí)心,輪廓)和動(dòng)畫。 它支持自定義字體圖標(biāo),SVG圖標(biāo)和SCSS自定義。
Bulma
這是一個(gè)基于Flexbox的免費(fèi)開源CSS框架。 Bulma有39個(gè).sass文件,可以單獨(dú)導(dǎo)入。 您可以輕松地自定義它,并使用您喜歡的顏色和變量創(chuàng)建自己的主題。 Bulma中的每個(gè)元素都是移動(dòng)端優(yōu)先的,并針對(duì)小屏幕進(jìn)行了優(yōu)化。
React Static
由Nozzle.io創(chuàng)建的React靜態(tài)網(wǎng)站框架。 它具有令人難以置信的快速運(yùn)行時(shí)間和性能,并提供驚人的用戶體驗(yàn)。 它完全使用React構(gòu)建,支持所有React生態(tài)系統(tǒng),包括CSS-in-JS庫,GraphQl和Redux。
Bottender
Bottender是一個(gè)開發(fā)跨平臺(tái)機(jī)器人的JavaScript框架。 它是用ES6 / ES7語法編寫的,完全支持異步等待功能。 您可以使用會(huì)話存儲(chǔ),HTTP服務(wù)器框架或?qū)⑵溥B接到任何平臺(tái)。 您可以為Messenger,LINE,Slack等不同平臺(tái)創(chuàng)建漫游器。
CSS doodle
這是一個(gè)使用CSS繪制圖案的Web組件。 css-doodle的語法基于CSS,包含一些額外的功能和屬性。 它生成一個(gè)div的網(wǎng)格,可以很容易地使用CSS來創(chuàng)建圖形模式或動(dòng)畫圖形。 它適用于最新版本的Chrome和Safary。
Spected
這是一個(gè)驗(yàn)證庫,用于根據(jù)自定義規(guī)則驗(yàn)證對(duì)象。 它使您可以完全自由地使用驗(yàn)證規(guī)則,并且可以用于表單輸入,深度嵌套的對(duì)象或客戶端和服務(wù)器端的任何其他數(shù)據(jù)結(jié)構(gòu)。
T-scroll
這是一個(gè)功能強(qiáng)大且易于使用的滾動(dòng)庫,提供有用的選項(xiàng)和動(dòng)畫。 它配備了Sass,并提供了大量的CSS3動(dòng)畫,如bounceIn,淡入,翻轉(zhuǎn),旋轉(zhuǎn),放大等等。 T-scroll與大多數(shù)現(xiàn)代瀏覽器兼容,包括IE 10+,F(xiàn)irefox,Chrome和Safari。
Strapi
先進(jìn)的開源內(nèi)容管理框架,用于構(gòu)建強(qiáng)大的API應(yīng)用系統(tǒng)。 它有一個(gè)易于使用和完全可定制的管理面板。 您可以安裝可擴(kuò)展的插件來添加新的功能和功能。 Strapi提供令人難以置信的快速性能,可以用于任何前端框架和第三方工具。
Maptalks
Maptalks是一個(gè)輕量級(jí)的JavaScript庫,用于創(chuàng)建集成的2D / 3D地圖。 它是開放源代碼的,可以通過提供的插件輕松擴(kuò)展新功能。 它非常高性能,能夠平滑地渲染數(shù)以千計(jì)的幾何形狀。 支持所有主要的桌面和移動(dòng)瀏覽器。
來自:https://www.helloweba.com/view-blog-458.html
相關(guān)文章:
1. vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問的操作2. vue 項(xiàng)目@change多個(gè)參數(shù)傳值多個(gè)事件的操作3. vue 中this.$set 動(dòng)態(tài)綁定數(shù)據(jù)的案例講解4. Vue 路由返回恢復(fù)頁面狀態(tài)的操作方法5. 基于vue-simple-uploader封裝文件分片上傳、秒傳及斷點(diǎn)續(xù)傳的全局上傳插件功能6. 探究Android客戶端網(wǎng)絡(luò)預(yù)連接優(yōu)化機(jī)制7. Android Studio實(shí)現(xiàn)簡單計(jì)算器APP8. vue使用webSocket更新實(shí)時(shí)天氣的方法9. Android在自定義類中實(shí)現(xiàn)自定義監(jiān)聽器方式10. 解決vue項(xiàng)目中遇到 Cannot find module ‘chalk‘ 報(bào)錯(cuò)的問題
