How Browsers Work: Behind the scenes of modern web browsers
Italian translation of Tali Garsiel’s guide to how browsers work (WebKit, Gecko, rendering); the full Italian version is on this site.
Tag Archives: CSS
4px ghost space with CSS display inline-block
I know why you’re here, I’ve gone through this as well. Like me you created a container box with dynamic height, 100%, and inside it you want some columns that reside near each other, occupying the same height of their parent, 100% them too. TL;DR: the gap comes from inline/line-box metrics; tame it with font-size: … Continue reading 4px ghost space with CSS display inline-block
Android Holo font icons
The aspect that I appreciate the most about developing hybrid apps with PhoneGap in respect to all the different native languages is the possibility to reuse resources, not only knowledges. Developing an Android native app requires a big effort to create and manage the iconographic elements that compose the UI. The most complex aspect is … Continue reading Android Holo font icons
HelloSplash, Phonegap Android SplashScreen
Like for the first encounter between two strangers, a critical aspect for a mobile app when it meets our new users, whether we like to admit it or not, is the first impression. The splash screen is the very first thing our users got to judge our app the very first time they launch it, … Continue reading HelloSplash, Phonegap Android SplashScreen
Apply CSS styles based on device orientation
The CSS orientation media query checks window dimensions, not the accelerometer. Discover the unexpected behavior on Android Multi Window devices and the clean JavaScript fix using data attributes.