How to distribute elements horizontally using CSS

In this post I want to reply to a frequently asked question that I receive from my readers about how to distribute horizontally a certain number of elements within a main container using CSS. This problem is not particularly complex and can be solved simply using the CSS selector :first-child…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Becoming a Font Embedding Master

I’ve spent a couple days worth now trying to figure out the best and most complete approach to font embedding using @font-face. It really is a dark art that must be mastered. It is by no means a straightforward process. Here’s the findings…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Methodic Approach to CSS Coding

Which approach is better to write CSS code? In general I always prefer to use a methodic top-down approach I want to present you in this post. I called this process Four Bubbles Model.The model is based on four progressive phases that helps you quickly develop CSS files and maintain a better control of code you’re writing. The following picture illustrates the four main phases that compose the model…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Interactive CSS3 Generator

Many browsers have been experimenting with new custom CSS properties lately. Keeping track (and learning how to use them) can be a bit of a challenge.

Via WidgetPad comes a nifty CSS 3 Generator that helps you understand the new CSS 3 features in Webkit with an interactive tool that will build up and show how each new property affects an element. Here, for example, we see the results of applying rounded corners, box shadows, reflections, and a transform to an element…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSScaffold – a CSS Framework Written in PHP

CSScaffold is a CSS framework written in PHP. Rather than try and create a static framework that uses the standard abilities of CSS, like Blueprint, it uses PHP to extend CSS. The syntax looks and feels exactly like CSS, except that you have some new, powerful abilities.

The best part is that all of this is done transparently. You can drop Scaffold into your site and you’ll instantly have access to all of its functionality…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Purely CSS – Faking Minimum Margins

Sadly, min-margin is nonexistent in the CSS world. I was okay with that – until recently, when I realized I needed it. After a fair share of general thought and Google usage, I arrived upon a solution, which I invite you to check out below. So what situation would you need min-margin in? Take a second to look at the demo to see a before and after…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Frameworks and Semantic Class Names

One of the most common complaints about CSS frameworks like Blueprint, YUI Grids, and 960.gs is that they require designers to dirty their fingers by adding presentational class names to their HTML documents. However, some of the latest CSS frameworks provide clever solutions to this problem…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Mastering CSS Coding: Getting Started

CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS @font-face in Depth

When I told one of my co-workers how excited I was that almost all the major browser vendors now supported font-embedding in their products, I got the same reaction from her that Bert from Sesame Street got when he told Ernie how exciting he thought bottle cap collecting was yes, gratuitous ridicule was involved. Now, while I can somewhat understand her disinterest she is not a front-end web developer, but a Java programmer, I defend my enthusiasm by stating here that fonts are a really important part of web design, and the fact that we can now theoretically choose any font to embed inside our web pages and applications is something to celebrate…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)