• [email protected]
  • Call Us: +61 0426 860 887
  • Milperra Business Park, Suite 19/244 Horsley Rd, Milperra NSW
Welcome to Global App and Web Development Studio
I recently submitted the following experimental CSS layout to Smashing Magazine Typographic Layout Design Contest. I'm now publishing it here for my readers to play with. It's called the Exploring Web Typography CSS Hover Layout. It's pretty crazy but kind of cool too. Enjoy!
The idea behind this experimental layout is to explore how content can be progressively revealed by using the CSS hover pseudo-class. To do this without JavaScript I needed to nest the elements within one another in long chains. The finished product contains elements nested to approximately 50 levels deep. This layout is less like a static page and more of a navigable message that grows as you read it. While working with this hover-method I found that it was surprisingly versatile. Words can be styled to better represent the current meaning of the story, and the process of following the writing is... Read More
Nested and mixed lists are an interesting beast. It's a corner case to make sure that
  • Lists within lists do not break the ordered list numbering order
  • Your list styles go deep enough.

Ordered - Unordered - Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered - Unordered - Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

Unordered - Ordered - Unordered

  • unordered item
  • unordered item
    1. ordered
    2. ordered
      • unordered item
      • unordered item
  • unordered item
  • unordered item

Unordered - Unordered - Ordered

  • unordered item
  • unordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  • unordered item
  • unordered... Read More