Не важно, каким способом задания размера шрифта в CSS вы пользуетесь, но иногда бывает необходимо подсмотреть, какое значение соответствует текущему в другой системе единиц (например, какому размеру в px или %, будет соответствовать шрифт, размером 1.4 em) или быстро перевести одни размеры в другие.

Чтобы это было просто, предлагаю держать для таких случаев перед глазами (или в закладках) следующую таблицу соответствия размеров шрифтов.

Табличка

Приветсвовать посетителей на сайтах считается хорошим тоном. Некоторые это делают скромно и ненавязчиво, мелкой подписью у форм авторизации, другие — открыто и громко во всплывающих окнах или заголовках в центре страницы. Но, среди всех этих приветствий, существует одна очень заметная проблема у «середнячков» — сайтов для мелких и средних бизнес-компаний, которые постоянно копируют друг у друга одну и ту же ошибку.

О чём это я?

Мало кто знает о темной светлой другой стороне моей жизни, а именно о том, что поиск и прослушивание новой музыки отбирает у меня значительную часть времени уже на протяжении, наверное, десятка лет.

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

Дальше →

Не смог удержаться, и выкладываю здесь ссылку на пример эффектов и анимации средствами CSS3. Сами примеры и код опубликованы в уроке на net.tutsplus.com.

Поразило, что, например, меню, которое у меня реализовано с помощью Mootools и требует дополнительной загрузки js-библиотеки, в CSS3 реализуется с помощью всего пары строчек.

Дальше →

В последнее время я увлёкся различными типографскими сетками и применимостью их в веб-дизайне. Сайты, построенные с применением базовой сетки в разметке, выглядят намного эстетичнее и гармоничнее, чем их собратья, построенные на личных представлениях о прекрасном отдельно взятого дизайнера.

Одним из лучших сайтов, пропагандирующих базовую сетку для Web, конечно же, является 960 grid system. Поэтому, насмотревшись на красивые примеры сайтов, спроектированных по этой сетке и опробовав их на личных проектах, я решил поделиться базовыми принципами и своими мыслями, применительно не только к фиксированной разметке (чаще всего описываемой для примеров), но и к резиновой и эластичной (адаптивной). Дальше →