Design Resources

Javascript/CSS Font Detector Mar 12, 2007

Javascript code to Detect available Fonts using Javascript and CSS. This may be help of desktop-like web application developers when they want to provide different skins or fonts preferences to their users. This may also be help for blog skin designers which can provide different fonts for different users based on the list of fonts on their machine.



Inline CSS Tabs with Rounded Corners Mar 09, 2007

Inline tabs enable you to show a lot of content in a small space. Here’s how to create them with rounded corners using CSS and JavaScript.



5 Tips for coding xhtml/css layouts Mar 08, 2007

Few tips in the transition from table-based web design to standards compliant css based layouts.



CSS layout: 100% height with header and footer Mar 07, 2007

Sometimes things that used to be really simple with tables can still appear pretty hard with CSS. This layout for instance would consist of 3 cells; two with a fixed height, and a third one in the center filling up the remaining space. Using CSS, however, you have to take a different approach.



position:relative and overflow in Internet Explorer 7 Mar 06, 2007

The overflow bug is documented well and exists in IE6 and still continuous on ie7, Jonathan Snook has found a solution.



How to debug CSS Mar 06, 2007

This is a list of guidelines that will help you identify what the problem is, so that you can take the steps you need to fix it. This guide has to be relitively vague, as its not about one specific problem, its about every problem you’re ever likely to encounter.



Creating a CSS layout from scratch Mar 06, 2007

This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout.



How do I make equal columns in CSS? Mar 05, 2007

Unfortunately, IE (including IE7) doesn’t support the display:table and display:table-cell properties (although Mozilla and other browsers do), therefore if you want to support most browsers then you can’t use display:table and need to resort to other methods. This article will present to you a nice cross-browser solution to achieving equal columns with CSS.



Colour Contrast Check Mar 05, 2007

The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast “when viewed by someone having color deficits or when viewed on a black and white screen”



Web page optimizer Mar 05, 2007

How to go from 15kb to a file of 11kb without even changing one single line in a CSS file? Without ruining the looks and comments of our page. How to keep them intact for editing and highly parsed, optimized for speed and compressed but only for the visitors? How to do that without the stress of updating something when you change your code?