The Problem Web development has become a bit more complicated, now that more and more people access the Internet using their tablets, smartphones and other mobile devices. Gone are the simple days of fixed-width web page layouts, and the messy stop-gap innovation that resulted from this — using tables as layout devices. Liquid layouts soon [...]

CSS3.com is looking for inspired individuals that would like to contribute with interesting and compelling posts to this website. Not interested in copy and pasting content from other sites, instead, someone that likes writing about CSS/CSS3/Web Development/Design/etc. Consider also commenting on good articles and blog posts from other sites, and contributing with tricks, cool shortcuts [...]

Color formats in CSS2 Hex format – #cccccc Shorthand hex format – #ccc rgb() format – rgb (red, green, blue) Named colors – white, red, blue, etc New color formats in CSS3 HSL – hsl(hue, saturation, lightness) CMYK – cmyk(cyan, magenta, yellow, black) HSLA – hsla(hue, saturation, lightness, alpha) RGBA – rgba(red, green, blue, alpha) [...]

Easy bay to create multicolored CSS backgrounds with patterns. http://leaverou.me/demos/css3-patterns.html

Here is a very simple example showing the use of multiple background images in one div. Is this the end of nested elements with tons of CSS to create a layered effect? Hope so. #multipleBG { border: 5px solid #cccccc; background:url(img1) top left no-repeat, url(img2) bottom left no-repeat, url(img3) bottom right no-repeat; padding: 15px 25px; [...]

Web 2.0 – It was a huge step forward for the www, where we saw and continue to experience various ways of information sharing which in turn has resulted to a proliferation of content / data, be it user generated or not. This second generation of web has already changed the way a netizen browse [...]

We have a heap of tuts / resources over the web telling us what standards to follow, what are the best practices, what is the optimal way to build something and so on, and when it comes to Web Standards, we are blessed to have some really genuine contributors / gurus who fill-up the web [...]

‘HTML’ has been here for years, since the origin of WWW, and soon afterwards W3C came up with a standard called ‘CSS’ to control the ‘Browser war’, and ‘Javascript’ followed the suit, in a bid to make a more loosely typed language, by a smart professional called ‘Brendan Eich‘ for Netscape. Having originated for different [...]

Hope you all have heard that behind-the-scene progress of the new version of HTML, is cruising through. There are some good news for those preachers of web standards who give importance to the semantically correct web. With the the new version of HTML (HTML 5), still gazing towards the recommendation stage (the specification is not [...]

Making a web experience memorable and more accessible to all the users out there is really a daunting task. There are huge amount of techniques and approaches, that can be applied to a web presence to make it more accessible. Here is one among them – ‘ACCESS KEYS’ ‘Access keys’ offer a convenient mechanism for [...]

A comprehensive look at the quickly-changing font embedding landscape. I contributed a brief article along the same lines in the most recent issue of .NET magazine, but two months after writing it’s already out of date. more

A great example of a table-less form created by Jeff Howden. A real time saver for web developers: http://jeffhowden.com/code/css/forms/

A great way of previewing what the link you are about to click is about. Why send your users to a website they dont wanna go? Let them preview it through a thumbnail: http://lab.arc90.com/2006/07/link_thumbnail.php

You see theese more and more. Mostly on CSS Galleries, Netflix, etc. Here’s a looooooong but very interesting article on how to put stars on your already-rocking website: http://www.komodomedia.com/blog/2005/08/…

Let users decide if they want to open a link in a new window or not. A good article on the subject: http://webdesign.maratz.com/lab/new… Oh yeah, the link above opens a new window :)

A massive set of techniques to create rounded corners with CSS. Some use images for the corners, some dont. Try the different methods and see what matches your preference. I personally think: The less images the better, but it all depends on what you are trying to create. Enjoy: http://www.smileycat.com/miaow/archives/…

A great set of CSS Menus created by exploding boy. Take a look at the source code and notice how each menu code is segmented so that it’s easy to follow. http://exploding-boy.com/images/cssmenus/menus.html