CSS 资源:终极收藏
作为一个CSS 开发者(或者一个正学习CSS的开发者) 在这个过程中会有很多的资源和网站. 这可能是CSS 工具,Bug 修复,或者间接从导师,我整理了终极的CSS资源.
如果你有更加好的建议,请留言,我将更新这个列表
初学者
CSS是一门非常容易学得语言,但是你作为初学者不知道从什么地方开始,请跟随下面的链接
- W3Schools CSS introduction
- YourHTMLSource CSS introduction
- Free CSS Ebook - Need to subscribe to the RSS feed to download the Ebook!
- CSS Basics
专业人员
这里有一些专业的链接,可能不适合别的方向的人员,但对你很有用。
CSS 的书籍
虽然我没有拿着书本读很多书,但是下面这些CSS书籍我读过,加入你对CSS非常感兴趣,你应该考虑买几本,假如你认为不需要全买的话。
- CSS Mastery
- Eric Meyer on CSS - Mastering the Language Of Webdesign
- CSS: The Definitive Guide
- Pro CSS and HTML Design Patterns
写清楚而有组织的代码
你可以写一些蹩脚的代码,但是也可以是清楚而有组织的。
控制这些将最终节省你的时间
- Useful Guidelines For Clean and organized Code
- Write a well structured CSS file without becoming crazy
CSS 重设
重设默认的浏览器CSS说明是最重要的, 使用任何下面的CSS重设都将使你重新开始学习
CSS 排版
排版是网页最中要的部分之一,使用CSS建立美丽的标题,段落和更多
- CSS & Typography - Tips and Examples
- The Paragraph & Typography Guide
- CSS Typography
- Advanced Typography Options in CSS
- CSS & Typography (Jon Tan)
CSS 压缩
压缩你完成的CSS是一个极好的方法去优化你的代码并使CSS加载更快,请保证你备份了你原始的版本以防要改变。
CSS Cheatsheets
CSS cheatsheets 可能会变的非常困难当你要设计CSS的选择器的时候,你应该把它画出来并放在墙上。
从PSD 到 HTML
从一张美丽的设计到高质量的HTML和CSS布局非常重要,这你可以从前辈那学到很多
- Converting a Design From PSD to HTML
- PSD to CSS in 4 lessons
- Encoding a Photoshop Mockup to XHTML & CSS
- Converting a Photoshop Mockup Screencast
CSS 框架
CSS框架能使你设计完美的界面,我在项目中一直使用
CSS 工具
这有许多的CSS工具提高你的CSS工作,我记录下了很多的工具并且这些工具使我省下了很多的时间
CSS Bugs & 如何解决
当你写CSS的时候,你会发现很多的BUG,尽量记录下拉并且修复他,这会让你节省很多的时间
- IE CSS Bugs You Will Get Every Time
- Position Is Everything - Explains the CSS bugs
- All Bugs (even IE3!)
CSS 3
当你CSS3真的被大多数浏览器支持的时候还有好多年,你可以使用,但是请记住,你的网页不使用这些也照样要看起来很棒