每周前端开源推荐第一期

时间 2019-11-10

标签每周前端开源推荐一期繁體版

原文原文链接

每周前端开源推荐第一期

favico.js

Make a use of your favicon with badges, images or videoscss

一直以来favicon.ico你们都以为是一个放在根目录的静态ico，这个开源库能够让favicon增长动画、动态修改图片、甚至使用视频、摄像头捕捉。颇有意思。体验地址Works on Chrome, Firefox, Operahtml

Semantic-UI

Semantic empowers designers and developers by creating a shared vocabulary for UI.前端

一个相似bootstrap的前端框架，和bootstrap不一样的是更语义化。git

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有点审美疲劳），总之是一个很是值得关注的前端库。体验地址github

oj

Object-oriented web templating for the people. Thirsty people.web

oj是个很是有意思的项目，不信看看下面代码bootstrap

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体验地址前端框架