10个有趣的JavaScript和CSS库
cpab7913
8年前
<p><a href="/misc/goto?guid=4959737773358611644" rel="nofollow,noindex">LocalForage</a></p> <p>LocalForage是一个JavaScript的快速和简单的存储库。localforage提高你的Web应用程序的离线应用，采用异步存储（IndexedDB或WebSQL），提供一个简单的localStorage API。</p> <p><img src="https://simg.open-open.com/show/3f352a618828c3e8801d069a6216c147.jpg"></p> <p><a href="/misc/goto?guid=4958985581926857124" rel="nofollow,noindex">MJML</a></p> <p>制作响应式的电子邮件web页面一直被认为是最烦人的任务，而MJML框架提供简单的html标记的组件，就可以制作成友好的HTML电子邮件，开发者不必去处理表格布局、css甚至线框。</p> <p><img src="https://simg.open-open.com/show/4f2d8d8cea3d661f82af8ed6a14d4a71.jpg"></p> <p><a href="/misc/goto?guid=4959737773485788861" rel="nofollow,noindex">Nachos UI</a></p> <p>原生的组件包含超过20个可定制的UI元素，你可以找到输入框、loader加载、图像接口等等，该项目提供了非常易懂的文档，使得开发者能快速理解并上手。</p> <p><img src="https://simg.open-open.com/show/e9579abd4bc7ebf905e13d4e5cc0a85f.jpg"></p> <p><a href="/misc/goto?guid=4959737773572713864" rel="nofollow,noindex">Rellax</a></p> <p>Rellax是一个对移动设备友好的，不依赖任何js的视差库，它仅仅只有1KB就建立起视差背景效果，其API基于HTML属性，所以你只需要定义网页上的各种元素就能做出漂亮的视差效果。</p> <p><img src="https://simg.open-open.com/show/1f70367686e8b98bd2f54e79673352b1.jpg"></p> <p><a href="/misc/goto?guid=4959737773658832318" rel="nofollow,noindex">Keen UI</a></p> <p>基于vue.js组件的Material设计，Keen UI非常轻巧，它兼容Vue2.1.4，拥有丰富的属性定制，很多组件看起来效果真的不错。</p> <p><img src="https://simg.open-open.com/show/1b0ffcc0fb0f7ac51c119aa475cdff68.jpg"></p> <p><a href="/misc/goto?guid=4959737773751791730" rel="nofollow,noindex">Muuri</a></p> <p>Muuri是一个用来创建交互式的网格布局的Javascript库。它可以让任意个数的矩形框放在响应式的网格页面上并排列起来，这些矩形框可以拖动、排序、过滤等等。</p> <p><img src="https://simg.open-open.com/show/4887f46fcd4508278da8b773e2efdcce.jpg"></p> <p><a href="/misc/goto?guid=4959737773849329597" rel="nofollow,noindex">Offcanvas</a></p> <p>Offcanvas是一个jQuery插件，使用它可以创建如抽屉般的盗号菜单，你可以把它放置在屏幕的任何一边，它有平滑的css动画效果，可按ESC键或点击页面关闭。</p> <p><img src="https://simg.open-open.com/show/22bf24f6e001a15750ed67c127fe44ac.jpg"></p> <p><a href="/misc/goto?guid=4959737773941238449" rel="nofollow,noindex">Notyf</a></p> <p>Notyf是一个超级轻量级的Javascript通知展示库，与其他许多通知插件不一样，我们分享的这款，它有非常干练的API，时尚的外观设计以及平滑的动画效果。</p> <p><img alt="" src="https://simg.open-open.com/show/0d4678d41d0ff4f9ac52d1ecbf71326c.png"></p> <p><a href="/misc/goto?guid=4959737774055455106" rel="nofollow,noindex">React Navigation</a></p> <p>React原生组件库包含不同的适用于iOs和Android APP的导航效果，它可以让导航面板在不同的页面之间进行切换。</p> <p><img src="https://simg.open-open.com/show/049377262b05f4af239837d71396c7a7.jpg"></p> <p><a href="/misc/goto?guid=4959737774147605548" rel="nofollow,noindex">Multi.js</a></p> <p>Multi.js是一个友好的双向选择组件，它可以替代浏览器默认的select元素，允许用户选择内容到另一个select中，当然也可以使用搜索栏进行搜索选择等。</p> <p><img src="https://simg.open-open.com/show/675c502f78f67cda4ddd921f9d3e03b7.jpg"></p> <p> </p> <p>来自：http://www.helloweba.com/view-blog-409.html</p> <p> </p>