[Перевод] 58 байтов CSS, которые выглядят красиво почти где угодно

При создании своего веб-сайта я хотел найти простой и разумный способ сделать его красивым на большинстве дисплеев. Для моих задач подошли следующие 58 байтов: main { max-width: 38rem; padding: 2rem;

читать далее

Универсальная функция JS по определению хитбоксов у HTML блоков

HitBox — это чаще всего невидимая область или группа областей, которая помогает обнаруживать коснулся ли объект другого объекта, у которого тоже есть свой хитбокс. В HTML страницах изначально нет

читать далее

Книга «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 6-е изд.»

Хорошего дня, Хаброжители! Новое издание бестселлера описывает как клиентские, так и серверные аспекты веб-разработки. Книга, наполненная ценными практическими советами и подробным теоретическим

читать далее

[Перевод] Провал Tailwind, инструмента для невежд

Привет, Хабр! Не так давно в нашем блоге вышел перевод статьи «Взлет и падение Bootstrap». Как указали в комментариях наши читатели, вскоре после публикации оригинального материала на Medium, на том

читать далее

[Перевод] Стили заголовков в CSS: картинки, тени, анимации

Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В прошлый раз мы перевели статью о градиентах, теперь предлагаем рассмотреть ещё несколько фишек. Читать далее

читать далее

Игра Жизнь — клеточный автомат на HTML

Игра Жизнь - это клеточный автомат созданный в 1970 году Джоном Конвеем. Это не совсем игра, а просто симуляция клеток по определенным правилам.От игрока лишь требуется размещать эти клетки. В этом

читать далее

Генератор коротких CSS классов и id

Одним днем возникла необходимость добавить в проект генерацию коротких css классов и id элементов в html верстке. Основные причины были следующие: * Усложнить жизнь парсерам и блокировщикам рекламы

читать далее

Webpack + CSS Modules + TS = Love

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

читать далее

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

Подготовили для вас подборку бесплатных курсов и тренажеров обучения для веб-разработке с нуля. Также на нашем сайте есть раздел со всеми платными курсами по web-разработке и отзывами о них —

читать далее

Микроразметка schema.org в каждой публикации на DLE

Добавлем шаблон микроразметки в каждую новость на DLE. Подключаем отдельный файл шаблона, для этого нужно добавить в шаблон полной новости fullstory.tpl следующий код: {include

читать далее

Как достичь производительного рендеринга в браузере

Один великий китайский философ сказал: «каждый разработчик должен понимать, как исполняется его программа». Что ж, давайте разбираться. Говорить будем про рендеринг и его производительность. Меня

читать далее

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

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

читать далее