HTML 5 Details Element Enabler

According to WhatWG, the “<details /> element represents a disclosure widget from which the user can obtain additional information or controls“. In brief, you can use it to create panelbar elements without JavaScript, as the expand / collapse functionality is native to it. Currently (October, 2011), the only browser which supports <details /> is Google [...]

Read Full Post »

Bootstrapping of Embedded Fonts to Prevent FOUT

A disclaimer before I start this post – the solution I will present works with best with AJAX applications and can be applied for elements that are not present when the page initially loads. According to Paul Irish “FOUT is what I’m calling the flash of unstyled text that you get while using @font-face in [...]

Read Full Post »

CSS3 Element Reflections

Recently I was asked to find a CSS-only solution for image (or anything) reflections, and since the only browsers that support box reflections (-webkit-reflect) out of the box are Google Chrome and Apple Safari, I had to find a crossbrowser solution, and this is what I would like to present today. The Markup Actually we [...]

Read Full Post »