The New TechCrunch Redesigned Header is in My Face
You may hate or love the new TechCrunch blog redesign. I for one am indifferent about the matter. I read most of their articles on Pulse. I do like the header collapsing from the giant pixelated logo to the more compact one while scrolling. Neat!
While inspecting how they went about this, I discovered something I had never seen before in CSS. The header has an astrological astronomical z-index of 2e+06. This equates to 2 followed by 6 zeros (2,000,000).
This got me thinking. If you really want your design to stand out and make an impact, it has to smack users right in the face. Therefore, adding a high z-index.
After digging around for a little while I came across this post explaining how the maximum supported z-index in modern browsers is 2,147,483,647. If you can afford the extra characters in your CSS, I say do it!
Happy styling,
Filip
