前端开发环境建设经验
首先是关于前端开发环境建设的珍贵经验，这些建议来自Google的前端大神Paul Irish的演讲《Paul Irish on Web Application Development Workflow》(youtube视频，需要翻墙)基本可以按照这个建议的顺序逐步优化前端开发环境与流程。 命令行界面中提示符栏需要显示当前目录，当前git项目及所在分支，当前目录分支本地是否修改 位于github的d …
标签分类：前端库
HTML5 Boilerplate使用
个人站制作使用了下HTML5 Boilerplate，问题关键是如何使用。 1.首先从目录入手，需要关注的是js目录，里面libs目录存放有jquery以及modernizr，都是压缩版；mylibs文件夹用来放用户其他的库，script.js以及plugin文件都是空白，都留待用户写。 2.然后是css目录，里面的style.css，文件前面有针对html5的reset，中间空出部分让用户写页面 …
Bootstrap简易使用指南
看完使用手册后所作的笔记，可以当做简易使用指南使用。 1.框架 1.1全局样式 使用HTML5的doctype，scaffolding.less中定义全局样式，从2开始使用normalize.css，并使用reset.less进行简化 1.2默认栅格系统 940px宽12列栅格，使用row与span[NUM]的class来控制，使用offset[NUM]来控制偏移，于non-fluid可以直接嵌套 …
Modernizr使用
Modernizr作为开发HTML5必要的js工具，提供有以下多种功能 1.css 可以通过feature检测（包括html5元素如canvas，或是css3属性如border-radius）为html的加入相应的类，对于不支持的feature则加入以no-为前缀的类。 可以为html加入名为“no-js”的类，这样即使没有js环境来执行Modernizr，也提供了相应的fallback类，而一旦 …