search

kizu / ideas

Repo for some not-so-secret ideas for different things, more like todo-someday-in-the-future I guess
1 stars 0 forks source link

Icon “kerning” #106

Open kizu opened 9 years ago

kizu commented 9 years ago

When there are icons or images near text or each other, they could have different visual weight centers, so you could want to shift them here and there so they would look ok.

This could make it either into the file format itself, or into just another js-lib that could analyze those images and tell where their center is + adding appropriate margins at sides.

isqua commented 9 years ago

Why not make icon where visual weight center is on the real image center (by adding transparent pixels to one of sides) or add properly vertical-align to icon class? Like this:

.icon-hand
{
    vertical-align: -4px;
}
kizu commented 9 years ago

The point is to automate those things and do not depend on where the icons come from. Sure, it can be done at a pre-processing side, rather than on client's, either by changing the images themselves, or by creating .css-file with all the adjustments.

--  Roman Komarov http://kizu.ru/en/

04.12.2014, 23:04, "isquariel" notifications@github.com:

Why not make icon where visual weight center is on the real image center (by adding transparent pixels to one of sides) or add properly vertical-align to icon class? Like this:

.icon-hand { vertical-align: -4px; }

— Reply to this email directly or view it on GitHub.