This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don’t miss this post because you might be surprised how useful they are…
Archive for November, 2009
-
5 Simple, But Useful CSS Properties
Posted: 9 months ago in Tutorials
Read More: 5 Simple, But Useful CSS Properties
-
How to Create Perfect Pre Tags
Posted: 9 months ago in Tutorials
If you operate a website that features lots of code examples, you know how important it is to spend some quality time styling the “pre” element. When left unstyled, wild “pre” tags will mangle your preformatted content and destroy your site’s layout. Different browsers treat the “pre” tag quite differently, varying greatly in their default handling of font-sizing, scrollbar-rendering, and word-wrapping. Indeed, getting your preformatted code to look consistent, usable, and stylish across browsers is no easy task, but it certainly can be done. In this article, I’ll show you everything you need to create perfect “pre” tags…
Read More: How to Create Perfect Pre Tags
-
Em Calculator
Posted: 9 months ago in Tools
Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size…
Read More: Em Calculator
-
Introducing the Flexible Box Layout Module
Posted: 9 months ago in Tutorials
One aspect of CSS3 that hasn’t received a lot of attention so far is the Flexible Box Layout module. Already implemented in the Gecko and WebKit engines, in this alternative box model the children of a box are laid out either horizontally or vertically, and unused space can be assigned to a particular child or distributed among the children by assignment of ‘flex’ to the children that should expand. Here’s how this works…
Read More: Introducing the Flexible Box Layout Module
-
Grid Designer
Posted: 9 months ago in Tools
Grid Designer is a tool to help you create solid layouts. You can define a grid, set typography and then export the HTML and CSS code. Every design can be bookmarked for future reference…
Read More: Grid Designer
-
Manipulating CSS Classes With jQuery
Posted: 9 months ago in Tutorials
In this lesson I want to illustrate you how to use some useful jQuery methods that allow you to manipulate easily CSS classes. In particular I prepared some examples to explain the following methods: toggleClass, hasClass, addClass and removeClass…
Read More: Manipulating CSS Classes With jQuery
-
Quickie CSS3 Tricks with Fallbacks
Posted: 9 months ago in Tutorials
CSS3 can do some seriously neat stuff. Just check out some of the crazy 3D stuff you can do in WebKit. But as we all know, we need to be careful with what we choose to do with it. The most cutting edge techniques are fun to play with, but since since only a sliver of browsers support them fully, we can only use them in circumstances where they fall back to otherwise perfectly acceptable styling. Let’s look at a couple of quick, simple examples…
Read More: Quickie CSS3 Tricks with Fallbacks
-
Guidelines for Developing Your Own CSS Framework
Posted: 9 months ago in Tutorials
Quite a few CSS frameworks have been around for a while, but most web developers avoid using them. Instead most veteran developers prefer to create their own CSS framework, which provide benefits of a personalized solution and minimizes negative aspects of depending on a third party solution…
-
Mobile Optimised Websites Using CSS3 Media Queries
Posted: 9 months ago in Tutorials
CSS3 Media Queries can be used in conjunction with CSS 2.1 Media Types to target mobile users with a set device size or screen dimension. Using these queries, you can provide optimised CSS style sheets that are tailored to a particular size of device…
Read More: Mobile Optimised Websites Using CSS3 Media Queries
-
The CSS Awards
Posted: 9 months ago in Galleries
The CSS Awards gallery are given to the best CSS websites in the world from the top designers, agencies and bloggers working today…
Read More: The CSS Awards