学习HTML5和CSS3

想象一下,今天2011年3月1日,有人从来没有写过网页,想知道他们今天应该阅读什么来开始构建网页。他们不关心向后兼容性,但是希望使用Web标准来构建,以便它们可以在尽可能多的浏览器之间移植(是的,我在说我不在乎我的网页是否不能与IE 4- 8,Opera,netscape,Mozilla等,我真的不在乎,因为我从来没有使用过它们,对于那些使用我正在构建的工具的人来说,这可能是正确的。

这个人有零偏差或坏习惯,因为他们从来没有这样做过。他们也是活跃的,所以如果他们必须阅读200页“为什么要使用网络标准”或“为什么网络标准比”旧的方式“”,他们会变得气馁和分心,把书丢掉,去游泳。说起来,我的头发很湿。

他们正在寻找有吸引力和简明扼要的参考。他们并不愚蠢,这个人是一个真正的工程师,他做了一小部分的开发工作,十年甚至两年的系统管理,甚至建立了一两个成功的公司。他们没有上大学,因为他们真的不是书面学习者,更适用于实践学习,而不是吸收无用数据的土堆,以获得他们真正需要的两三件事。

鉴于所有关于个人的数据,我知道这很多关于这个人(当然这个人是我),你会推荐什么书籍或资源?

(塞尔德曼的书出来了,因为我已经把他们扔了,然后去游泳。)

解决方法

一些好的资源开始:

> Mozilla Developer Network:对于HTML,CSS,Javascript,& DOM。
> Dive into HTML5:了解有关HTML5的所有信息
> JSfiddle:每次都不需要打整个页面就可以摆脱。
> HTML Validator:为了确保你写的HTML是有效的。
> CSS3 Preview:CSS3的一些新功能的崩溃。
> Official HTML5 spec:当您需要从源头直接的所有细节时。
> jQuery:可以说,为网站撰写javascript的最佳框架更容易。
> A List Apart:“给网站的人”。绝对不是开始,但很好阅读定期。
> Firebug:如果你使用Firefox,这是必须的。
> Developer Tools:内置于Chrome& Safari(基本上是firebug的webkit)

另外,不要使用W3 Schools.请参阅W3 Fools一个很长的原因。 W3学校经常会出现在搜索结果的最上方,但请抵制使用它的诱惑。

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码