Baseline.js

15 Responses

1. Dan Eden

   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.

   12 months ago

2. Maxwell Barvian

   Awesome tool! Thanks for this.

   1likes

   12 months ago

3. Steffen Nørgaard Andersen

   Cool!

   1likes

   12 months ago

4. Dan Edwards

   Great job Dan!

   1likes

   12 months ago

5. Jack Smith

   You're too good. Perfect demo as well.

   1likes

   12 months ago

6. Peter Thomas

   This is going to be mega useful! Thanks dude.

   1likes

   12 months ago

7. Justin Burns

   yess

   1likes

   12 months ago

8. Dan Eden

   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

   12 months ago

9. Jason Mayo

   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?

   12 months ago

10. Anders Drage

    Great job!

    1likes

    12 months ago

11. Ben Howdle

    @Dan Eden You are right.

    1likes

    12 months ago

12. Zach Wolf

    I was just working on something almost identical to this! Yours is better... 3

    1likes

    12 months ago

13. Damian Hernandez

    Nice!

    1likes

    12 months ago

14. Ben Howdle

    Yeah, it's made - JS version, no jQuery -> BaselineJS

    1likes

    12 months ago

15. Dan Eden

    @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.

    12 months ago