码迷,mamicode.com
首页 > 其他好文 > 详细

每周前端开源推荐第一期

时间:2020-04-12 14:31:50      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:str   ted   org   web   data   power   代码   摄像头   ges   

每周前端开源推荐第一期

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

每周前端开源推荐第一期

标签:str   ted   org   web   data   power   代码   摄像头   ges   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12684778.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!