“Did you know you can make a round circle with border-radius and create inner shadow effect with box-shadow inset? Check out this beautiful search form demo that I’ve created with CSS gradient, border-radius, and box-shadow. It displays perfect in CSS3 browsers and degrades gracefully in non-CSS3 browsers.”
From the category archives:
Links
“pixel-locked rounded rectangles can actually be fairly difficult to draw in Photoshop. (Pixel-locked, meaning all edges fall on an exact pixel boundary, creating the sharpest object possible.)
Experienced Photoshop users will probably already know one or two ways to draw a roundrect. Hopefully after reading this article, they’ll also know a couple more, and which methods produce pixel perfect results.”
"In the Old World, computers are general purpose, do-it-all machines. They can do hundreds of thousands of different things, sometimes all at the same time."
"In the New World, computers are task-centric. We are reading email, browsing the web, playing a game, but not all at once."
A CSS sticky footer that just works
We’ve all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I’ve fashioned a sticky footer that even beginners can get a handle on. It’s been tested in IE 5 and up, Firefox, Safari and Opera.
A new crop of touch-based devices is changing the way users interact with Web pages.
“How traditional businesses who have moved to the web regularly undervalue their front-end web developers, and are worse off because of that”
