6种编写HTML和CSS的最有效的方法
HTML5、CSS3、JavaScript，给前端开发者提供大大的用武之地。大家都在用很多的工具和技术来武装自己，以加快前端的开发。 本文分享了6中最有效的方法，希望能提供你的效率，为你节约时间。 1.Dynamic CSS（动态CSS） 如果你想加速你的CSS代码编写，那么你需要学习并掌握动态CSS。大部分的动态CSS增加了nested riles, variables, mixins, selector inheritance功能，这里提高代码的利用率。
20个不错的CSS页面布局相关资源推荐
本篇文章搜集整理的是CSS页面布局的一个很长的列表。如果你时间很少，那么可以下载已经准备好的CSS页面布局，如果你想进行个性化的尝试，下面列出了一些站点你可以不需过多努力而达到效果。 漂亮、免费的CSS模板 这个站点包括免费的CSS模板，只需复制粘贴，你就会有个吸引人的网站。 More Information on Nice and Free CSS Templates
浏览器的加载与页面性能优化
本文将探讨浏览器渲染的loading过程，主要有2个目的： 了解浏览器在loading过程中的实现细节，具体都做了什么 研究如何根据浏览器的实现原理进行优化，提升页面响应速度 由于loading和parsing是相互交织、错综复杂的，这里面有大量的知识点，为了避免过于发散本文将不会对每个细节都深入研究，而是将重点放在开发中容易控制的部分（Web前端和Web Server），同时由于浏览器种类繁多且不同版本间差距很大，本文将侧重一些较新的浏览器特性 现有知识 提升页面性能方面已经有很多前人的优秀经验了，如Best Practices for Speeding Up Your Web Site和Web Performance Best Practices 本文主要专注其中加载部分的优化，总结起来主要有以下几点： 带宽
DIV居中布局的三大实现方法
你对DIV居中布局的方法是否了解，这里和大家分享一下，因为现在DIV+CSS布局越来越流行了，怎么实现DIV居中好像是个难题。本文给出关于DIV居中布局的几种实现方法,相信会对大家有所帮助。 关于DIV居中布局的几种实现方法 现在DIV+CSS布局越来越流行了，怎么实现DIV居中好像是个难题。本文给出关于DIV居中布局的几种实现方法，相信会对大家有所帮助。 第一种方法: body{ margin:0pxauto; text-align:center; } 但是如果没申明下面这句解析方法,页面就会出错.不能居中对齐! “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> 但是有时候页面并不能全部按上面规定的代码格式来编写,比如说要改多彩滚动条. 第二种方法: margin-left:50%; left:-width/2; 这里的width不是CSS中的Width,而是你的DIV的宽度例如你的div是768px宽，那么你就应该设置left:-384px。
开发人员必知的20+HTML5技巧
互联网科技发展的速度真可谓惊人的快，一个稍不留神，你就可能无法跟上它的步伐。HTML5的变化和更新也压倒不少人，这篇文章将向大家介绍一些最基本也非常必要的HTML技巧。 1. 新的文档类型（Doctype） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 你还在使用上面这个既麻烦又难记的XHTML文档类型吗？ 如果还是这样的话，现在该切换到新的HTML5文档类型了。 <!DOCTYPE html> 只要这么简单的15个字符就可以了。（注意：你的doctype的申明需要出现在你html文件的第一行。） 2. 图形（Figure）元素 考虑用下面的代码来标记图片？ <mg src="path/to/image" alt="About image" /> <p>Image of Mars. </p> 很不幸，它不能用简单、富有语义关联的方式与图形的标题关联，因为它仅仅是用段落标记以及图片元素包裹着，而HTML5通过引进<figure>元素，改进了这一点。当结合 <figcaption> 元素使用时，我们就可以将图形标题与图形配对起来。代码如下： <figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure>
前端开发大众手册
在线工具集 书籍类： Book Shelf 2.0 beta —— 荐，分类很清晰，下载很方便 Book Go! 原版图书免费下载链接收集站 51CNNET.NET JavaScript类： Beautify JavaScript —— JavaScript格式化工具，效果很理想 AJAX Libraries API Regex Tester Compressor Packer —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了 CSS类： CSS选择器性能测试 CSSTidy —— CSS格式化工具 CSS Compressor —— CSS压缩 其他： GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用 W3Counter WebWait – Benchmark Your Website