每周前端开源引荐第一期

2024年1月23日 188次阅读 来源: mdemo

每周前端开源引荐第一期

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

    原文作者：mdemo
    原文地址: https://segmentfault.com/a/1190000000318567
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞