Декодирование CSS селекторов: :has(:not) и :not(:has)

#почитать

При комбинировании CSS функций вложенность функций имеет значение. В статье мы рассмотрим разницу между :has(:not) и :not(:has), а также то, как подходить к декодированию CSS селекторов, использующих эти вложенные CSS функции.

⏱Читать статью

Форматирование текста в JavaScript: методы bold(), italics() и другие

#почитать

Когда вы начинаете погружаться в веб-разработку, рано или поздно возникает задача: как программно оформить текст? Представьте, что вам нужно выделить часть текста жирным или курсивом прямо из JavaScript, не прибегая к ручному написанию HTML-тегов. Здесь на помощь приходят встроенные методы строк в JavaScript, такие как bold(), italics() и их менее известные собратья. Эти методы позволяют оборачивать строки в HTML-теги, возвращая новую строку с нужным форматированием. Давайте разберёмся, как они работают, откуда взялись, и стоит ли их использовать в 2025 году.

⏱Читать статью

CSS трансформации и матрица

#почитать

Глубокое погружение в матрицу CSS трансформаций, её взаимосвязь с отдельными свойствами CSS трансформаций, взгляд на скрытые возможности форм функций.

⏱Читать статью

Очереди в TypeScript

#почитать

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

⏱Читать статью

Vite или Webpack: гид по выбору идеального сборщика

#почитать

Сегодня мы разберем два популярных инструмента для сборки фронтенд-проектов – Vite и Webpack. Оба помогают разработчикам упростить работу, но используют принципиально разные подходы.

Vite делает ставку на мгновенную скорость разработки благодаря native ESM и минимальным настройкам. Он идеально подходит для современных проектов, где важны быстрый старт и горячая перезагрузка.

Webpack остаётся мощным и гибким инструментом с огромной экосистемой плагинов. Он позволяет тонко настраивать сборку под любые требования, но за это приходится платить более сложной конфигурацией.

⏱Читать статью

Уменьшение сложности CSS с псевдоклассом :is()

#почитать

Недавно появился повод воспользоваться новым псевдоклассом CSS :is(), и он превосходен! Хочу рассказать, как с его помощью можно значительно уменьшить сложность селекторов.

⏱Читать статью

Понимание рекурсии в JavaScript

#почитать

Разберитесь в рекурсии на примерах и узнайте, как использовать рекурсивные функции в JavaScript.

⏱Читать статью

Создание работающей сегодня плиточной разметки типа Masonry

#почитать

Как то возник вопрос, как сделать плиточную раскладку (типа Masonry), которая работала бы во всех браузерах? Ответ был найден. И это заняло всего 66 строк кода JavaScript.

⏱Читать статью

Освоение Git: от основных основ до эффективной интеграции с Claude Code

#почитать

Git как краеугольный камень современной разработки программного обеспечения эффективно управляет версиями проектов и особенно хорошо справляется со сложными сценариями совместной работы нескольких разработчиков.

А Claude Code, как передовой инструмент AI-программирования, не только полностью совместим с рабочими процессами Git, но и благодаря глубокой интеграции предоставляет разработчикам беспрецедентную автоматизацию и удобство.

⏱Читать статью

Оптимизируй фронтенд: 24 проверенных способа

#почитать

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

⏱Читать статью

Не раздражающая валидация формы: CSS :user-valid и :user-invalid

#почитать

Новые псевдоклассы :user-valid и :user-invalid предоставляют более умный способ стилизации состояния валидности формы в зависимости от действия пользователя.

⏱Читать статью

🪐 Новые вакансии фронтендеров


🚀 Lead Frontend Developer (с функциями системного аналитика) в Senior Soft, до 290 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/lead-frontend-developer-s-funkciyami-sistemnogo-analitika-senior-soft-3dc5daf0

🚀 Frontend-разработчик в Human Help, до 80 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/frontend-razrabotchik-human-help-b324db4a

🚀 React Frontend Developer в Ziphy, до 390 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/react-frontend-developer-ziphy-6e7ee0e9

🚀 Angular-разработчик в ИП, 285 000 - 335 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/angular-razrabotchik-nda-cc42d977

🚀 HTML-верстальщик в NDA (веб), 50 000 - 60 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/html-verstalshik-nda-veb-228edc88

🚀 Fullstack-разработчик в DataNest, 200 000 - 280 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/fullstack-razrabotchik-datanest-7c4cf183

🚀 Разработчик (PHP/Symfony/Angular/Node.js) в Core12, 150 000 - 250 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/razrabotchik-phpsymfonyangularnodejs-core12-e074ee3d

🚀 Дизайнер интерфейсов в Vondo, до 120 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/dizajner-interfejsov-vondo-04cca7d0

🚀 Fullstack PHP JS в IT-компания (Сколково), 250 000 - 300 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/fullstack-php-js-it-kompaniya-7830d561

🚀 Frontend Developer в Infomediji, 380 000 - 570 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/frontend-developer-infomediji-9d262255

🚀 UI Lead Designer в NDA (продуктовый стартап на Кипре), oт 380 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/ui-lead-designer-nda-produktovyj-startap-na-kipre-79327b83

🚀 Frontend-разработчик в HR-tech проект, 300 000 - 400 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/frontend-razrabotchik-hr-tech-proekt-867f27bb

🚀 React-разработчик (контракт), oт 80 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/react-razrabotchik-proekt-0b417d4e

🚀 AI-Native Fullstack Developer (React Native) в Unimatch Lab, oт 300 000 ₽
Подробнее ➡️
https://jobrocket.ru/job/ai-native-fullstack-developer-react-native-unimatch-lab-faa3acf2


Больше вакансий frontend здесь ⤵️
https://jobrocket.ru/?categories=frontend

Как работает navigator.credentials: API для входа без пароля

#почитать

navigator.credentials — это интерфейс Web Authentication API, который позволяет браузеру управлять учётными данными пользователя. С его помощью можно безопасно получать, сохранять и автоматически подставлять данные для входа: пароли, токены или ключи. Это делает процесс аутентификации проще и безопаснее — особенно на сайтах, где важен пользовательский опыт и скорость входа.

⏱Читать статью

Проблемы преобразования значений в строки в JavaScript

#почитать

Руководство по преобразованию значений в строки в JavaScript: сравнение 5 методов, работа с объектами и JSON.stringify(), практические примеры и лучшие практики.

⏱Читать статью

CSS Anchor Positioning API

#почитать

В статье вы узнаете как теперь без использования библиотек можно создавать tooltip'ы, контекстные меню, индикаторы и другие элементы UI, которым необходима якорная связка.

⏱Читать статью

Error.isError(): Лучший способ проверки типов ошибки в JavaScript

#почитать

Руководство по новому методу Error.isError() в JavaScript: почему он лучше instanceof, как решает проблемы кросс-контекстных ошибок и типизации в TypeScript.

⏱Читать статью

CSS-селекторы. Шпаргалка для новичков

#почитать

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

⏱Читать статью

«Выпилить бы это все»: элементы веба, от которых разработчики хотят избавиться

#почитать

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

⏱Читать статью

ECMAScript 2025: Что нового

#почитать

25 июня 2025 года 129-я Генеральная ассамблея Ecma утвердила спецификацию языка ECMAScript 2025, а это значит, что теперь он официально стал стандартом.

⏱Читать статью

Как использовать cause для более понятной обработки ошибок в JavaScript

#почитать

Новое свойство cause в объекте error позволяет узнать исходную причину сбоя и облегчить отладку, особенно при повторении ошибок. Оно помогает выстроить цепочку событий и лучше понимать, где возникла проблема.

⏱Читать статью

Что следует избегать в JavaScript

#почитать

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

⏱Читать статью