👩‍💻 CSS-only Custom range slider

Интересный слайдер с динамичным отображением. Сделан на чистом CSS.

Открыть код...

👩‍💻 VS Code на максималках: 15 крутых расширений для фронтендера

Собрали для вас 15 плагинов, которые облегчат жизнь веб-разработчику. Тут всё: от работы с HTML до интеграции с Figma и Docker.

Читать...

👩‍💻 Как реализовать feature gate в React

Предлагаем доступное руководство по реализации feature gate. Этот простой, но мощный механизм позволит легко управлять выпуском новых функций.

Читать...

👩‍💻 Как инженеру-программисту Reactjs перейти на Swift и SwiftUI

Узнаем, как плавно перейти с ReactJS на Swift и SwiftUI. Для этого сопоставим их наиболее распространенные шаблоны проектирования.

Читать...

👩‍💻 Text-Animation-test

Простая сцена с анимированным текстом. Сделан на чистом CSS.

Открыть код...

👩‍💻 Введение в Page Visibility API

Познакомимся с Page Visibility API, рассмотрим его назначение, принцип работы, область применения и практические примеры.

Читать...

🔝 Самые интересные статьи за последние дни:

• Как я стал сертифицированным разработчиком Vue.js: вся правда об экзамене

• Pipelining & Composing: улучшаем читаемость кода. Реализация на TypeScript

• Что почитать начинающим разработчикам: подборка книг по JavaScript

• Создание полного Fast-API сервиса с фронтендом и деплоем за полчаса

• ХрюХрюКар: как перестать беспокоиться, начать создавать сервисы и обзавестись друзьями

👩‍💻 Учебник по JavaScript: работа с объектами

Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.

Читать...

👩‍💻 Полезная шпаргалка по хукам в React

Хуки — это функции, которые позволяют легко управлять состоянием компонентов в React. Новички смогут быстрее понять, как всё работает, а опытные разработчики смогут закрыть свои вопросы.

Читать...

👀 Прочтите это, если планируете работать с Next.js

В статье разбирается, почему выбор Next.js как основы для проекта может обернуться ловушкой зависимости от Vercel, несмотря на его опенсорсную оболочку. Рассматриваются последствия и реальные ограничения.

Читать...

🔎 Подборка вакансий для джунов

​​Middle Frontend Developer
🟢TypeScript, React, Next.js, MUI, CSS-in-JS
🟢от 250 000 ₽ | 1–3 года​

Frontend developer (React)
🟢JavaScript, React.js, Redux, TypeScript, CSS Modules, REST API
🟢Уровень дохода не указан | 1–3 года​

Frontend разработчик (Junior/Middle)
🟢JavaScript, TypeScript, React
🟢Уровень дохода не указан | 1–3 года

⚙️ Скрываем без JavaScript элементы, требующие JavaScript

Автор делится способом спрятать JS-зависимые элементы, если скрипты отключены. Без костылей и стыда — всего пара строк CSS решают проблему красиво. Даже кнопка "Поделиться" теперь без стресса.

Читать...

⚙️ Адаптивная вёрстка с учётом размера шрифта пользователя и брейкпоинты

Автор размышляет, как правильно подбирать брейкпоинты для адаптива, делится выводами из личной практики и пересобирает Bootstrap с новыми подходами. Полезно всем, кто пишет под любые экраны.

Читать...

👩‍💻 Обзор курса “Полное введение в React” от Frontend Masters

Стоит ли тратить время и деньги на изучение курса “Полное введение в React, v8” от Frontend Masters? Ответить на этот вопрос поможет подробный обзор курса с оценкой его содержания, структуры, подхода к обучению и результатов, которых можно достигнуть.

Читать...

👩‍💻 3D wave animation

Анимированная галерея с эффектом волны. Сделана на чистом CSS.

Открыть код...

➡️ 5 стратегий рендеринга веб-страниц: как выжать максимум из вашего сайта

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

Читать...

👩‍💻 7 GitHub-проектов, которые нужны каждому JavaScript-разработчику

Прокачиваем свои навыки в JavaScript с этими семью топовыми репозиториями на GitHub.

Читать...

⚙️ Шаблоны рендеринга Next JS: полное руководство

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

Читать...

🌀 Работай с хаосом через ритуалы

Большие проекты — это всегда немного хаос. Новые задачи, баги, срочные фичи.

👉 Совет: выработай ритуал начала и завершения дня. Например, утренний просмотр бэклога и вечерняя фиксация итогов и мыслей в заметках. Это создаёт ощущение контроля даже в самых нестабильных проектах.

👩‍💻 Приложение для прогноза погоды на Vue JS

В данной статье описывается созданный Vue JS проект для извлечения данных о погоде на основе местоположения, которое задает пользователь.

Читать...

❓ Фронтенд-разработка: чем занимаются и сколько зарабатывают специалисты

Профессия фронтенд-разработчика сейчас в числе самых востребованных в IT. Разбираем базовые вопросы для тех, кто планирует стать фронтенд-разработчиком.

Читать...