HTML

  • ХабрахабрФото Деплоим сайт в облако за рубль в месяц

    Деплоим сайт в облако за рубль в месяц

    Как часто бывает: делаешь pet-проект, разрабатываешь фронтенд лендинга, а потом понимаешь, что это нужно протестировать. Посмотреть, как отображается страница на разных устройствах, чтобы корректно ее адаптировать. Ведь не всегда DevTools отражают «полную картину». Может быть и другой сценарий. Порой нужно опубликовать в интернете страничку, например, с примерами работ по фотографии или дизайну. В подобных ситуациях есть статистические HTML-страницы, которые должны…

    Читать далее »
  • ХабрахабрФото Костыли из 90-х и принцип HTML First

    Костыли из 90-х и принцип HTML First

    Кадр из презентации Frontmania 2022: Kilian Valkhof — Stop using JavaScript for that Недавно на Хабре публиковался перевод статьи «Вам не нужен для этого JavaScript» с примерами, где код JS легко заменить на HTML. На самом деле возврат к основам HTML, простым сайтам и читаемому коду без сложных фреймворков — довольно популярная идея. Сейчас всё больше сайтов создаётся по принципу HTML…

    Читать далее »
  • ХабрахабрФото HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 6

    HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 6

    Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке. Сегодня мы рассмотрим следующие аспекты: Какие символы нужно пропускать в тексте для атрибута alt. В какой ситуации атрибут inert может быть…

    Читать далее »
  • ХабрахабрФото [Перевод] Не стоит недооценивать HTML

    [Перевод] Не стоит недооценивать HTML

    «HTML – это просто», «Разрабатывать фронтенд проще, чем бэкенд», «После реализации бэкенда обновление UI не должно составлять труда», – за время работы в сфере веб-разработки вокруг меня то и дело звучали эти и другие аналогичные утверждения. И очень часто они вызывали у меня грусть. Дело в том, что бо́льшую часть времени я проводила за написанием фронтенда, включая работу с HTML,…

    Читать далее »
  • ХабрахабрФото HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 5

    HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 5

    Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке. Сегодня мы рассмотрим следующие аспекты: Какое количество символов следует использовать для текста подсказки для атрибута alt; В чём польза атрибута lang;…

    Читать далее »
  • ХабрахабрФото Прокачиваем вёрстку ARIA-атрибутами. Атрибут aria-hidden

    Прокачиваем вёрстку ARIA-атрибутами. Атрибут aria-hidden

    Хабр, я рассказал вам, как создавать подсказки с помощью атрибута aria-label. Это отличный шаг к классному опыту для пользователей скринридера. А сегодня сделаем второй — мы научимся правильно скрывать элементы. Встречайте, атрибут aria-hidden. ▍ Что это такое? О проблеме доступности цифровых интерфейсов задумались относительно недавно. Лично я изучаю её с 2016 года. А интерфейсы же проектировали ещё в 90-х годах.…

    Читать далее »
  • ХабрахабрФото HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 4

    HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 4

    Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке. Мы уже написали первую, вторую и третью часть. Как думаете, нужно ли уже делать отдельный хэштег? Сегодня мы рассмотрим следующие аспекты:…

    Читать далее »
  • ХабрахабрФото Nota, Typst и Evidence. Языки программирования для генерации документов

    Nota, Typst и Evidence. Языки программирования для генерации документов

    Все настолько привыкли к Markdown, что считают его неким стандартом для оформления документов в вебе. Но это не конечная истина, высеченная на камне, а просто популярный язык разметки, как HTML и TeX. В то же время появляется всё больше новых языков, которые позиционируют себя как замену, альтернативу или дополнение к Markdown и TeX. В некоторых случаях они включают функции программирования,…

    Читать далее »
  • ХабрахабрФото [Перевод] Вам не нужен для этого JavaScript

    [Перевод] Вам не нужен для этого JavaScript

    Прошу вас не возмущаться названием статьи. Я не ненавижу JavaScript, я люблю его. Ежедневно я пишу на нём кучу кода. Но ещё я люблю CSS и даже люблю JSX HTML. Я люблю все эти три технологии по причине, которая называется… ▍ Правило наименьших полномочий Это один из базовых принципов веб-разработки, означающий, что следует выбирать наименее мощный язык, подходящий для решения…

    Читать далее »
  • ХабрахабрФото Интересные трюки HTML. Экстремальный минимализм

    Интересные трюки HTML. Экстремальный минимализм

    Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС. Но стремление к минимизации может пойти дальше, если вы хотите поместить весь сайт в адресную строку браузера. А с помощью сокращателя ссылок даже большой сайт сжимается до восьми байт.…

    Читать далее »


Кнопка «Наверх»