Book Character Book Character

CSS Resources

Here are a few resources for all things CSS. There are multiple listings for things like CSS references, so look at them all and see which one you find most appealing and useful!

Website Description
W3 Schools This is the most comprehensive CSS resource. It is loaded with CSS references, as well as the "TRY IT" editor that allows you to try HTML/CSS code snippets and see how they render. Here is the link to the home page: www.w3schools.com
W3 Schools-CSS Tutorial This is a compreshensive tutorial. Explains basics, styling, box model, advanced topics, and includes examples illustrated with the "TRY IT" editor. Here is the link to the CSS3 tutorial page: www.w3schools.com
W3 Schools-CSS Reference This is a great tag reference listed alphabetically that will help you see what is still relevant in HTML5 and what has been deprecated. Here is the link to the tag reference: www.w3schools.com
W3 Schools-CSS Selectors Here is the link to the CSS Selectors page: www.w3schools.com
W3 Schools-CSS Try It Editor This is a great tool to help you see how various CSS code snippets work. Just paste the code in the editor, and it will render in an adjacent box. Here is the link to the "Try It" editor: www.w3schools.com
W3 Schools-CSS3 Browser Support Handy dandy chart that shows which CSS3 properties are supported by the various browsers (as well as the browser version). Here is the link to the page: www.w3schools.com
Webdesigner Depot This website has great, current web design topics. Here is the link to the CSS topic page: www.webdesignerdepot.com
Mozilla Mozilla (developer of Firefox web browser) has some great CSS references. Here is the link to the CSS elements page: developer.mozilla.org
HTML Goodies This website is loaded with tutorials, articles, resources and discussions. Here is the link to the CSS topic page: www.htmlgoodies.com
Quackit This website is a great source of reference, tutorials and code generators. Here is the link to the CSS topic page: www.quackit.com
Smashing Magazine This website is a great resource for web designers. It has tons of articles on current web design issues and topics. Here is the link to the CSS topic page: coding.smashingmagazine.com
Web Design Tuts+ This website is also a web designers resource with lots of tips, tutorials, articles etc. You may want to sign up for the free email to get daily tips and inspirations! Here is the link to the HTML/CSS topic page: webdesign.tutsplus.com
Sitepoint SitePoint is an online media company and information provider providing cutting-edge content for web professionals — developers, designers, programmers, freelancers and site owners. You may want to sign up for the free email to get tips and inspirations. Here is the link to the CSS topic page: reference.sitepoint.com
Stackoverflow Stack Overflow is a question and answer site for professional and enthusiast programmers. Here is the link to the CSS questions thread page: stackoverflow.com
Learn Layout This website has a quick and easy tutorial that does a nice job of explaining a couple of the more difficult CSS topics (like positioning). It does a nice job of visually explaining how the properties work. Here is the link to the tutorial page: learnlayout.com/
CSS Tricks Another website devoted to CSS tips, tricks, tutorials, videos etc. There is also a "member only" section that gives you access to even more content. Here is the link to the page: css-tricks.com/
CSS Library Not a bad site for free CSS codes and examples. Has styling samples for menus, layouts, forms, images, buttons etc. and some nice free icons for downloading. Oh, and this site has a nice little FREE favicon generator tool (listed on this page)! Here is the link to the page: www.dynamicdrive.com
CSS Basics Really nice website in a book-like format that addresses all the basics of CSS. It also has a function for printing all the information as a book- useful for those that still like paper. Here is the link to the page: www.cssbasics.com/
CSS Tutorial Nice website created with beginners in mind. It is sectioned into basically 3 parts: Intro to CSS, CSS Tutorial, and Additional CSS Resources. Here is the link to the page: www.csstutorial.net/
CSS Tricks-Specificity explained Specificity in CSS can be tricky. Here is a nice visual tutorial for calculating/understanding this topic: css-tricks.com
Sitepoint-Specificity explained Another resource for understanding specificity. Here is the link to the page: reference.sitepoint.com
Mozilla-Specificity explained Yet another resource for understanding specificity, slightly different format, from the makers of Firefox. Here is the link to the page: developer.mozilla.org
Article-Top CSS Frameworks CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language. CSS frameworks have been the foundations of web projects for many years. However, in the age of responsive design, a framework has even more benefits. A well-built CSS framework or boilerplate can streamline the design process, save huge chunks of development time and ensure your website scales properly on all devices. You can create your own, or better yet, try existing frameworks available to download. Here is a recent article that lists some of the top frameworks to try: mashable.com
HTML&CSS Design and Build Websites OK, this is not a website. BUT, it is a wonderful book resource for anyone that still likes a touch and feel reference. It is full color, loaded with graphical illustrations, EASY to follow. Here is the link to the book on Amazon: www.amazon.com

Back to Top