Webpack + CSS Modules + TS = Love

Webpack + CSS Modules + TS = Love

Сказ про то, как повысить надежность фронтенда с помощью CSS Modules, TypeScript и Webpack. Читать далее

Подробнее
On-Demand ISR в Next.js или как эффективно обновлять статический контент на сайте, поступающий из CMS или админки

On-Demand ISR в Next.js или как эффективно обновлять статический контент на сайте, поступающий из CMS или админки

В этой статье я расскажу, как и для чего, на одном из своих проектов, мы прикрутили новую возможность Next.js – On-Demand ISR (инкрементная статическая регенерация по запросу). Читать далее

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

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

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

Подробнее
[recovery mode] Добавление масштабирования при ширине экрана менее чем body min-width в Firefox и Safari

[recovery mode] Добавление масштабирования при ширине экрана менее чем body min-width в Firefox и Safari

В этом мини туториале я расскажу вам о том, как решить проблему отсутствия масштабирование страницы при ширине экрана меньше чем body min-width в браузерах Firefox и Safari, с помощью функции, решающей эту проблему. Читать далее

Подробнее
HTML, CSS: важен ли порядок названий классов CSS в атрибуте «class» HTML-элементов

HTML, CSS: важен ли порядок названий классов CSS в атрибуте «class» HTML-элементов

Если поменять порядок названий классов CSS в атрибуте «class» HTML-элемента, то поменяется ли отображение HTML-страницы в браузере? Точно не поменяется? Или точно поменяется? А, может быть, есть нюансы? Давайте попробуем разобраться. Для этого я загляну в действующий стандарт языка HTML, буду на основании определений из этого стандарта делать выводы и проверять их на практических примерах. Читать далее

Подробнее
ESM. Выходим за рамки

ESM. Выходим за рамки

Итак, работая над... ну не знаю... каким-нибудь замечательным генератором статики, вы, возможно, захотите импортировать в свой код зависимости напрямую из текстовых файлов, таких как: HTML, MD, CSS, SVG или JSON. Конечно, можно использовать бандлер с соответствующим лоадером. Но, допустим, ваш кодекс самурая велит вам - никаких лишних npm install xxx и промежуточных билдов! Только хардкор! Что делать? Выход есть. Читать далее

Подробнее
Кто-нибудь, объясните мне прелесть tailwind

Кто-нибудь, объясните мне прелесть tailwind

Я честно пытаюсь понять идею tailwind, читаю официальную документацию и в преимуществах вижу полную ересь: Разобраться

Подробнее
HTML, CSS: какие символы можно использовать в названиях классов CSS

HTML, CSS: какие символы можно использовать в названиях классов CSS

При разборе кода HTML-страницы возникает вопрос: какие символы можно использовать в названиях классов CSS? Например, можно ли названия классов писать по-русски? Или китайскими иероглифами? Или с помощью эмодзи? В этой статье я разбираю этот вопрос со ссылками на действующие стандарты HTML и CSS, даю ответы, привожу примеры с проверкой соответствующими валидаторами. Читать далее

Подробнее
Заметка о полезных возможностях современного CSS

Заметка о полезных возможностях современного CSS

Привет, друзья! В данной заметке я расскажу вам о некоторых полезных возможностях, предоставляемых современным CSS. Также мы немного поговорим о полезных "фичах", которые ждут нас в ближайшие 2 года. "Полезный" означает, что я либо часто использую фичу в своих проектах, либо с нетерпением жду такой возможности. Читать дальше →

Подробнее
Не реактом единым: что полезно знать современному фронтенд-разработчику

Не реактом единым: что полезно знать современному фронтенд-разработчику

Браузерная разработка — одна из самых старых и при этом динамично развивающихся отраслей IT-индустрии. Востребованность и зарплаты разработчиков веб-приложений — фронтенд-разработчиков, только растут, но вместе с тем растут и ожидания от них. У этого есть простая причина: предметная область, ее глубина и количество нюансов — запредельно объемны, и они требуют постоянного обновления собственных знаний. Разработчик и консультант Александр Усков рассказывает про различные аспекты…

Подробнее
Центрируй, властвуй, располагай

Центрируй, властвуй, располагай

Всем привет, с вами Кирилл Мыльников, frontend разработчик компании Usetech. Сегодня я хочу рассказать о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets). В сети есть много статей на эту тему, но я хочу выделить все виды горизонтального и вертикального центрирования с примерами. Тема довольно популярная для тех, кто просто верстает или занимается полноценной frontend-разработкой (ведь нам всегда нужно что-то центрировать). Существует множество способов, как…

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

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

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

Подробнее