While doing my research on cool CSS3 properties and new ideas, I ran across a website called Cod Drops. They have some really cool tutorials and inventions on their site. One of my favorite inventions that they had come up with was to make a website feel more like software. I think our goal for [...]

The article in review did a great job of illustrating and articulating its point on how and when to use animations. The basic fact is that many legacy browsers do not support animations and never will. You need to gauge your audience and see if animations will benefit you in the long run or if [...]

Something that has always annoyed me is the lack of customization (without javascript) of form elements. It might have been possible (other than padding) before CSS3, but CSS3 certainly has made modifying these form elements easier. Whether you want to customize the color, look and feel, or just the size of these buttons, you can [...]

One of the new exciting technologies introduced in CSS3 is that borders can have round corners, they can also have shadows and images can be used as borders. The new border properties in CSS3 are: -border-radius  -border-shadow -border-image border-radius allows one to edit all four corners of the border. border-shadow allows one to add a [...]

Key Words & Phrases Flex Container -Parent element in which flex item are located in Flex item -The child of a flex container (the parent). Direction -Leftwards -Rightwards -Downwards -Upwards What Are Flexible Box/Flex Box Flexible Box/Flex Box is a box model optimized for interface design in CSS3. One of the major pros of flexible [...]

The most notable difference among all of the tutorials that I have seen, is the depth and complexity at which they portray their information. I like an article that is done at a high level, but has further information diving into technical pieces that I may or may not need to know. I don’t want [...]

So you are looking at your PSD layout and thinking to yourself: “These buttons look sharp”. You start to cut them out of the template and realize something horrible! You are wasting kbs of loading time here. You are racking up tenths of a second and losing precious audiences around the globe! So you decide [...]

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 :)