RSS

Archive for the ‘Web design’ Category

Here’s a tutorial on how to pull off a pretty neat trick with CSS to “decorate” images on a website. Want a nice frame or thumb-tack on your gallery’s thumbnails? A little bit of CSS code and a transparent PNG is all you need. Here’s the CSS tutorial from WebDesignerWall.

The same designer has a very similar tutorial on creating gradient effects on web text (really, its the exact same concept). Although I found it amazing at first, when looking at the demos again, it seems to bring out the text aliasing…

Another neato CSS trick is the “blurry background”. A first, I thougt it was a trick similar to the one’s above, but its nothing like it. It’s basically two backgrounds, one blurry, one crisp and clear, and a little-known CSS property for backgrounds called “fixed”. Confused? Read the how-to here.

16 May 2009

Decorated Images, Gradient Text and Blurry BGs with CSS

Author: admin | Filed under: Web design

pintando

A perfectly executed combination of music, design and interactivity. You “paint” a song by moving your mouse over the canvas. The paint line and images are influenced by the music. Programmed in Flash (obviously requires the Flash Player plugin installed):

http://soytuaire.labuat.com/

24 Apr 2009

Painting a song

Author: admin | Filed under: Web design