https://github.com/designbyfront/The-Goldilocks-Approach

A good starting point for responsive web design that takes device resolution out of the equation
https://github.com/designbyfront/The-Goldilocks-Approach

Last synced: 1 day ago
JSON representation

A good starting point for responsive web design that takes device resolution out of the equation

• Host: GitHub
• URL: https://github.com/designbyfront/The-Goldilocks-Approach
• Owner: designbyfront
• Created: 2011-07-22T13:12:09.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2011-07-22T14:27:05.000Z (over 13 years ago)
• Last Synced: 2024-08-02T05:11:37.251Z (3 months ago)
• Homepage: http://www.goldilocksapproach.com
• Size: 286 KB
• Stars: 541
• Watchers: 38
• Forks: 59
• Open Issues: 4
• Metadata Files:
  • Readme: README

Awesome Lists containing this project

README

        
Goldilocks Approach

===================

A good starting point for responsive web design that takes device resolution out of the equation

How does it work?

-----------------

The Goldilocks Approach uses a combination of Ems, Max-Width, Media Queries and Pattern Translations to consider just three states that allow your designs to be resolution independent. Check out the example.html page included to see how it works.

It contains

-----------

* 2 well commented CSS files that consider 3 CSS Media Query increments; multi column, narrow column and single column

* Good typographic defaults out of the box (including print contexts)

* A boilerplate HTML file to get you started (index.html)