本文分享了6中最有效的方法,希望能提供你的效率,为你节约时间。
1. Dynamic CSS(动态 CSS)
如果你想加速你的CSS代码编写,那么你需要学习并掌握动态CSS。大部分的动态CSS增加了nested riles,variables, mixins, selector inheritance功能,这里提高代码的利用率。
2. HTML snippets(HTML 片段)
使用代码片段是个编写HTML代码的一个很快的方法。推荐Zen Coding和HAML。首先,它会让你提速很快,其次,可以规避一些人为错误,因为所有的代码都是被测试和正确生成的。
3. CSS reset(CSS 重设)
CSS reset的优势是避免了浏览器的不兼容。推荐:Eric Meyer's CSS reset 和YUI.
4. CSS Grid layout(网格布局)
不少的开发者,都没有使用CSS 网格布局。网格布局的理念来自于传统的印刷出版,在web上,网格布局在杂志类型模板/网站中非常重要。该方法已经被大量的开发者证明是提升产品设计速度的有效途径。
CSS 网格布局具有很好的跨平台支持等特性,下面再介绍一些相关的资源:
- Which CSS Grid Framework should you use for web design
- 960 Grid Layout
- YUI Grid layout
- Blue Print Grid layout
你需要一个好的代码编辑器,除了notepad之外,还有很多,它们各具特色。比如coda的ftp引擎十分的稳定。
- Notepad++(windows, free)
- Aptana (all platforms, free)
- Bluefish (all platform, free)
- Coda (mac,$99)
- Textmate (mac,$57)
下面的一些工具,还是可以帮助你省下那么一点的时间的。
- Backfire: 保存firebug的CSS变化。
- Live.js: 更新CSS。
- CSS Auto Reload: 同Live.js,但可设置重载时间。
- Yahoo Grid Builder: YUI网格创建。
- Markup Generator: 基于HTML代码,生成CSS标签。
- Coda Clip: Coda 片段.
Enjoy coding :)
原文:http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css
标签: HTML CSS
相关文章:
重置还是不重置-这是个CSS问题
如何更高效的制作可通用的HTML页面
包容不良的设计决策
Ajax和WEB服务数据格式:XML SOAP HTML
模拟HTML表单上传文件(RFC 1867)
最新评论