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

Несколькими такими примерами, найденными на блоге tobypitman.com хочу поделиться в этом обзоре.

Исследуем!

Продолжу эстафету, начатую автором блога cuprum.name, в которой эстафетостартер ( :) предлагает блогерам поделиться со своими читателями переводом интересных зарубежных статей из своего RSS-ридера.

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

Итак, поехали.

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

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

Табличка

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

А чтобы некоторые интересные штуковины и туториалы не прошли мимо, я собрал их в одном месте для вас (и для себя):

Список

Однажды была у меня такая задача, когда заказчик попросил прикрутить к каждому пункту меню свою иконку, но сами пункты меню выводились чистым HTML-списком, без использования различных class и id. А доступа к PHP-скриптам, выводящим меню у меня не было.

Так как же решить подобную задачу?

Легко!