[ 登录注册 ]

HTML/CSS

编写HTML和CSS的最有效的6种方法

2016/08/12 15:08 [db:作者] 返回上一页

HTML5、CSS3、JavaScript,给前端开发者提供大大的用武之地。大家都在用很多的工具和技术来武装自己,以加快前段的开发。

本文分享了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 Meyers CSS reset和YUI.

4.CSS Grid layout(网格布局)

\

不少的开发者,都没有使用CSS网格布局。网格布局的理念来自于传统的印刷出版,在web上,网格布局在杂志类型模板/网站中非常重要。该方法已经被大量的开发者证明是提升产品设计速度的有效途径。

CSS网格布局具有很好的跨平台支持等特性,下面再介绍一些相关的资源:

html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/">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网格创建。

点击复制链接 与好友分享!回本站首页

文章来源:http://www.bozhiyue.com/html_css/2016/0812/368048.html
相关
评论
发表评论