We’ll prepare typefaces for use on the web, go through @font-face CSS line-by-line, and get the experts take on browser support…
Archive for November, 2009
-
How to use CSS @font-face
Posted: 8 months ago in Tutorials
Read More: How to use CSS @font-face
-
CSS Restaurant Menu
Posted: 8 months ago in Code
When out having a meal with a few guys from work once we got talking about the menu, and how it would be intereting to work on a restaurant website in terms of using semantics and CSS to build menus properly. When I got in that night I had a spare few minutes and came up with the following lightweight and semantic xHTML with a sprinkle of CSS…
Read More: CSS Restaurant Menu
-
Use the Cascade – On Using CSS Sensibly
Posted: 8 months ago in Tutorials
Many times I see people of all skill levels making poor use of the first “C” in CSS; cascading. Furthermore, a constant underuse of specificity is apparent in a lot of developers’ work.
While this isn’t wrong per se, it doesn’t make best use of CSS’s primary attribute/purpose, and can cause unecessary workload and coding for the developer. It also makes projects harder to maintain over a long enough time frame — an ever growing list of class names used to target what could have been caught by the cascade and specificty automatically…
Read More: Use the Cascade – On Using CSS Sensibly
-
CSS Box Model: The Foundation For Improving Your CSS
Posted: 8 months ago in Tutorials
The CSS box model lies behind everything you do in CSS. Every element is defined by a rectangular box that encloses that element. Understanding how the box model works is a key to understanding CSS and having greater control over your layout and presentation. Let’s dive right in and talk about what the CSS box model is, how one box affects the boxes around it, and some common browser issues when displaying CSS boxes.
In nutshell, the box model in CSS describes the boxes which are being generated for HTML-elements. In this post below you’ll learn the tips and techniques exactly about CSS box model to achieve best out of CSS development…
Read More: CSS Box Model: The Foundation For Improving Your CSS
-
9 Most Common IE Bugs and How to Fix Them
Posted: 8 months ago in Tutorials
Internet Explorer – the bane of most web developers’ existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn’t really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them…
Read More: 9 Most Common IE Bugs and How to Fix Them
-
Beautiful CSS Buttons with Proxal Icon Set
Posted: 8 months ago in Tutorials
Do you like simple and clean design? Take a look at this collection of buttons for your website. This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and the Proxal icon set…
Read More: Beautiful CSS Buttons with Proxal Icon Set
-
All CSS Properties Listed Alphabetically
Posted: 8 months ago in Tools
Read More: All CSS Properties Listed Alphabetically
-
How to Bring CSS3 Features into Your Design
Posted: 9 months ago in Tutorials
Top web browsers (such as Firefox 3.5 and Safari 4) have introduced some cool features you can already use. Now, with just a few lines of CSS you can do things you used to do with images and javascript…
Read More: How to Bring CSS3 Features into Your Design
-
Efficient CSS with Shorthand Properties
Posted: 9 months ago in Tutorials
One of the reasons for using CSS to layout websites is to reduce the amount of HTML sent to site visitors. To avoid just moving the bloat from HTML to CSS, you should try to keep the size of your CSS files down as well, and I thought I’d explain my favourite CSS efficiency trick: shorthand properties. Most people know about and use some shorthand, but many don’t make full use of these space saving properties…
Read More: Efficient CSS with Shorthand Properties
-
CSS Frameworks: Pros and Cons
Posted: 9 months ago in Articles
A prefab CSS framework can be a great help or serious hindrance. This article will give proper coverage to both sides of the fence by looking at common arguments for and against using a CSS framework…
Read More: CSS Frameworks: Pros and Cons