Month: July 2009

Creating a Keyboard with CSS and jQuery

Sometimes it’s just fun to play around with the programming languages we know and see what we can create. Here’s how to create an online keyboard with CSS, and then make it work with jQuery. The keyboard includes “action” keys (caps lock, shift, and delete) which dynamically change the keyboard when clicked…
csshead 0 Comments

Horizontal Sub-nav with CSS & jQuery

How to create a simple navigation bar with a horizontal subnav. In most cases we can achieve this effect purely with CSS, but for IE6 we will use a few lines of jQuery to cover all grounds…
csshead 0 Comments

Multi-column layout with CSS3 and some JavaScript

There’s a common newspaper and print layout method where the text of an article is arranged over several columns. This makes the article easer to read and looks quite nice visually. Wouldn’t it be great if you could do this with CSS? Well, in fact this is perfectly possible using the multi-column layout module that […]
csshead 0 Comments

CSS – 3 Simple steps to write better Stylesheets

How to write your style sheets more efficiently. Covers these points: A style sheet should be easy to read A style sheet should be easy to maintain A style sheet should be well commented The time to achieve these goals shouldn’t negatively impact the development time of a website.
csshead 0 Comments

Elastic CSS Framework

Elastic is a simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily. Elastic provides a declarative syntax language to define the layout structure and behavior. It’s like having a conversation with […]
csshead 0 Comments

15+ techniques and tools for cross browser CSS coding

Making your website compatible with a wide range of browsers is probably the hardest task of a front-end developer. To make your coding life easier, here are over 15 tools and techniques for cross-browser CSS development…
csshead 0 Comments

Different Ways To Format CSS

Formatting has nothing whatsoever to do with how the CSS functions. But that’s not to say formatting isn’t important. That would be like saying the choice of canvas isn’t important to a painter. It affects how it feels to write CSS, how easy it is to read, how easy it is to navigate, and how […]
csshead 0 Comments

CSS cascade – a simple step-by-step presentation

Here is a presentation on the CSS cascade. A simple step-by-step tutorial on the CSS cascade – for web designers and developers who are new to CSS or have struggled with the Cascade…
csshead 0 Comments

How to stop images breaking rounded corners in Safari

Currently when you place an image or any ‘replaced content’ inside a block with rounded corners set by -webkit-border-radius, the image pokes through the rounded corners on Safari version 4.01 at the time of writing. The expected and desired behaviour is that the image be cropped by the rounded corners. This can be achieved by […]
csshead 0 Comments

Comprehensive Guide to CSS Line Height

A simple, but comprehensive step-by-step presentation on CSS line-height. Covers leading, how to apply various line-height values, as well as line-height and the inline box model. Well worth a read…
csshead 0 Comments
« Previous Page — Next Page »