自己开始玩网页相关的东西也有一段时间了，虽然依然是渣渣。搞网页期间对于怎样用更懒的方法搞出更帅的前端页面很感兴趣。虽然是表面功夫而已233。以下是一些收集到的前端相关内容。肯定不全，留底备忘。

工具和辅助网站

一些可以提高效率的网站们

• CanIUse 我能用吗？如果不确定某个神奇特性能在哪些浏览器工作，来这里查

框架相关

讲道理，纯手写页面或是用个框架，各有各的好处，我这种不会设计的懒人还是用框架好了。于是有了下面的这个部分。

Bootstrap 相关

要提非常流行的前端框架，就不得不提到Bootstrap。其火爆程度已经都....烂大街了。这里则给出几个Bootstrap相关的框架，主题什么的。

• Bootstrap官网 (中文网) 我看大家这么热情啊官网这不提也不好


• Bootstrap官网主题 官方的主题我能不姿磁嘛


• Bootstrap Material Design 第三方仿MaterialDesign风


• Bootswatch 第三方主题们


• LXUI (GitHub页面) 国产的一个宣称支持ie6+的BS框架

Material Design 相关

鼓哥搞的这个MD啊，Excited！不过，设计虽好，却不便我们这些没前端姿势的人搞大网站，对不对？

• Material Design Lite (GitHub页面) 无论如何，先看看鼓哥，我们都应该去学习一个。


• Materialize (GitHub页面) 但是你看到MDL那么复杂的class啊什么的是不是就头大了，换个舒服点的？


• Daemonite / Material (GitHub页面) 这个看着也很不错...


• MUI-CSS (GitHub页面) 这个算是最简单的了吧，不过说实在的，这个是纯长得像MD，实际则是一点都不遵循MD的设计要求啊..于是我魔改一番用到这个网站了..


• Bootstrap Material Design 上面提到了，Once Again，Are you OK？

存粹的格子系统

或许你只是需要一套栏格方便排版？

• RWDGRID 响应式的格子系统


• 960 Grid System 960格子系统

其他框架

• MUI (GitHub页面) 这个是个国产的果味手机前端框架。61用过说不错。和上面那个MUICSS没半毛钱关系


• AmazeUI (GitHub页面) 国内的一个还不错的框架


• PureCSS (GitHub页面) 雅虎出品

演示相关

幻灯片替代品，有时效果更会胜过PowderPoint。
P.S. 下面提供的是github页面为主，官方的演示后附。

PPT经典翻页风格

• NodePPT【官网演示】演示是在SAE上的，不过SAE现在越来越黑了，不知道这演示能存在多久


• reveal.js【官网演示】


• Fullpage.js【官网演示】更多网站用这个做全页展示而不是单纯的搞幻灯片

Prezi地图缩放风格

• impress.js【官网演示】演示似乎挂了...
  
  附(前端无关)：于是国内还有几个仿Prezi风的软件..Focusky和AxeSlide。不知道科学不科学..不过仿Prezi挺逗的...

数据可视化

关系网相关

突然学校这边让我做什么溯源算法之类的proj...于是找到了一些有趣的东西。顺带一提，D3好像cnblogs上见到用这个的很多啊，怎么我搜的时候没觉得D3有多靠前啊（x

• Arbor.js 最终我用的是这个


• vis.js 看官网描述的用途更多一些，似乎效率比上面那个也高一些


• sigma.js 比上面两个都简单一些


• Collection! 这里是StackOverflow某提问给出的一个清单

数据结构可视化

可视化的理解数据结构的一些小网站或者小工具

（待填）

Untitled

我还真不知道如何给这个分类..

模板框架

• Try Stylus (中文文档) 一块Stylus试验田


• Jade Syntax Doc 一块Jade试验田

其他尚未分类

网上看到的不错的东西们...

• scrollReveal.js


• skrollr 视差移动Parallax的简单实现，不依赖jQuery