Crème de la crème of CSS Galleries

The galleries of CSS-based designs showcase exemplary design practices, solutions, ideas and templates. Once you have no idea what you should do next with your web-site, it’s worth taking a look at some beautiful works – crème de la crème of CSS-designs – out there…

How to use headings in HTML

Many of web standards rookies feel that passing validation is good enough to call their work web standards compliant. Those who are more involved in web standards know that there’s more than that. Use of headings is a good example. While the validator will not show any warnings or errors for headings, you can’t say […]

20 of the best Ecommerce Websites

Here’s a list of well designed, standards-compliant E-commerce stores. These are tricky sites to get right and design can give way to conversions, which is after all, the reason they are there – to make money. There’s a balance of sites which get the design and usability right, focused on sites that sell tangible products […]

How C.R.A.P is Your Site Design?

Good good design is based on the C.R.A.P. principles where C.R.A.P. stands for Contrast Repetition, Alignment, and Proximity. When Creative Directors tell you that your design is crap, they’re actually giving you positive reinforcement…

Working with 100% tall web pages in CSS

Working with 100% tall web pages, including instructions and code samples…

Making Internet Explorer use PNG Alpha transparency

Internet Explorer supports some extra style features for providing transitions and filters to images. Two of these can help us with transparency in IE6. One is the AlphaImageLoader, which applies an image to the background of any element whose height and width are both explicitly set (or if the position: absolute; style is set) and […]

Scalable CSS Buttons Using PNG and Background Colors

How to create Dynamic CSS Buttons using PNG, transparency and background colors that degrade nicely and support full scalability i.e. buttons should resize in all directions according to the font size and content…

Textile Quick Reference

Textile is a markup language developed by Dean Allen and billed as a “humane Web text generator”. It converts marked-up text input to valid, well-formed XHTML. It also inserts character entity references for apostrophes, opening and closing single and double quotation marks, ellipses and em dashes. Here’s a quick reference…

Cross Browser 100% Height in CSS

The question of 100% height comes up often, and yet, what do we mean by 100% height? It is shorthand for 100% browser window minimum height. Why do so many designers want it? Because they can do it quite easily in a table-based design, maybe? Why then, is it so difficult? Can 100% height be […]

Grid Layout with jQuery

The Grid Layout Javascript enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code. Currently, the Grid Layouts Javascript relies on jQuery…

« Previous PageNext Page »