每周前端开源推荐第一期

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体验地址