每周前端开源推荐第一期
favico.js
Make a use of your favicon with badges, images or videos
一直以来favicon.ico大家都觉得是一个放在根目录的静态ico,这个开源库可以让favicon增加动画、动态修改图片、甚至使用视频、摄像头捕捉。很有意思。体验地址Works on Chrome, Firefox, Opera
Semantic-UI
Semantic empowers designers and developers by creating a shared vocabulary for UI.
一个类似bootstrap的前端框架,和bootstrap不同的是更语义化。
- Semantic-UI
<div class="ui large red labeled icon button">
<i class="circular heart icon"></i>
Like it
</div>
- bootstrap
<button type="button" class="btn btn-primary btn-lg">
<span class="glyphicon glyphicon-heart"></span>
Like
</button>
但是我更喜欢Semantic-UI的是更强大组件功能,以及更漂亮的UI(真心对bootstrap有点审美疲劳),总之是一个非常值得关注的前端库。体验地址
oj
Object-oriented web templating for the people. Thirsty people.
oj是个非常有意思的项目,不信看看下面代码
h1('CSS Creation')
css({
'.red':{color:'#e00'},
'.big':{fontSize:'25px'}
});
div({'class':'red'}, 'This is red');
div({c:'big'}, 'This is big');
div({c:'big red'}, 'This is both');
上面的js
代码创建了一个h1、两个css样式、三个div。oj就是使用对象的方式来创建html、css。
更多demo体验地址