After the disaster I mentioned in the last article, I figured the least I could do, for now, is redo some of the CSS3 examples, and get them completed. Over the next week or so, I plan to get all of them up and completed. For now the following have been updated:
nth-child() selector.Enjoy! More coming as often as I can muster!
A friend of mine was asking about the effect I use for the social media icons in the sidebar here. I told him that's personal and I would prefer he not bring up such iniquitous filth in the polite company of my daughter. When I realized he was talking about my website, I figured I would apologize by writing up a quick article about it and some of the caveats I ran into.
Read moreWe'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?
Read more