Написать письмо   
 
logo
 
Snippy
Сборник
примеров кода
Есть такая штука, как «макетная сетка», направляющие линиии в дизайне сайта, к которым привязывается расположение элементов и их размеры. В тех работах, что я делаю сейчас макетная сетка есть всегда, но при этом у меня в вёрстке она виртуальная, не задаётся явно таблицами. Чтобы видеть, выровнены ли элементы по сетке я написал скрипт, который, будучи подключеным на страницу, рисует сетку.
Макетная сетка

Есть такая штука, как «макетная сетка», направляющие линиии в дизайне сайта, к которым привязывается расположение элементов и их размеры. В тех работах, что я делаю сейчас макетная сетка есть всегда, но при этом у меня в вёрстке она виртуальная, не задаётся явно таблицами. Чтобы видеть, выровнены ли элементы по сетке я написал скрипт, который, будучи подключеным на страницу, рисует сетку:

function _columns(a)
{
document.write('');

for (var i = 0, l = a.length; i < l; i )
document.write('');
}

_columns([2, 10, 18, 26, 34, 42, 50, 58, 66, 74, 82, 90, 98]);

При вызове скрипта в массиве задаются проценты, где рисовать линию сетки (2%, 10%, etc).
Есть только одна проблема: в MSIE6-, который не понимает position: fixed, сетка рисуется до конца окна, а не до конца документа, если документ больше, чем окно, то низ не покрывается сеткой. В стандартных браузерах благодаря position: fixed всё нормально.
Читать дальше...



Вычисляет высоту области редактирования текста (<textarea>) по значению и ширине.
В большинстве случаев будет корректно работать для моноширинных шрифтов.
Т.к. браузер переносит последнее слово, которое не умещается на строке,
на следующую строку, высота м.б. меньше ожидаемой.
Этот алгоритм явл. простым (и быстрым) и не отслеживает переносы слов.
Читать дальше...