daneden/baseline.js

A simple jQuery plugin for restoring vertical baselines thrown off by odd image sizes

baseline.js's Issues

Add Bower and npm support?

Could you please add Bower and npm support? There is no way to use it in my project right now.

Merge Vanilla and jQuery version

keep the Vanilla and register as a jQuery plugin when jQuery is available

like @enyo in Dropzone https://github.com/enyo/dropzone/blob/master/lib/dropzone.js#L1259-1265

Preserve image width

With modern browsers being quite good at scaling images, an option to preserve the width of images scaled by Baseline.js would be a welcome addition. There are cases where this is necessary, and this is seriously the only thing that's stopping me from using Baseline.js in all my projects. Anyone agree?

Broken in FF

Fab little plugin but doesn't appear to work in Firefox 21: http://d.pr/i/zeOH

Seems fine in Chrome

Multiple widths (breakpoint error)

Hi,

Settings multiple widths doesn't seem to work.

this

$(' img').baseline({ '0px': 24, '700px': 30 });

results in

Uncaught ReferenceError: breakpoints is not defined  : line 115

Placeholder images are gone

Your placeholder images on https://daneden.me/baseline/ from http://placedog.com went away.

May I suggest, http://placekitten.com/ 😺 or http://placehold.it/

: )

Firefox no worky

Hey Dan, nice library! :)

Works great in latest Chrome (21.0) but is wonky in FF 10.0 on OSX.

It's not working

Hello!

Looks like this library is not working currently. I'm not sure why though. Is this library is still maintained?

Me and my colleague have created an alternative solution for the time being:
https://github.com/betsol/baseline-element

max-height 0 because image not loaded?

I was having a weird issue where all of my images were being set to a max-height of 0. When I added the following plugin, my issues disappeared:

// add image rhythm
$(document).waitForImages($.noop, function () {
    $(this).baseline(24);
});

What this plugin does (https://github.com/alexanderdickson/waitForImages) is wait for images to be fully loaded in place before calling the function passed as the 2nd argument for each individual image.

Am I doing something wrong? No one else seems to have this problem. Resizing the browser after the page loads makes all the images pop back up, and there are no complaints now that I fixed my problem. I love this plugin.

Incorrect maxHeight when resizing browser down and maxHeight should be larger.

I have the following breakpoints $('img').baseline({'0px':30, '1025px':36}); and an image of 330px height.

At the largest screen the baseline is 36px and the script changes the maxHeight to 324. When I scale the browser down and hit the breakpoint, the script should change the image to 330 to match the 30px baseline however it stays at 324. Perhaps some calculations in determining if the breakpoint has been hit?

EM options?

Is it possible to use em based media queries instead of px based? What about em based baseline?