In a previous post, I talked about creating dynamic and scaleable buttons using CSS3. While we can use “border-radius” for rounded corners and “box-shadow” for a nice dropshadow effect, there’s still a problem with giving the button a 3d / plastic look without using images. In my previous example I used a small PNG image (with a gradient from white to transparent) as a background to achieve that effect.
Now, with the release of Firefox 3.6 (Safari / Webkit supported that a bit earlier) we don’t need any images at all, thanks to the “moz-linear-gradient” / “webkit-gradient” property. Continue reading…
Okay – it should be 365 days. I already thought about doing this last year in December when reading the post over at Smashing Magazine, but unfortunately forgot about it. Anyway, as there are more than enough days left to start with this project - here we go:
Some inspiring sites & articles to take a look at:
- Smooth scrolling background with CSS & JavaScript
- Great: Pure CSS rolling Coke Can
- Monster drawings from children painted by an artist
- Freefont “PT Sans” by Paratype
- And of course, something on the iPad – interesting read!
I’ll make some changes to my blog within the next days. The footer finally needs some content, a search field is still missing and the sidebar looks a bit empty by now. There are still a lot of things to do around here…
Creating buttons with CSS becomes a lot more comfortable. The following example demonstrates how to create nice looking, dynamic buttons that are fully scaleable using the new CSS3 properties border-radius, box-shadow and RGBa.
I’m currently trying to sort my archive of old layouts, wallpapers and other stuff. Here’s a quick look at what I’ve found in the depth of my harddrive.
Of course, there’s a lot more. After sorting everything and moving the crap out, I’ll put up a kind of online archive / gallery where you can browse all that old stuff.
If you’re looking for something different than the common RSS-feed icons, this little robot may be something for you:
There are three different icon sizes available:
Ever wanted to have a complete set of smileys with the same style troughout the set?
With the first few smileys created back in 1999, the Aqua Smileyset has grown to a collection of over 80 high-quality emoticons nowadays. Both animated and static smileys offer you the right emoticon for almost every mood.
And best of all, they’re totally free – no license, no restrictions. Use them wherever you want. For your website, blog, message board, mails, whatever …
Here’s what you get:
- 58 static smileys
- 24 animated smileys
- .GIF-files /w transparent background
- Absolutely FREE for both private and commercial usage
Aqua Smileyset Download (.ZIP, ~250kb)
Recent Tweets
- RT @designinformer: Details on the new Google Webfont API → http://bit.ly/aWFICH
- RT @designinformer: Really cool! Textorizer - http://bit.ly/aLOeTs
- RT @Behance: In Video Game Design illustrations: a futuristic wasteland, and a Medieval Heroine (who is listening to her ipod?) http://c ...