Статьи, отмеченные тегом «HTML/CSS верстка»:

Прокачиваем шаблоны от 960.gs

Прокачиваем шаблоны от 960.gs

Небольшой полезный трюк для тех, кто постоянно использует в своей работе шаблоны модульной сетки от 960.gs. Этот фреймворк довольно распространен и, в последнее время, находит все больше и больше поклонников среди дизайнеров и верстальщиков.

Но в стандартных заготовках сетки есть один небольшой недостаток — там нет никакой привязки к вертикальному ритму (по сути, это просто колонки), поэтому все поиски вертикальных отступов основываются на личных предпочтениях рисующего дизайнера. С одной стороны правильно, с другой, хотелось бы упорядоченной системы отсчета для элементов будущего макета.

Тем, кто желает исправить эту вселенскую несправедливость

Скрытые возможности text-shadow

Скрытые возможности text-shadow

Не удержался и решил перепостить сюда ссылку из своего твиттера (присоединяйтесь, иногда, делюсь полезностями) на интересный пример использования text-shadow. То, что нарисовано на картинке к посту в живую можно посмотреть здесь.

Что же такого замечательного в этом примере?

Как добавить свои кнопки в HTML-редактор WordPress

Как добавить свои кнопки в HTML-редактор WordPress

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

Лично у меня, привычка следить за HTML появилась из-за того, что TinyMCE часто грешит вставкой лишних переносов <br /> и из-за того, что люблю смотреть живой код. Поэтому вкладкой «Визуально» в редакторе WordPress я пользуюсь очень редко.

Добавим свои кнопки!

Скажем прощай oveflow: hidden!

Скажем прощай overflow: hidden!

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

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

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

Больше, больше эффектов c CSS3!

Больше эффектов c CSS3

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

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

Список