View Demo — Get Code There are many neat things you can do with the box-shadow property in CSS. Many of them we see almost everywhere now, including the famed paper curl effect. One effect I haven’t seen around though is a cast drop shadow, the kind you usually see under a device shot –… Continue reading Cast Drop Shadow With CSS3
Category: CSS
New, flashy user menus for IntenseDebate!
A few days ago we went live with some new user menus for the IntenseDebate plugin. I’ve made the design of course, and while they’re meant to resemble the looks of the old menus in a lot of ways, there are some notable differences. The most striking change is of course the avatar being a… Continue reading New, flashy user menus for IntenseDebate!
Spices for modern browsers: border-radius, box-shadow and text-shadow
While updating the blog I remembered what Matt Thomas mentioned a while ago: I like to give people using modern browsers a little something extra to reward them. Not a direct quote, but that was the idea. There are a few very interesting CSS3 rules that only a select few of the web browsers have… Continue reading Spices for modern browsers: border-radius, box-shadow and text-shadow
Tips on Using the Outline CSS Property
Part 2 out of 2 (Part 1) The only time a web designer notices the Outline property is when you want to disable it, and you’re wondering how to do so or if it’s even possible. But you can actually use the property to do very clever things. At a first glance, the Border and… Continue reading Tips on Using the Outline CSS Property
Check out my MyBlogLog iPhone!
I just got done with it, and it’s just for fun. If you look in this blog’s sidebar you’ll see a shiny iPhone with my latest visitors in it. The reason I did it was just because the new MBL widget looks so much like an iPhone. Especially if you’re using a black and white… Continue reading Check out my MyBlogLog iPhone!
Get perfect Web 2.0 16x16px icons quickly!
Recently I faced the problem of either creating my own 16 square pixel icons, or use others. I started looking into how other services have solved the problem, and I realized after looking at Socialthing! that the best solution is also the most obvious and simple one: Just import the site’s own favicons! Here are… Continue reading Get perfect Web 2.0 16x16px icons quickly!
Pure CSS animated menu
I’ve had this idea for a long time, to create a menu that would look animated but still being all CSS. The trick is to use the movement of the mouse over different objects to trigger other elements to change. Thanks to normal child selectors, nested elements and some padding animation is actually possible. The… Continue reading Pure CSS animated menu
border: 1px solid; magic!
I don’t know if this is common knowledge among webdesigners, but this was all new for me. If you don’t select a color for a border, just say “border: 1px solid;” (for example) it will inherit the color of the current object. I’ve checked this in Firefox 2 and Opera 9, and it really works… Continue reading border: 1px solid; magic!