TagHTML5

Разница между <i>, <em>, <strong> и <b> в HTML5

  • Используйте <em> чтобы обозначить акцент или ударение (emphasis or stress).
  • Используйте <strong> чтобы обозначить важность (importance).
  • Используйте <mark> чтобы обозначить значимость (relevance).
  • Используйте <cite> чтобы разметить имя работы, например книги, игры или песни (book, play, or song).
  • Используйте <dfn> чтобы разметить определение термина. (the defining instance of a term).
  • Тег <b> не передает семантического значения, используйте его только в тех случаях, когда другие теги не походят. Тоже самое относится к <i>.

Заметка двухгодичной давности, но многие разработчики до сих пор не понимают разницы.

Как начать использовать SVG прямо сейчас

Довольно часто сталкиваюсь с проектами, где для оформления элементов дизайна страниц неразумные разработчики все еще используют растровые изображения. Шел 15-й год XXI века, а мы по-прежнему видим тяжеловесный растр вместо средств CSS и вектора в SVG. Ретина-дисплей? — Нет, не слышал. Стала очевидна необходимость еще раз разжевать что такое SVG и почему его нужно использовать.

Continue reading

Настройка DOCTYPE для Dreamweaver CC 2015

Вышел новый Dreamweaver CC 2015, с чем вас и поздравляю.
В связи с этим появилась потребность изменить шаблон HTML-документа в DW. По-умолчанию для html5 он выглядит так:

<!doctype html>
<html>

Вроде все хорошо, но doctype написан строчными буквами. Это не ошибка, но досадная неточность. Плюс не задан язык документа в теге html, в моем случае 90% документов создается на русском, поэтому укажем его в качестве языка документа:
Continue reading

Тест браузеров под Android (2014)

В тесте участвовали: встроенный браузер с незатейливым названием «Интернет» (4.2.2), и последние версии Firefox, Chrome, Opera и Dolphin для Android.
Continue reading

Что есть HAML

Наткнулся на такую штуку, как HAML — препроцессор для HTML. Точнее изначально для XHTML.

Мне интересно, насколько ленивой жопой нужно быть, чтобы начать его использовать (см. код ниже). Если раньше нужно было закрывать все теги вручную, то сейчас практически любой редактор кода это делает автоматически. Разобраться со вложенностью тегов новичку все-равно рано или поздно придется. Поэтому вовсе непонятно стремление так «упростить» свою работу.
Continue reading

Переход на HTML5

Посмотрел HTML5.

Что касается тегов — выкинуты уродские font’ы big’и и center’ы, используемые дилетантами.

Но XHTML отныне не поддерживается, то есть теги с закрывающим слешем сливаются в один, а не означают реальное закрытие. Есть способ сделать XML, но его не кушает валидатор.

Успешным сейчас считается человек, штампующий какашки. В пизженной блестящей обертке, конечно.
И даже высказывают свое фи чистому коду, говоря что их говнокод и так работает (подход бывших «дизигнеров» и школьников).

UPD (2014): на момент написания поста, безболезненный переход на HTML5 уже стал реальностью. А сегодня он дефакто является стандартом. Уже уходит со сцены Windows XP, с его 6-м IE по-умолчанию, обновить «Осла» можно максимум до 8-й версии. Уходят в прошлое и вендорные префиксы, теперь если что-то не работает, это уже проблема браузера, а не девелопера.