Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/itsthatguy/gridwax

Last synced: about 6 hours ago
JSON representation

Host: GitHub
URL: https://github.com/itsthatguy/gridwax
Owner: itsthatguy
Created: 2012-03-23T21:21:44.000Z (over 12 years ago)
Default Branch: master
Last Pushed: 2016-06-08T15:22:11.000Z (over 8 years ago)
Last Synced: 2024-04-08T16:21:30.838Z (7 months ago)
Language: CoffeeScript
Homepage:
Size: 165 KB
Stars: 85
Watchers: 7
Forks: 14
Open Issues: 7
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Gridwax

Vertical Rhythm is the spacing and arrangement between words as a user reads down the page. On the web, this is a difficult thing to get right, even with tools like [Compass](http://compass-style.org/reference/compass/typography/vertical_rhythm/) assisting. The problem really comes in when you have multiple columns of text. If you want text lines to consistently land in the same places, you really need a visual aid that you can quickly drop in at any point as a reference.

This is where the [Gridwax](http://gridwax.gs) bookmarklet comes in; Once you’ve got it secured on your bookmark bar, you can drop the overlay on your site, and use hotkeys to quickly adjust it to match your baseline.

#### Where to get it: [gridwax.gs](http://gridwax.gs)

## Hotkeys

#### Adjust Vertical Spacing
`shift+up`
`shift+down`

#### Adjust Vertical Offset
`shift+left`
`shift+right`

![image](http://gridwax.gs/images/gridwax-overview.jpg)

#### Read more about vertical rhythm:

* [A List Apart - Setting Type on the Web to a Baseline Grid](http://www.alistapart.com/articles/settingtypeontheweb)
* [Compass - Vertical Rhythm](http://compass-style.org/reference/compass/typography/vertical_rhythm/)