10个有趣的JavaScript和CSS库

LVNEva 7年前
   <h3><a href="/misc/goto?guid=4959615964191163495" rel="nofollow,noindex">Baguettebox</a></h3>    <p>Baguettebox是用于创建响应式灯箱画廊纯JavaScript库。它非常轻巧,对移动设备友好,易于使用和定制,并利用CSS3动画为平滑流畅的图像切换效果。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/6edd5a57a8fc41b0a9c697d11d46145a.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344355628806" rel="nofollow,noindex">Whitestorm</a></h3>    <p>Whitestorm是一个基于Three.js引擎的用于开发3D webapp以及游戏的框架,它包含了许多常见的Three.js任务,所以非常容易就能搭建环境、创建对象、添加物件,官方提供了一个非常好的教程,就像react一样很好使用。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/93331b4509300520664977135814d2df.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344453953907" rel="nofollow,noindex">Animatelo</a></h3>    <p>Animatelo是一个非常受欢迎的Animate.css库,它将所有的Animate.css效果重现,但是它是使用了Javascript方法代替了css类,它非常轻巧,依赖jQuery。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/5b4ec9d7a417a31ebbc66de2f733d38a.jpg"></p>    <h3><a href="/misc/goto?guid=4959738159837152976" rel="nofollow,noindex">FuseBox</a></h3>    <p>FuseBox是一个捆绑Javascript和CSS的,为TypeScript、SASS等附加功能,它提供了快速上手的教程,让你很快将其应用到Angular 2 + TypeScript, React + Babel, Vue.js, Electron等等。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/ceb6fdfddfa8beb02e2ae9d0d1012c5f.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344571192418" rel="nofollow,noindex">Yargs</a></h3>    <p>Yargs是一个基于Nodejs的命令行应用框架,它允许您轻松的配置命令,解析多个参数,并设置快捷方式等。它设置能自动生成帮助菜单。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/35af59c3f27b695f5fdcbf7098e99cb9.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344647754302" rel="nofollow,noindex">WebGradients</a></h3>    <p>WebGradients收集了大量漂亮的渐变色,可以很容易的应用到任何HTML页面中。项目网站快速浏览你想要的渐变色,然后可以点击直接复制css到你的项目中去。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/f0383ca05b659c946c7b1a3fa6425c1e.jpg"></p>    <h3><a href="/misc/goto?guid=4958538440202566341" rel="nofollow,noindex">Sticky-Kit</a></h3>    <p>Sticky-Kit是一个jQuery插件,允许你在页面任意范围内,设置跟随滚动的侧栏效果。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/45daa2b5785e46fcc01e57cc0400dfc1.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344756874552" rel="nofollow,noindex">ScrollDir</a></h3>    <p>ScrollDir是一个javascript插件,它不依赖任何第三方库,轻松的利用css属性来获取垂直滚动方向。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/1b66eb254138ca7a305f17f48801d199.jpg"></p>    <h3><a href="/misc/goto?guid=4958878649150144623" rel="nofollow,noindex">Store.js</a></h3>    <p>Store.js是一个跨浏览器、高级本地存储解决方案。最近发布了第二个版本,增加了许多额外的功能,如数组/对象操作以及旧选项的改进。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/24438037c63c630c42f73e09dcd96b78.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344861841238" rel="nofollow,noindex">Scrollanim</a></h3>    <p>Scrollanim是一个滚动动画库,它提供了大量的定制,提供单独的html和Javascript的API,超过50中平滑的动画效果,当然,它依赖Animate.css。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d23605d4cfa474404e4689befd97193f.jpg"></p>    <p> </p>    <p>来自:http://www.helloweba.com/view-blog-412.html</p>    <p> </p>