How to fake 3D and more with CSS3 box-shadow

CSS3 box-shadow fake 3D

Box-shadow is a powerful property in CSS3. It’s more than just for drop-shadows. Think of it as a multi-purpose 3D styling tool. That’s because you can stack multiple drop shadows.

Today I’m going to show you how to make, out of a simple DIV, this:

CSS 3D button effect

Continue Reading…

3 questions you need to ask at any job interview

Photo courtesy of Faramarz Hashemi

My friend Lauren contacted me this morning, very excited. She’s got a promising interview this afternoon, so I offered her my time-tested magic interview questions. And then I thought I might as well share this with everyone.

Anytime I interview, I always bring along a list of questions to ask the interviewer. These are mostly based on my research of the job, the company, and the industry, but there are three that are always there, no matter what. They are the questions that get you hired.

Continue Reading…

Fun with CSS text-shadow

I’ve been playing with the text-shadow property in CSS3, and having a lot of fun with it. Did you know that modern browsers allow you to stack multiple drop shadows? Used creatively, this allows for all sorts of pure-css fun.

Here’s what we’re going to build today:

3D  shaded  

Continue Reading…