TagHTML

CSS grid как замена Flex

В стародавние времена Веб-разработки были популярны портянки текста. Потом кто-то придумал сделать сайдбар. И реализовал его на фреймах, либо на таблицах. Ныне от фреймов остался только <iframe>. А <table> используются только для таблиц (строка-столбец).

В середине нулевых весь Веб начал переходить на блоки («дивы» <div>, даже ходил забавный термин «дивная верстка»). Они обтекали (float) друг друга и таким образом выстраивались в колонки. Данная метода постепенно отмирает.
Continue reading

Разница между <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>.

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

Jade — препроцессор HTML

Пересмотрел свое отношение к препроцессорам HTML вроде HAML, Slim, Jade.
Continue reading

Новый дизайн VK.com 2016

vk.com-2016-html

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

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

<!doctype html>
<html>

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

Как сделать адаптивность для IE8

Для создания адаптивности используются медиа-запросы CSS. Но, как известно, в Internet Explorer 8 они не поддерживаются.

Как я писал ранее, крайне не рекомендуется поддерживать старинные IE вообще. Но любителей Эксплорера в XP по-прежнему больше, чем любителей оного в Windows 7 и 8, что видно по статистике использования.
Так почему бы не сделать поддержку мягкого отказа для IE8 с минимальными трудозатратами?
Continue reading

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

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

Как отключить очистку кода в TinyMCE для MODx

Как всегда решение такой несложной на первый взгляд задачи затянулось на часы.

Итак, как же отключить автоматическое удаление неизвестных TinyMCE тегов?
Для начала нужно сказать, что для MODx Revoluion версия TinyMCE — 3.5.4 (плагина — 4.3.3) и датируется июлем 2012. В то время, как на официальном сайте сейчас можно скачать версии 4.0.26, либо 3.5.11 из третьей ветки.
Не нужно говорить, что за два года многое изменилось. Но для MODx приходится использовать старый плагин.
Continue reading

Что есть HAML

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

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

Переход на HTML5

Посмотрел HTML5.

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

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

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

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