https://github.com/bitstarr/ruleemall

A helper for finding the right CSS breakpoints
https://github.com/bitstarr/ruleemall

css media-queries viewport

Last synced: about 2 months ago
JSON representation

A helper for finding the right CSS breakpoints

• Host: GitHub
• URL: https://github.com/bitstarr/ruleemall
• Owner: bitstarr
• License: mit
• Created: 2016-08-10T14:43:21.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-07-19T08:53:41.000Z (over 1 year ago)
• Last Synced: 2024-11-16T19:02:39.892Z (3 months ago)
• Topics: css, media-queries, viewport
• Language: JavaScript
• Homepage: http://ruleemall.sebastianlaube.de/
• Size: 8.79 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# rule *em* all

Nobody likes media queries in pixels. You wont press your well crafted content in an inflexible corset of absolute units. That’s why you will tend to use *em*. But why calculate the numbers by yourself?

## Usage

Include the *em* meter JavaScript file while your development or use the [bookmarklet](http://ruleemall.sebastianlaube.de/). You will see a box at the bottom left corner of your viewport which shows you the current width and height in *em*.

The *em* ruler is more a fun tool but maybe useful for you. It will show a ruler with a stepping of 5 at the top of the viewport.