Tag: css

Smoother @font-face embedding in IE 7 & 8

You could say I’ve become somewhat obsessed with @font-face embedding over the past few months. I’ve most certainly fell head over heels for the @font-face generator from fontsquirrel.com see the recap below.One thing however that has always bothered me is IE7 and IE8’s rendering of embedded fonts, so today with IE tester at hand and […]
csshead 0 Comments

CSS Variables with PHP

When people are asked about features they would like to CSS, “variables” always seems to come up. Whether or not this is a good idea is still something I personally haven’t decided on, but I’d lean toward yes. Regardless, using PHP, it is trivially easy to use variables in CSS. This is certainly not a […]
csshead 0 Comments

Z-Index And The CSS Stack: Which Element Displays First?

Let’s start with a quick review. If you read the previous css positioning post you can probably skip to the next section.A web page is a two dimensional plane with width and height. z-index is the missing third dimension, depth, with an axis that moves in and out of your monitor. z-index allows us to […]
csshead 0 Comments

Create a Button with Hover and Active States using CSS Sprites

Too many designers neglect the click state (active: property in CSS) in web design, either because they’re unaware of it, underestimate the importance of it or are plain lazy. It’s a simple effect that improves usability by giving the user some feedback as to what they’ve clicked on but can also add depth to a […]
csshead 0 Comments

eCSStender – Use CSS3 in All Browsers

Extensions built with eCSStender greatly simplify the design process because you can author modern CSS using advanced selectors, properties such as border-radius, or custom font faces and rest assured that your design will work… even in IE6. To see what you can use today, browse the extensions. To use the extensions, download eCSStender and include […]
csshead 0 Comments

Pushing Your Buttons With Practical CSS3

CSS3 is the partially implemented sequel to the CSS2 spec we all know and love. It’s already popping up in new browsers such as Firefox 3.5, Safari 4 and Chrome. In this article, the first of the articles that explore practical (and even far-fetched) implementation of CSS3, we start by applying CSS3 to something we […]
csshead 0 Comments

Radioactive Buttons with CSS Animations and RGBa

Using CSS animations in Safari, we’re able to turn an otherwise ordinary button into a glowing, radioactive mess of awesome. Don’t see the radioactive buttons? Be sure you’re in Safari before getting underway…
csshead 0 Comments

Bulletproof @font-face

Real type on the web. All the kids are doing it. But maybe we’re doing it wrong. After testing several CSS @font-face syntax variants, including one used on this site, Paul Irish says the following is clearly best:
csshead 0 Comments

LESS CSS Plugin for Coda

A Cocoa-based app that runs inside Coda and provides a GUI for the LESS compiler, which is a command-line tool that parses LESS syntax into standard CSS. It runs the command-line tool on all .less files within your website’s local directory, either when you click a button or automatically as you save each .less file […]
csshead 0 Comments

Working With RGBA Colour

We’re all familiar with specifying colours in CSS using by defining the mix of red, green and blue light required to achieve our tone. This is fine and dandy, but whatever values we specify have one thing in common – the colours are all solid, flat, and well, a bit boring. CSS3 introduces a couple […]
csshead 0 Comments
« Previous Page — Next Page »