• [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

Tag Archives: content

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

What are the pros and cons of a sidebar?

Pros

  • Running ads
  • Increase email sign-ups
  • Promote related products
  • Organization (especially for ecommerce)

Cons

  • Visually unappealing UX
  • Not compatible with mobile
  • Cluttered and clunky information
  • Unnecessary for many businesses and portfolios
Websites have featured sidebars dating back to the mid 90s. Early websites were primitive but usable, and here we are over two decades later with many tremendous advancements in web design.
Yet sidebars are still a common staple on every site, from blogs to small businesses and ecommerce shops. But with the growth of responsive design, it’s worth questioning if sidebars serve a purpose anymore. In this post, I’ll share some ideas and examples to consider whether or not your next website really needs a sidebar section.

To Sidebar or Not To Sidebar?

That is the question. And... 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