Tag Archives | web page

Object Oriented-Style CSS Inheritance Tip

By on December 14, 2008 in Technology

I was trying to figure out recently how to apply multiple CSS styles to a single element. What I wanted to be able to do was define a single base style for a particular element, let’s say the P tag, and then define a multitude of differing additional styles for that same tag, like a [...]

Read full story • Comments { 0 }

CSS Slicing Guide and XHTML/CSS Page Design Guide

By on August 14, 2008 in Technology

When I first got into web development, the new layout craze for websites was “table layouts”. The idea that you could slide and organize everything in a grid (using <table> tags) was a godsend for designers. All you had to do was learn how to “slice” your Photoshop mockup into the appropriate squares and they [...]

Read full story • Comments { 0 }

Animation of a (Mozilla) Browser Reflowing a Webpage

By on June 6, 2008 in Technology

Thanks to Grant Gochnauer for sending in a sweet link with some awesome animations by Satoshi Ueyama that show how the Gecko web page rendering engine (used in Mozilla/Firefox) reflows a webpage and essentially renders it on the fly as the HTML streams down the engine positions it and makes heads or tails of it. [...]

Read full story • Comments { 0 }