Mavenous Studios A coding project of Dustin Hansen HOME

Sticky Note Utilizing CSS3, Sans Images

Hey, can you take a note?

We've all seen the sticky notes on websites used for notices, call to actions, and normal UI type information. Usually these sticky notes are composed of images, and maybe even a simple CSS3 rotate transform. But we can achieve a quite similar looking sticky note sans images all together.

It took quite a bit of playing around with transform and gradients, and it doesn't quite look as good as it could, but I believe I've come up with something that could easily be incorporated into a Mootools or JQuery class to generate just such an effect on the fly. Lets have a look, shall we?

Becoming Mavenous Part 1: Why so Drab, bub -OR- Choosing a Color Scheme

A Forward

It's been quite some time since last I blogged on a regular basis, and I'm quite rusty. You'll just have to bear with me as I get my bearings back again. Heheh, bear, bear.... get it? Nevermind.

How this is gonna work.

This article marks the introduction to my Becoming Mavenous series. A narrative chronicling the progression of maveno.us throughout its development. Here's the lowdown on the first few articles.