Scale

screenshot of Scale

Mobile first boilerplate focusing on readability

Overview:

Scale.css is a mobile-first "boilerplate" that aims to provide a good starting point for readable and balanced typography on various devices. It includes a set of media queries and typographic basic styles, with proportions based on The Chromatic Scale. This tool is tested and compatible with a wide range of browsers and devices.

Features:

  • Mobile-first approach with a base font size of 12px for feature phones
  • Support for browsers without media query support, including max-width and horizontal centering
  • Scalability using EMs relative to the base font size
  • Compatibility with various browsers and devices

Summary:

Scale.css is a mobile-first boilerplate that focuses on providing a good starting point for typography that is readable and balanced on different devices. It offers a range of features such as support for browsers without media query support and scalability using EMs. The tool is well-tested and compatible with various browsers and devices.