Web Makers' Library
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 |