手工 CSS
Handcrafted CSS
Dan Cederholm · 初版 2010 年
5人推荐
8位读者提及
10次提及
看似不起眼的细节往往能将优秀的网页设计与卓越的网页设计区分开来。在真正开始使用、深入探究其底层构造、进行测试等之前，你可能无法体会到一个设计优良的网站的品质所在。Handcrafted CSS: More Bulletproof Web Design 旨在分享其中一些至关重要的细节。通过提倡“渐进增强”，利用如今浏览器中可用的先进 CSS 和 CSS3 属性，重新评估以往的方法和最佳实践。本书将展示如何将匠人精神应用于灵活、防错、高效的
Hacker News 上怎么说
正在加载完整评论……
…http://www.amazon.com/Information-Design-Workbook-approaches... ---------------------------------------------------------- c. (软件设计与编码) * Bulletproof Web Design - http://www.amazon.com/Bulletproof-Web-Design-flexibility-pro... * Handcrafted CSS - http://www.amazon.com/Handcrafted-CSS-More-Bulletproof-Desig... * jQuery in Action - http://www.amazon.com/jQuery-Action-Second-Bear-Bibeault/dp/...
…http://www.amazon.com/Information-Design-Workbook-approaches... ---------------------------------------------------------- c. (software design and coding) * Bulletproof Web Design - http://www.amazon.com/Bulletproof-Web-Design-flexibility-pro... * Handcrafted CSS - http://www.amazon.com/Handcrafted-CSS-More-Bulletproof-Desig... * jQuery in Action - http://www.amazon.com/jQuery-Action-Second-Bear-Bibeault/dp/...
写 CSS 找 Eric Meyer 准没错。另外也可以看看 Dan Cederholm 写的《Handcrafted CSS》。那本书里唯一不再算作最佳实践的部分就是他的 .after 浮动 hack，如今这个已经被 overflow:auto hack 给取代了。
Eric Meyer is the go to guy for CSS. Also check out "Handcrafted CSS" by Dan Cederholm. The only part of that book that is no longer a best practice is his .after float hack, which today has been replaced by the overflow:auto hack.
我发现以下几本是不错的入门书：Charles Wyke-Smith 的《Stylin' with CSS》——主要是一本（优秀的）CSS 书，但也给了足够多的良好设计指引，让你不至于跑偏。Dan Cederholm 和 Ethan Marcotte 合著的《Handcrafted CSS》——同样是 CSS 教程，侧重于用 CSS 做优秀的设计。一旦你掌握了这些（或者在此之前），可以去看看 CSS Zen Garden（ http://www.csszengarden.com/ ）上的精彩范例。…
The ones I've found that are good starting points: Stylin' with CSS by Charles Wyke-Smith - its mainly a (good) CSS book but gives enough hints at good design so you don't go overboard. Handcrafted CSS by Dan Cederholm with Ethan Marcotte - again CSS tutorial with emphasis on good design with CSS. Once you get the handle on those (or before hand) check out the great examples in CSS Zen Garden. ( http://www.csszengarden.com/…
…http://www.cssmastery.com/ Bulletproof Web Design http://astore.amazon.com/simplebits-20/detail/0321509021 Web Standards Solutions: The Markup and Style Handbook http://astore.amazon.com/simplebits-20/detail/1430219203 Handcrafted CSS http://handcraftedcss.com/ 了解一下 HTML5 也很值得：简短但很棒的入门：http://books.alistapart.com/products/html5-for-web-designers 还有：http://introducinghtml5.com/…
…http://www.cssmastery.com/ Bulletproof Web Design http://astore.amazon.com/simplebits-20/detail/0321509021 Web Standards Solutions: The Markup and Style Handbook http://astore.amazon.com/simplebits-20/detail/1430219203 Handcrafted CSS http://handcraftedcss.com/ It would be worth to check out some about HTML5: Brief but good introduction: http://books.alistapart.com/products/html5-for-web-designers Also: http://introducinghtml5.com/…
……HTML 的话找一本讲基础的好书（我以前用的是《Visual Quickstart Guide to HTML》，不过我猜现在可能有更好的了），CSS 我推荐《Stylin' with CSS》，它能把事情讲得很简单。或许还可以看看《Handcrafted CSS》来学习如何把样式打磨得更极致。另一本很棒的常识性设计书是《点石成金》（Don't Make Me Think），在决定什么样的设计和 UX 才是最好的方面大有帮助。你会发现当……
…HTML find a good book on the basics (I had used Visual Quickstart Guide to HTML, but I bet there might be better ones now), for CSS I recommend "Stylin' with CSS" which will keep things simple. Maybe "Handcrafted CSS" to learn how to refine styles even more. Another great common sense design book is "Don't Make Me Think" will go a long way into determining what would be best in design and UX. You will find when…
问题在于在 CSS 里做一件事有很多种方法，而且很多 CSS 写得挺丑的。我的做法是读一些优秀的 CSS 书籍（《Handcrafted CSS》不错，《Stylin' with CSS》是另一本）和文章，再去物色一些你喜欢其视觉风格的网站。理解了优秀的 CSS 是怎么运作的之后，你就能更好地利用浏览器的 CSS 审查工具去找出……
Problem is there are many ways to do something in CSS and a lot of CSS is kinda ugly. My approach was reading some good CSS books (Handcrafted CSS is a good one, Stylin' with CSS is another) and articles, also find sites with the look you like. With an understanding how good CSS works, you can better use a browser's CSS inspector to identify the…