Исследование: в 2024 году только 0,5% из топ-200 веб-сайтов мира используют валидный HTML

Исследование: в 2024 году только 0,5% из топ-200 веб-сайтов мира используют валидный HTML

Фронтенд-инженер, бывший сотрудник Google и Miro Йенс Оливер Мейерт провёл исследование, которое показало, что 199 из 200 самых популярных веб-сайтов используют неработающий HTML. Читать далее

Подробнее
Полный гайд по CSS Flexbox с примерами из практики

Полный гайд по CSS Flexbox с примерами из практики

Привет! Сегодня мы поговорим про flexbox в css. Это очень важная тема, в которой должен разбираться каждый фронтенд-разработчик или верстальщик. Я покажу вам как flexbox работает на реальных примерах. А в конце статьи покажу лайфхаки, которыми сам постоянно пользуюсь на работе. Читать далее

Подробнее
[Перевод] Дебаты по Tailwind CSS: ещё один классный инструмент, отвергнутый веб-разработчиками

[Перевод] Дебаты по Tailwind CSS: ещё один классный инструмент, отвергнутый веб-разработчиками

Tailwind CSS — как фреймворк для разработчиков довольно прост в понимании. По сути, он позволяет вам встраивать код CSS в ваш HTML код. Чтобы, как говорится в слогане Tailwind: «быстро создавать современные веб‑сайты, не покидая HTML». Таким образом, это избавляет разработчиков от необходимости контекстно переключаться с HTML на таблицу стилей CSS. Собственная документация Tailwind указывает на распространенное возражение против такого подхода: «разве это не просто встроенные стили?» Те…

Подробнее
Webpack. Создание WebP вместе с Jpeg и Png

Webpack. Создание WebP вместе с Jpeg и Png

Как вы знаете, формат изображений WebP в большинстве случаев имеет меньший вес, по сравнению со своими братьями: png и jpeg. Поэтому использовать его в своих приложениях - это хорошая практика. Читать далее

Подробнее
Топ-25 бесплатных курсов веб-разработчика 2022 года

Топ-25 бесплатных курсов веб-разработчика 2022 года

Подготовили для вас подборку бесплатных курсов и тренажеров обучения для веб-разработке с нуля. Также на нашем сайте есть раздел со всеми платными курсами по web-разработке и отзывами о них — https://katalog-kursov.ru/courses/kursy_po_web_razrabotke/ Для начинающих, не надо проходить сразу все курсы) Выберете внимательно какой вам больше подходит и начните его проходить. Читать далее

Подробнее
[Перевод] Итак, на дворе 1997-ой год, и вы хотите создать веб-сайт

[Перевод] Итак, на дворе 1997-ой год, и вы хотите создать веб-сайт

И так вы оказались в 1997 году и вам нужно создать веб-сайт. Какие ваши действия и как вы будете это делать? Читать...

Подробнее
[Перевод] HTML5 и алгоритм разметки документов

[Перевод] HTML5 и алгоритм разметки документов

Все мы уже знаем, что для создания веб-сайтов лучше всего использовать HTML5. Сейчас мы обсудим то, как правильно использовать HTML5. Одной из важных частей HTML5, которую до сих пор не все понимают, является разделение содержимого на разделы: section, article, aside и nav. Чтобы понять разделение содержимого, нам нужно понять алгоритм разметки документа. Понимание алгоритма структурирования документа может оказаться непростой задачей, но оно того стоит. Вы больше не будете ломать голову

Подробнее
Убираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объем кода

Убираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объем кода

htmx — инструмент для создания сложных и интерактивных веб-приложений на HTML, альтернатива клиентскому рендерингу на Javascript. В этой статье рассказываем, как библиотека помогает переиспользовать элементы на сервере, сократить объем кода на Javascript и отказаться от сборки. Читать далее

Подробнее
SEO-friendly HTML для верстальщика

SEO-friendly HTML для верстальщика

В этой статье не будет подробного разбора всех аспектов SEO-friendly сайта. Я собрал здесь лишь тот объем информации, с которым мне необходимо было познакомиться для решения SEO-задач в компании ВсеИнструменты. Читать далее

Подробнее
Хватить это верстать дважды или 2-х сторонняя связь между дизайном и кодом

Хватить это верстать дважды или 2-х сторонняя связь между дизайном и кодом

Как "подружить" дизайнера и инженера? Как дать им работать с одними и теме же данным, без ущерба продуктивности? Как хранить дизайн в системе контроля версий. Если вас интересуют эти вопросы, в такой же степени как и меня, то добро пожаловать под кат! Читать дальше →

Подробнее
Хватит это верстать, ударим автоматизацией по макетам

Хватит это верстать, ударим автоматизацией по макетам

А Вас не посещала мысль, что вёрстка руками — это долго, дорого, избыточно и устарело? Меня вот постоянно. В данной статье я поверхностно затрону текущее состояние индустрии, проблематики и поделюсь результатами своих исследований. Интересно? Добро пожаловать под кат! Читать дальше →

Подробнее