Really Simple CSS Trick for Equal Height Columns

This tutorial describes a really simple CSS trick to implement a fake equal height columns effect using the CSS properties position:absolute and border. Before to proceed I suggest you to download my CSS 2 Visual Cheat Sheet for a practical reference guide to CSS 2 properties that can help you understand concepts illustrated in this post…

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

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)

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)

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)

YUI CSS Framework Tutorial

How to use the YUI CSS Framework to cut down on the time and stress it takes to produce a good layout. What is YUI? The Yahoo User Interface library is comprised mostly of Javascript utilities and controls to help front-end developers create a rich user interface. It also comes with a great CSS framework to make developing websites a lot faster. This CSS framework is what we’ll be focusing on today. It’s lightweight less than 6KB when minified, easy to use, and most importantly, it works with all major A-grade browsers…

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

CSS Shorthand – A Guide to Cleaner and Faster Coding

As web designer’s we’re always looking for ways to speed up workflow. One of the simplest ways to speed up and clean up your coding is to learn CSS Shorthand. In order to fully grasp shorthand, it’s helpful to already have a decent knowledge of CSS. Here’s a a simple guide to bring you into the world of CSS Shorthand…

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

Solve Any CSS Problem In 3 Minutes (Or Less)

If you’ve spent any length of time building tableless web designs, you’ve probably come across some frustrating CSS problems. Sometimes floats don’t float right or links and images won’t line up. Internet Explorer offers its own brand of pain when it comes to CSS, with weird bugs like doubled float-margins and the ability to make entire sections of a layout disappear. It’s enough to make a good web designer run screaming for a print job. Here are some ideas to help solve your CSS layout problems…

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