兴国资源网 Design By www.nnzcdc.com
本文分享了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 5. HTML/CSS 编辑器
你需要一个好的代码编辑器,除了notepad之外,还有很多,它们各具特色。比如coda的ftp引擎十分的稳定。当然,你也可以登录开源中国社区检索更多的开源代码编辑器。
- Notepad++ (windows, free) Aptana (all platforms, free) Bluefish (all platform, free) Coda (mac, $99) Textmate (mac, $57) 6. 其他在线工具
下面的一些工具,还是可以帮助你省下那么一点的时间的。
- Backfire: 保存firebug的CSS变化。 Live.js: 更新CSS。 CSS Auto Reload: 同Live.js,但可设置重载时间。 Yahoo Grid Builder: YUI网格创建。 Markup Generator: 基于HTML代码,生成CSS标签。 Coda Clip: Coda 片段.
如果你刚刚学习HTML和CSS,那么还是建议扎扎实实地来手写代码。如果你已经有了坚实的基础,那么就尝试上述的方法吧。
Enjoy coding :)
原文:http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css
兴国资源网 Design By www.nnzcdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
兴国资源网 Design By www.nnzcdc.com
暂无评论...
更新日志
2024年05月03日
2024年05月03日
- 吴奇露1992追风少年》[WAV分轨]
- 老虎鱼DavidRoth-MorePearls-24bit44.1kHz[FLAC]
- 赵传1999-勇敢一点[台湾首版][WAV]
- 姚希《陌生人HQCD》[WAV]
- 陈奕迅《打得火热》[FLAC 192kHz 24bit][1.5G]
- 秦铭遥 《当爱在靠近》 HOCDII [低速原抓WAV+CUE][506M]
- 张玮伽《一生所爱》[DSF][1.5G]
- 张信哲《思念(粤语) 》[WAV分轨][433M]
- 原声《重庆森林电影原声带》[FLAC][498M]
- 群星《宝丽金50半世纪之歌》[FLAC][802M]
- 姜育恒.1989-精品集爱我·倾诉【瑞华】【WAV+CUE】
- 水木年华.2004-毕业纪念册【水木同创】【WAV+CUE】
- [7504]ReferenceSoundEdition-GreatGuitarTunes(2013)[GermanyHQCD]
- 刘嘉佳《往日时光HQ》头版限量[低速原抓WAV+CUE]
- 单依纯《纯情歌》开盘母带[低速原抓WAV+CUE]