links - howtos overviews

Howtos collections

• Bytes CSS Forum http://bytes.com/groups/css/ Interesting CSS details and how-tos Bytes : 2009
• Cheatsheets for colors, fonts, usability, SEO, browser compatiblity http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/#colorfontsseo Links to useful online cheatsheets and references, with screenshots. Spyre Studios : June 2010
• Common Coding Problems with HTML and CSS   http://www.communitymx.com/content/article.cfm?cid=A8E2DC392C467EEA Common gotchas. "Because certain problems seem to turn up again and again on CSS forums, we have collected the most common of these into a handy list in the hope of somewhat reducing the 'frustration factor' of working with CSS." google : Holly and John Bergevin
• CSS and XHTML Lab http://www.456bereastreet.com/lab/ "This is a collection of experiments, methods, tips and tricks related to CSS and XHTML that may or may not come in handy some day." Many good links to more info Roger Johanssen :
• CSS at AListApart http://www.alistapart.com/topics/code/css/ "Using Cascading Style Sheets (CSS) as part of standards-based web design. Separating presentation from structure and behavior. CSS layout techniques, tips, and tricks. Crafting a print style sheet. Spruced-up site maps, CSS drop-downs, zoom layouts, cross-column pull-outs. Emulating print design, Flash, PDF, and table layouts. Style sheet switching for user customization, accessibility, and creative purposes. Pocket-sized design: taking your website to the small screen. Faux backgrounds, sliding doors, CSS sprites. CSS support; browser bugs and workarounds. Showing and hiding elements, replacing text with images. Fixed and liquid layouts." AListApart : 2006
• CSS Bugs and Implementation Problems, with Workarounds   http://www.utoronto.ca/ian/style/cssbugs/toc.html Problems sorted by CSS property, @-rules or pseudo-element, HTML element, printing-related; with references Ian Graham : 1997
• CSS Cheatsheets http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/#css Links to useful online cheatsheets and references, with screenshots. Spyre Studios : June 2010
• CSS Layout Techniques: for Fun and Profit http://www.glish.com/css/ "If you are looking for help making the transition to CSS layout (that's Cascading Style Sheets), you've come to the right place. I am cataloging here as many useful cross-browser CSS layout techniques as I can find." With links to other good sites. Glish : 2006
• CSS Library http://www.dynamicdrive.com/style/ code for many nice simple looks. Also Horizontal CSS Menus, Vertical CSS Menus, Image CSS, Form CSS, DIVs and containers, Links & Buttons. dynamicdrive : 2006
• CSS Play http://cssplay.co.uk/ Demos and code for css. Standards-based, clean, and just great! Stu Nichols : 2007
• CSS Tricks http://css-tricks.com/ Great website of CSS code. Screencasts as well as text rticles. CSS Tricks : 2008
• CSS-Discuss Wiki   http://css-discuss.incutio.com/ "A wiki is a type of collaborative website. This wiki is the companion to the popular css-discuss mailing list and serves as a respository of CSS techniques and ideas generated by the css-discuss community." CSS Discuss : 2007
• CSS3 Techniques You Should Know   http://sixrevisions.com/css/css3-techniques-you-should-know/ "exactly which techniques can we use today? In this article I’ll show you some different CSS3 techniques that work great in some of the leading browsers (i.e. Firefox, Chrome, Safari, Opera ), and how they will degrade well in the non-supported browsers (i.e. Internet Explorer)" Drop shadows, gradients, multi-color borders Six Revisions : February 2010
• Position Is Everything http://www.positioniseverything.net/ "we built this site to explain some obtuse bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to 'make it work' without using tables for layout purposes." Lots of good information, and links to other good sites. Holly and John Bergevin : 2010
• Real World Examples of Valid CSS Coding http://www.bigbaer.com/css_tutorials/ Tutorials and How-tos Big Baer : 2006
• Real World Style http://realworldstyle.com/ "CSS layouts, tips, tricks, and techniques." Mark Newhouse : 2006
• SitePoint CSS forums http://sitepoint.com/forums/forumdisplay.php?f=53 The best website for everything about html and css, as well as web programming, searchability, and more. SitePoint : 2010
• The Box Model   http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41 "At first, the box model may be confusing, but it is a necessary concept to grasp. ... Come along as we explore the Box Model, the browsers that get it wrong, and what to do about them." Holly and John Bergevin : ??

Video tutorials

• CSS Tricks videos http://css-tricks.com/video-screencasts/ Screencasts on many subjects, including CSS. CSS Tricks : 2008

clean code

• What beautiful HTML code looks like   http://css-tricks.com/examples/CleanCode/CleanCode.jpg and why! CSS Tricks : 2008

compatibility

• All CSS Quirks compatibility tables http://www.quirksmode.org/compatibility.html Links to compatibility tables for CSS2, CSS3, DOM, CSS Oject model, and more. Peter-Paul Koch - Quirks Mode : 2010
• CSS properties compatibility table   http://www.quirksmode.org/css/contents.html Very up-to-date and complete. Compares browser support for CSS properties. Peter-Paul Koch - Quirks Mode : 2010
• IE's big leap forward http://www.quirksmode.org/blog/archives/2010/06/ies_big_leap_fo.html "Microsoft has finally taken the big leap forward we’ve been waiting for ever since they announced their decision to restart IE development back in 2005. IE9 promises to be an excellent browser. Its CSS support is now at par with that of the other browsers ..." Quirks Mode : June 2010
• Internet Explorer and CSS issues http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml "Trying to get CSS-based websites to look the same across all browsers can often be difficult. Many of the problems however lie with Internet Explorer implementing CSS commands differently to other, more standards compliant browsers. All is not lost, however, as many of the differences you see across browsers are caused by the same Internet Explorer CSS issues..." WebCredible : March 2006
• Vendor-prefixed CSS Property Overview http://peter.sh/experiments/vendor-prefixed-css-property-overview/ Instead of "separate pages for the major rendering engines [browsers], this page shows a clearer overview of the implemented, prefixed properties, and their counterparts in other engines." Shows when it is updated. Peter Beverloo : October 2010
• Web Design Checklist http://www.findmebyip.com/litmus It's just a basic chart of what progress the browsers are making overall in supporting CSS. Good overviews; go somewhere else for details. Find Me by IP : 2010

organising code

• Why you should deeply nest your CSS selectors   http://coryschires.com/why-you-should-deeply-nest-your-css-selectors/ "Although writing the same selectors over and over might seem redundant, it’s worth the extra effort. Your code will be better organized, easier to read, and more maintainable." I agree. Good comments and differing opinions. Cory Schires : February 2010

web colors

• Color Scheme Generator http://wellstyled.com/tools/colorscheme2/index-en.html Shows all kinds of combinations of colors that go well together. Petr Stanicek : 2006

More css info on this site