每週前端開源推薦第一期

每週前端開源推薦第一期

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代碼建立了一個h一、兩個css樣式、三個div。oj就是使用對象的方式來建立html、css。 更多demo體驗地址