С момента рассказа про пять инструментов произошли, прямо скажем, кардинальные изменения. В целях успокоения совести коротко о новом списке.
Возвращение к корням, ткскть. К табличной верстке тоже, да. А вообще html/css заебал уже, хуета занудная.
Ну и напоследок: макинтош дерьмо, маккеган круче пасториуса, широкова нахер. Всем привет.
→ 17 CommentsTags:-1
В спецификации CSS предусмотрены правила min-width/min-height и max-width/max-height. К сожалению, Internet Explorer поддерживает эти правила только начиная с седьмой версии. Однако, это ограничение можно обойти. [Read more →]
На данном примере мы рассмотрим, как реализовать запрет на обтекание определенного элемента, к которому применено правило float. Нашей задачей является создание анонса новости. [Read more →]
Принимаю эстафету у Ивана Сагалаева.
Пять инструментов, чаще всего используемых в работе. Скриншоты правда с домашней машины.
[Read more →]
Навигация — это то, с чего начинается любой сайт, ведь без нее пользователь просто не сможет им пользоваться. Не удивительно, что мы заострим на ее организации свое внимание.
Представим себе кусочек макета, присланного нам дизайнером. На нем изображено главное меню будущего сайта:
Пункт меню «Обратная связь» показывает поведение при наведении мышкой. [Read more →]
Отрицательные поля, пожалуй, самый мощный инструмент для семантической верстки сложных макетов. Овладеть этой техникой просто необходимо, потому как благодаря ей вы во многих случаях сможете отказаться от таблиц для разметки макета.
Разберем использование отрицательных полей на примере. Мы сверстаем трехколоночный макет с двумя фиксированными боковыми колонками, тянущейся центральной, шапкой и подвалом.
[Read more →]
Одна из ключевых особенностей cемантической валидной верстки — использование правильной блочной модели. Рассмотрим на примере, как она работает.
[Read more →]
В первой версии XSLT самой слабой, пожалуй, остаётся работа со строками.
Наиболее часто проблемы из-за этого возникают с генерацией URL’ов. Допустим, мы имеем страницу с адресом:
http://example.com/index.xml?section=catalog&cat-id=10&item-id=1404&item-unique-key=809124Нам нужно, скажем, сгенерировать три ссылки: на главную страницу категории (cat-id), главную страницу (section) и независимую от категории страницу итема (item-id, item-unique-key).
Способов много, я по-началу даже использовал substring, но потом ради разнообразия включил моск и набросал небольшой шаблончик. Открытием для хоть сколько-то опытных разработчиков он не будет, так что будем считать это очередным self-note. [Read more →]
→ 7 CommentsTags:urls·xml·xslt
При использовании семантической верстки каждый разработчик обязательно столкнется с проблемами кроссбраузерности, для решения которых в большинстве случаев приходится использовать так называемые «хаки». Обычно под этим термином подразумевается особый способ написания селекторов или правил, понимаемый только конкретным браузером. Однако совместимость с CSS в большинстве браузеров уже достигла уровня, при котором следует ограничивать использование «хаков».
Как правило, основным источником неприятностей бывает Internet Explorer. Многообразие ошибок в реализации CSS в браузерах Microsoft удивляет даже самых опытных верстальщиков. В связи с этим возникают ситуации, когда необходимо использовать дополнительные или альтернативные правила для IE. Именно в таких случаях рекомендуется применять «хаки». Если же вам вдруг понадобились альтернативные правила, скажем, только для Firefox, то рекомендуется пересмотреть ваш код, и в 99% случаев вы найдете более элегантное решение.
[Read more →]