I had a problem with maintaining vertical rhythm after meticulously crafting a typographic baseline. So I scratched my own itch.
Baseline.js - vertical rhythm made easy.
over 1 year ago
Awesome tool! Thanks for this.
Great job Dan!
You're too good. Perfect demo as well.
This is going to be mega useful! Thanks dude.
Thanks everyone! A few things planned for this in the future, including:
- Vanilla JS version (I believe @Ben Howdle is already making plans with this)
- Ability to define breakpoints at which the baseline changes
- Calculating the baseline automatically from line-height etc
Nice idea - But it seems to shrink the images... How would this work if you had images full width of a column? Surely they would shrink and not fit perfectly?
I was just working on something almost identical to this! Yours is better... 3
@Jason Mayo that's what the plugin does - it sets a max-height to the images based on the baseline you give it, causing the image to change width, too.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.