CSS: Tutorials and Tips for Web Development

From SuperbHosting.net Support Wiki

Jump to: navigation, search

Smashing Magazine CSS Tips, Tricks and Tutorials

Smashing Magazine is a fantastic resource, absolutely loaded with helpful tutorials, the latest in downloadable graphics and fonts, tons of web design inspiration, and more. Their motto, "We smash you with the information that will make your life easier. Really." is absolutely true - tons of useful information that will honestly make your life a little cooler. Check out their comprehensive collection of CSS tutorials and tips:


Ask the CSS Guy About Tables

Ask the CSS Guy is run by a dude who knows a whole lot about CSS and what you can do with it. In this tutorial he explains how to create a table with dynamically highlighted columns. These kinds of tables that are crafted with sharp color differences make it a lot easier to navigate your site - information becomes more clear and everything appears more professional and organized. A good example of this kind of table can be found atCrazy Egg.com which is displayed to the left.





CSSTricks.com

CSSTricks.com is a great little site that offers tutorials, tips, tricks and general information about the latest trends and information of CSS (Cascading Style Sheets) and web design. This is an interesting and helpful tutorial from CSSTricks.com which teaches you how to make your text fade out as the bottom of the page approaches - a fun and stylish little trick that is easy to learn too!


CSSTricks.com also has a cool little tutorial on how to make a stylish elastic calendar using CSS.


Green Beast List Boxes

GreenBeast.com is the accessible, easy-to-navigate online web design portfolio of a man named Mike Cherim. GreenBeast.com has a zippy little trick to create professional looking list boxes that are perfect for showcasing products or services.




CSS Play Partial Opacity

It is the goal of CSSPlay.com to show that CSS is much more than simply a way to add style (fonts, color, spacing) to web sites and web documents. While this is indeed its function, CSS is a complicated and rewarding method and CSSPlay.com aims to show its rewards through tips, tricks and tutorials for CSS. CSSPlay.com is a useful site for newcomers to the business as well as seasoned professionals who are looking to learn the latest trends in CSS. This tutorial in particular, shows how you can create an opaque layer over a picture or image and put text on it or whatever you want. A very cool and helpful method that is worth checking out.





Dustin Diaz Tutorials

Dustin Diaz is a User Interface Engineer at Google and DustinDiaz.com is his personal website in which he offers lots of helpful articles, tutorials and demos in order to help you out with JavaScript, CSS and HTML. He offers a ton of helpful podcasts as well lots of easy to follow educational articles.



Personal tools