iGeek前端让前端飞Web前端之路

分享10个优美的程序员把玩儿的实用科技设计酷站(4)

2017-11-29  本文已影响55人  小小孩儿的碎碎念

今天为优美的程序员们带来了科技设计酷站第4期! 哈哈哈~~~绝对实用!快来看看吧~~~O(∩_∩)O~

VueStar

VueStar 是一个Vue 组件用来生成图标闪烁的效果,类似Twitter 点赞时候的特效。

FlowchartJS

顾名思义,FlowshartJS是一个用来构建类似PPT中流程度的JS库,在它的基础上,你可以创建各种形状的图形。

FrontEnd Checklist

这个用来构建HTML页面的清单是根据多年的经验总结出来的。这个清单涵盖了网页设计的一些基本的策略和技巧,比如页头,CSS,JS,可访问性和SEO等。

QuickBill

这是一个用来创建发票的轻量级的Web应用。

Mocka

Mocka是一个创建网站原型的时候用来生成内容占位符的工具,它只有500字节,但是功能很完善,你可以通过Sass mixin 轻松地将它纳入到你的CSS文件当中。为了创建不同的多媒体占位符,它提供了许多CSS类。

Grid Playground

Grid Playground 是一个源自于 Mozilla 的计划,用来测试并推广 CSS Grid,即使是Firefox 的新的DevTools 当中都包含了相应的栅格布局工具。

Snippet Manager

Snippet Manager 是一个用来储存和管理代码的简单应用。

IBM Plex

这是IBM 所设计的全新的字体系列,名为IBM Plex,目前已经被纳入到IBM自身的风格指南当中,其中所涵盖的三种字体分别为为衬线体、非衬线体和等宽字体。

Tabbed Interface

这里介绍了如何尽可能少的使用JS来创建渐进和良好可访问性的标签导航系统,对于想要了解可访问性设计的开发人员而言,是个不错的素材。

SwissInCSS

SwissinCSS 展示了如何使用纯CSS来构建经典的瑞士海报设计。源代码在 CodePen中可用。

好啦,今天的分享就是这些啦,这里是igeekbar,希望可以给各位geek小伙伴们带来帮助呦~~~

听说只有优美的程序猿才会尝试把玩儿这些网站呐啊哈哈哈哈~~~~看到此文的你惊不惊喜^_^

如果你有什么好玩儿的酷站,也欢迎留言分享给我呦~~~

上一篇 下一篇

猜你喜欢

热点阅读