→ верстка
html 5.0 Начало.
Веб постоянно развивается. HTML 4 существует в течение 10 лет, но издатели постоянно ищут новые способы расширения функционала и возможностей этого формата.
Работа над HTML 5 была начата в 2004 году и пока еще далека от завершения. В настоящее время разработки осуществляются в рамках совместных усилий W3C HTML WG и WHATWG.
Чтобы дать разработчикам более гибкий, совместимый продукт, а также позволяющий делать проекты более интерактивными и интересными, HTML 5 внедряет и расширяет спектр функций, включая формы управления, API, мультимедиа, структуру и семантику.
Структура
В HTML 5 появился целый ряд новых элементов, которые делают структуру страниц намного проще. Большинство HTML 4 страниц содержат ряд общих структур, например, колонтитулы (шапка и футер страницы) и столбцы, и сегодня это становится уже традицией — выделять их, используя элементы div, присваивая ему класс или id.
Подробнее »
min-width для IE
Всем привет. Достаточно часто во время работы приходиться сталкиваться с необходимостью задать минимальную ширину контейнера жестко. Т.е. все тянется/сужается и ползает, но только до поры до времени.
Все нормальные браузеры (Mozilla Firefox) уже очень и очень давно нормально понимают это свойство и сними проблем не бывает. А вот продукт коллективной творческой работы от МелкоСофта до сих пор работает через жопу не корректно. Поэтому и приходиться постоянно изобретать велосипед при верстке под IE.
Статей описывающих разные способы вправления мозгов ослику написано очень много и я всего лишь хочу поделиться тем способом, которым часто пользуюсь.
Подробнее »
Как сделать заголовок картинкой? Просто.
Кто хоть раз сталкивался с версткой сайта, знает, что связка html+css не так уж проста как кажется на первый взгляд.
Я понимаю, что у каждого верстальщика есть свои секреты решения тех или иных проблем. Но раз уж основной целью этого блога стала попытка вернуть веб-мастеров в лоно стандартов, время от времени я буду публиковать свои «секреты» и решения.
Иногда дизайнерская мысль уходит слишком далеко относительно возможностей реализации, а макет уже принят заказчиком. И надо каким-то образом верстать.
Но как быть когда все или почти все заголовки прорисованы каким-нибудь экзотическим шрифтом?
Все не так страшно, как может показаться на первый взгляд и решение есть.
Тонкости CSS
В данный момент работаю над сайтом «Административной реформы». По замыслу дизайнера слева должны быть красивые вебдванольные кнопочки с текстом разного размера и цвета. Но так как эта конструкция является меню сайта – делать их просто картинками рука не поднимается.
Задача (на примере пункта меню): Сверстать меню без потери текстовых ссылок и замусоривания html-кода.
W3C стандарты
Как бы странно это не выглядело, но подавляющее число веб-мастеров знакомых со спецификацией редко её придерживаются, а чаще просто игнорируют или используют только незначительную часть описанных функций. И я не исключение…
Почему? То, что я слышал в оправдание, да и то как сам оправдывался, пугает своей однообразностью и нежеланием видеть дальше своего носа. Давайте разберемся…
Оправдания обычно звучали следующим образом: «Не все браузеры поддерживают эту спецификацию» — глупость, т.к. спецификация css2 была выпущена в 1998! году…
Я не спорю что Mozilla Firefox и Internet Explorer по разному подходят к интерпретации как html так и css, но есть методы для решения этих проблем (один из них был описан здесь: Полупрозрачность в ИЕ6)
Далее еще один распространенный способ уйти от ответа за свое творение: «Вам же надо было чтобы страница тянулась – вот и получайте» — за такое вообще сразу надо убивать увольнять.
Но как оказалось проблема нерадивых вред-мастеров лежит куда глубже, чем просто не желание следовать стандартам. Так было всегда. И это не шутка.
Немного истории:
Когда интернет зарождался и появлялись первые комерческие сайты html был грубым и скучным. Но сухое представление информации не было интересно ни читателю ни тому кто это все творил. В итоге в html стали добавлять «мусорные тэги» только для того чтобы хоть как-то облагородить внешние вид представляемого текста. Т.е html стал использоваться не для разметки документа а для украшения.
На примерах подобных работ училось огромнейшее количество работающих ныне веб-мастеров. Когда я только начинал изучать html, я находил десятки, сотни статей основной мыслю которых было – «под хвост стандарты – главное чтоб работало». И ведь главное же что работало.
Но (а теперь самое главное) основа кросбраузерности – стандарты.
Не надо забывать, что тэг
служит для выделения абзацев, а не для разбиения строк. А тэг
Аминь.
Полупрозрачность в ИЕ6
Работаю над версткой сайта следственного управления Челябинской области…
Одно из условий это верстка должна быть резиновой. Стандартное требование вроде бы… Проблемы начались сразу…
Дело в том что в «шапке» достаточно много (а именно 4) отдельных элементов, которые должны «плавать» относительно фона и друг друга.
Решение только одно – полупрозрачные .png-картинки…
