Pages

▼

Monday, 16 December 2013

web前端相关的东西

CSS

  • Framework
    • Alice – 支付宝前端样式解决方案
    • Almost Flat UI – 同上也是一款扁平UI工具包
    • BootStrap – Twitter推出的前端开发工具包
    • semantic-ui – 语法比 BootStrap 更简洁的扁平风格工具包
    • Fight – Twitter推出的新web开发框架
    • FlatUI – 基于BootStrap的UI工具包
    • Foundation – 前端框架新秀
    • Ink – 一套和BattStrap一样好用的UI工具包
    • kube – 一款黑白简约的UI工具包
    • NEC – 网易推出的CSS框架
    • Ninja – 前端用户界面工具包
    • Puerh – 百姓网开源的一套基于bootstrap的前端开发工具包
    • Pure – 一款小巧的CSS模块实现
    • Simple Grid – 轻量级的响应式 CSS 网格系统
  • Preprocessor
    • Animate.css – 整合了一些简单动画效果的css，支持自定制
    • Compass – 基于Sass的框架，提供了更强大的功能，如：CSS3支持、浏览器差异修复、Reset等
    • DtCSS – CSS预处理器
    • Less – 同样基于node.js的CSS简化解释语言，但没有Stylus简化
    • Sass – 基于ruby的CSS简化解释语言
    • Stylus – 基于node.js的CSS简化解释语言
    • Turbine – 由PHP驱动的一款CSS预处理器
      • Crunch – 一款针对Less的编辑器
      • SimpLESS – 针对LESS的编译器
  • Tools
    • CSS Compressor – 压缩CSS代码
    • CSS Lint – 检测与评估CSS代码
    • jsFiddle – 在线调试前段开发工具
    • ProCSSor – 优化CSS代码，使其轻量且易读
    • SpriterMapper – 基于python的一款多图片合并切片生成css工具
    • StyleBot – Chrome下的可视化CSS编辑器，功能强大
    • Styleneat – 一款非常不错的CSS格式化工具，可以按层级缩进等
    • Yabo – 大猫写的前端压缩工具
    • Procssor – CSS代码整理工具

Javascript

  • Framework
    • alloyUI – 基于YUI3的前端框架
    • APEJS – A tiny JavaScript web framework targeted for Google App Engine
    • Arale – 支付宝基于 SeaJS 的前端解决方案
    • Backbone.js – 一个前端MVC框架
    • Ember.js – 一款空前高效的前端框架
    • Kissy – 由淘宝前端团队发布的一款开源JS类库
    • NEJ – 简洁，美观，真正的跨平台web前端开发框架，网易出品
    • Node.js – 基于Javascript的Web服务端解决方案
    • SeaJS – SeaJS 是一个遵循CommonJS规范的模块加载框架，可用来轻松加载任意JavaScript模块
    • SproutCore – iCloud 和 MobileMe 的JS Framework
  • Library
    • artTemplate – 一款高性能的模版引擎，腾讯前端团队出品
    • CasperJS – 一款Web应用测试工具，可以实现点击，抓取网页等等功能
    • DataTables – 优雅的前端表格库
    • easy.js – 一套简洁的js库，包括DOM操作和动画等
    • gsap js – 强大的缓动特效库
    • Handlebars – 一款前端模版引擎
    • Jscex – monadic扩展
    • Medium.js – 一款HTML5页面内容编辑器
    • MetroJS – 实现Metro效果
    • MinUI – 一套国产UI库，包含强大的数据显示控件
    • Moment.js – 一款小巧的时间库
    • Proton – HTML5 粒子引擎
    • qatrix – 同上，一款个人开发的模版引擎
    • Smoke – 小巧实用的javascript通知库
    • sparky / github – 用来制作走势图的JS库
    • textillate.js – 一款很棒的文字特效库
    • tinycon – 通过chrome的favicon来动态显示数字信息，比如未读消息
    • 腾讯Web开源库
    • Javascript – 基于Javascript的有限状态机实现(阮一峰的介绍文章)
  • Tools
    • closure – Google推出的一套javascript开发工具
  • Web Apps
    • Noderce – 开源Blog程序
    • hexo – 不错的Octopress替换博客程序，生成速度很快，也引入了很多Octopress的插件
    • canku – 一款多人订餐系统
  • WebSite
    • JSter – 各种框架和库的收集站
    • JSDB – 同上
    • MicroJS – 同上，专门收集各种休积小巧的JS库
  • Other
    • EpicEditor – 一款很棒的Markdown在线编辑器
    • jsFiddle – 在线编辑，展示，分享代码
    • RunJS – 同上

HTML

Development Tools

  • Viewport resizer – 实用的前端开发辅助工具，可以让当前网页以各种不同的分辨率展示

Analyze Performance

Web Site

Design Material

Image Placeholders

Github Pages Themes

at