An occasional blog covering CSS, jQuery and web development
An occasional blog covering CSS, jQuery and web development. Follow it on Twitter
The CSS z-index property often trips up new and even experienced developers. The aim of this article is to boil down a somewhat-complex specification to 3 major points, which should ease most z-index pain.
There's a retro riot going on on Flickr's The Commons, a photo library assembled from numerous public photography archives. All the photos have no known copyright restrictions, so they're free to use on your site or blog.
Some CSS and a little jQuery can do wonders. The aim of this article is to show how to create a very simple responsive menu that looks good but is actually quite light. It's also the very same menu we use on Tipue.
2nd February, 2014. Updated 29th April, 2014
Every new developer inevitably finds that centering a div isn't as obvious as you'd expect. The aim of this article is to show how, with a few CSS tricks, any div can be centered; horizontally, vertically or both. And within the page or a div.
A div with the position property set to fixed secures the element relative to the browser window. It doesn't move when the window is scrolled. It sounds simple, and it is, but there's a few tricks you can do with fixed divs that aren't quite so obvious.
Viewport width (vw) and viewport height (vh) are viewport-percentage lengths introduced in CSS3 Values and Units. Given how powerful they are, they seem to be surprisingly underused.
© 2014, Tipue. Made in London. TOS