Made in HTML/CSS

HTML и CSS осенью 2025. Эти новые фичи я рекомендую изучить прямо сейчас

Общаясь с фронтендерами, я заметил, что многие не знают новые классные возможности HTML и CSS. Мне от этого грустно. Надо это исправлять!
Я подумал и составил список, состоящий из наиболее рекомендуемых мной новых фишек. Они поддерживаются в большинстве современных браузеров. Решают старые проблемы. Упрощают разработчикам жизнь. В общем суперполезные!

🌐 Читать статью

Made in HTML/CSS

Yarn (Yet Another Resource Negotiator) - это быстрый, надежный и безопасный менеджер пакетов для JavaScript, разработанный компанией Facebook в сотрудничестве с Google, Exponent и Tilde.

Made in HTML/CSS

HTML- и CSS-советы для джуниор фронтенд-разработчиков

В целом можно найти очень классные статьи, видео и бесплатные курсы. Но и мне есть что сказать!
Я собрал несколько советов. По моей задумке, если вы обратите внимание на эти аспекты, то ваш код будет лучше.

Автор данной статьи делится своим огромным опытом, для того чтобы вы смогли улучшить свой проект, демонстрируя реальные решения с кодом.

🌐 Читать статью

Made in HTML/CSS

В чем разница между typeof и instanceof?

typeof — это оператор, который возвращает строку, указывающую примитивный тип переменной. Он хорош для проверки простых типов: string, number, boolean, undefined, symbol, bigint, а также для выявления function и ловушки — object (или null).

instanceof — это оператор, который проверяет, присутствует ли в цепочке прототипов объекта определенный конструктор (класс). Он используется для проверки сложных типов (объектов, массивов, созданных классов).

Made in HTML/CSS

EnjoyCSS — это мощный онлайн-генератор кода для современных CSS3-эффектов и элементов пользовательского интерфейса (UI). Его главная идея — позволить дизайнерам и фронтенд-разработчикам быстро создавать визуально привлекательные компоненты без необходимости вручную писать сложный CSS-код

Made in HTML/CSS

Что такое SEO?

SEO (Search Engine Optimization) — это комплекс мер по оптимизации сайта для повышения его видимости в результатах выдачи поисковых систем (Google, Яндекс, Bing и др.) по определенным запросам пользователей.

Проще говоря, это процесс, который помогает вашему сайту занять как можно более высокие позиции в поиске.

Если у вас есть сайт, то он должен решать какую-то задачу: продавать товары, привлекать клиентов, информировать людей, развлекать и т.д. Но сайт не принесет пользы, если его никто не найдет. SEO нужно именно для того, чтобы ваш сайт находили нужные люди.

Made in HTML/CSS

esbuild — это невероятно быстрый сборщик (bundler) и минификатор (minifier) для JavaScript и TypeScript кода. Его главная и единственная цель — максимально быстро преобразовать ваш исходный код в готовые для браузера файлы.

Представьте, что у вас есть десятки или сотни модулей (.js, .ts, .jsx, .tsx файлов), библиотек из node_modules, CSS и изображений. esbuild берет весь этот "строительный материал" и:
- Объединяет (bundles) его в один или несколько оптимизированных JavaScript-файлов.
- Транспилирует современный JS/TS в код, понятный старым браузерам.
- Сжимает и минифицирует результат, удаляя все лишнее (комментарии, пробелы, переименовывая переменные в короткие имена).
- Разрешает зависимости и импорты между файлами.

Made in HTML/CSS

Coolify — это open-source, самохостируемая альтернатива таким сервисам, как Heroku, Netlify или Vercel. Проще говоря, это платформа для развертывания (деплоя) и управления вашими веб-приложениями, базами данных и сервисами на вашем собственном сервере.

Если вы разработчик и хотите запустить свой сайт или приложение в интернете, вам нужен сервер. Coolify позволяет превратить любой сервер (ваш домашний компьютер, VPS от DigitalOcean, Hetzner, AWS и т.д.) в мощную платформу для развертывания с минимальными усилиями.

Made in HTML/CSS

Что такое JWT?

JSON Web Token (JWT) — открытый стандарт (RFC 7519) для создания токенов доступа, основанный на формате JSON. Обычно JWT используется для передачи данных после аутентификации в клиент-серверных приложениях.

Преимущества:
- Бессессионность — не требуется хранение сессий на сервере, так как вся необходимая информация содержится в самом токене.
- Кросс-доменное взаимодействие — JWT облегчает предоставление одновременного доступа к различным доменам и сервисам, что полезно в микросервисных архитектурах.
- Децентрализованная проверка — любой сервис, имеющий доступ к секретному ключу или публичному ключу (в случае асимметричного шифрования), может проверить токены без обращения к центральному серверу аутентификации.

Made in HTML/CSS

Как создать дизайн-систему для сайта, если ты не дизайнер

Столкнувшись с хаосом в интерфейсах и постоянными правками, я решила изучить, как можно организовать процесс создания дизайн-системы самостоятельно. Результат вы видите в этой статье. Очень надеюсь, что описанные правила помогут вам сделать первые шаги в создании дизайна для вашего проекта.

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

🌐 Читать статью

Made in HTML/CSS