10个有趣的JavaScript和CSS库
<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>
本文由用户 cpab7913 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!