Продвинутый CSS-ластик. Часть вторая.

Эрик Мэйер обновил свое видение обнуления дефолтных значений для HTML-элементов. В принципе изменения незначительны, кроме одного. Эрик изменил свое мнение о наследовании стилей для шрифтов. Из ресета исключены следующие свойства:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-weight: inherit;
font-style: inherit;
}

Теперь заголовки будут выделены жирным шрифтом по умолчанию, em будет наклонным и тд. Так же добавлены стили для del и ins. А вот и полная версия: Читать дальше >>

(X)HTML - структура и семантика кода

Структура правильного HTML-документа базируется на логике, порядке и использовании семантически корректной верстки. Если у вас есть заголовок - используйте для него елементы Heading(h1-h6), если абзац/параграф - paragraph(p). Если у вас есть список - используйте элементы списков (ul/ol), если вы цитируете - используте blockquote или cite. Эти элементы придают смысловое значение разметке, делая ее семантически корректной, в дополнение к правильной структуре.

После составления корректного HTML-макета, используйте CSS для визуального оформления. (Тут уже дело вкуса, некоторые верстают CSS “с лету”, а некоторые только после создания HTML-макета)

Стандарт XHTML более строг к синтаксису чем HTML, он не допускает наличия незакрытых тегов, одинарные теги тоже должны быть закрыты (self-closing). Элементы в XHTML прописываются строчными, а не заглавными буквами. Значения атрибутов элементов должны быть указаны в кавычках. Есть и другие отличия, но более подробно я описывать их здесь не буду. Читать дальше >>

Let’s 2008 begins!

Привет!

В эти праздничные дни у меня возникло несколько желаний. Первое - поздравить всех моих читателей с наступившим Новым Годом и пожелать всем вам успехов и удачи. Второе - поделиться с вами своими мыслями и планами на этот, уже наступивший, год. Итак:

  • Я планирую глобальный редизайн сайта, с упором на удобство и исправление всех недочетов, но пока не нашел дизайнера.
  • В ближайшее время я планирую внедрение Open ID и микроформатов на сайте, со всеми вытекающими.
  • Есть некоторые мысли по поводу тем для сайта, но об этом пока не буду распространяться.
  • Планирую собрать на конец-то часть своих работ и выложить здесь.

Есть еще много разных мыслей и планов, но пока что озвучивать и не буду, так как они еще не до конца сформировались у меня в голове.

Следите за изменениями и новостями, а я постараюсь вас порадовать ;) С Новым Годом, друзья!

Псевдокласс :first-letter

:first-letter

Уже довольно давно использую псевдокласс :first-letter для назначения двух фоновых изображений для одного элемента. Самое интересное что :first-letter, один из немногих псевдоклассов, которые работают в 6-ом Интернет Эксплорере. Но есть одна маленькая хитрость, которую нужно знать.

К делу. Как сказано выше, HTML элемент у нас один. Пусть это будет заголовок первого уровня. Читать дальше >>

Таблица “безопасных” шрифтов для всех версий Windows и их Mac-аналоги

Неплохая таблица “безопасных” шрифтов для веб-разработки. В ней описаны шрифты, присутствующие во всех версиях Windows и их аналоги в Mac.

Таблица безопасных шрифтов для веба

К таблице также приложены скриншоты этих шрифтов в различных браузерах на разных операционных системах и полезные пояснения.

Рекомендовано к ознакомлению.

Апдейты из комментариев:

Increase Your Font Stacks With Font Matrix

Шрифты на русском языке