Статьи
CSS @import: Плюсы и минусы
Импортирование CSS в каскадный слой. Условный импорт CSS с помощью запросов@supports
и медиа запросов. @import
vs <link>
Не раздражающая валидация формы: CSS :user-valid и :user-invalid
Новые псевдоклассы:user-valid
и :user-invalid
предоставляют более умный способ стилизации состояния валидности формы в зависимости от действия пользователя.align-content: Простой способ выравнивания по центру с CSS
Наконец, можно центрировать/выравнивать по центу содержимое блочных макетов, не прибегая к flexbox гимнастикеHTML элемент details: Встроенный аккордеон, который вы не используете
Узнайте, как HTML элемент<details>
может заменить JavaScript аккордеоны и почему он может быть лучше, чем ваше текущее решение.navigator.clipboard — Новый асинхронный Clipboard API в JavaScript
Копирование и вставка текста, изображений и файлов с помощью нового APInavigator.clipboard
CSS @supports
Определение поддержки возможностей CSS и обеспечение интеллектуального отката с помощью@supports
CSS единицы измерения: lh и rlh
Изучение новых относительных единиц измерения CSS основанных на высоте строки и позволяющих отказаться от угадывания вертикального ритма.HTML элемент search
HTML-элементsearch
— это контейнер, представляющий части веб-страницы с функциональностью поиска.Работа с JavaScript Scheduler API
Откройте для себя возможности управления приоритетами и контроля выполнения задач в JavaScript с помощью нового Scheduler API. Новый подход поможет вам стать более продуктивными и эффективными в своей работе.CSS content-visibility: Улучшение производительности веб-сайтов
CSS свойствоcontent-visibility
откладывает рендеринг элемента, включая компоновку и отрисовку, до тех пор, пока он не понадобитсяCSS :has() — Псевдокласс, который давно ждали
Преобразуйте свой CSS с помощью псевдокласса:has()
, позволяющего стилизовать элементы на основе их дочерних элементов.JavaScript Set и Map: За пределами массивов и объектов
Как эффективно обрабатывать уникальные значения и пары ключ-значение, избегая принудительного приведения типов и потери производительности?Кнопки с несколькими состояниями
Как правило, кнопки либо нажаты, либо нет. Но при условии, что обеспечена доступность, можно сделать группу радиокнопок внешне похожей на кнопку с несколькими состояниями с помощью CSS-хитростей.Изучение Символов JavaScript
Глубокое погружение в JavaScript Символы — что это такое, чем они важны и как их эффективно использоватьlink rel='modulepreload': Оптимизация загрузки модулей JavaScript
rel='modulepreload'
указывает, что скрипт модуля должен быть получен, проанализирован и откомпилирован заранее, и сохранён для последующего выполнения.Лучший подход к SVG иконкам
SVG — лучший подход к реализации системы иконок в вебе. Существует множество способов использования SVG, каждый из которых имеет свои плюсы и минусы, и все их мы рассмотрим.Понимание битовых сдвигов JavaScript: << и >>
Практическое руководство по операторам левого и правого битового сдвига JavaScriptНастройка .htaccess для безопасности и производительности Apache
Файл.htaccess
— мощный конфигурационный файл, используемый веб-серверами на базе Apache для управления и изменения настроек на уровне каталогов. Изменяя файл .htaccess, можно контролировать многие аспекты поведения веб-сайта, не прибегая к изменению настроек всего сервера.ES2025: Promise.try — Унифицированная обработка ошибок
Прекратите смешиватьtry/catch
с цепочками промисов — новый Promise.try
в JavaScript обрабатывает возвращаемые значения, промисы и ошибки унифицированоНовые возможности CSS за 2024 год
CSS постоянно развивается — недавно у него появился новый логотип, и за последний год было выпущено множество новых функций, не получивших должного внимания. Мы говорим о таких вещах, как возможность центрироватьdiv
, не сходя с ума, более лёгкая работа с темным режимом, анимация скрытых элементов или использование CSS для решения математических задач. Кажется, что теперь можно делать больше с меньшими хлопотами, так что давайте рассмотрим некоторые из новых возможностей CSS, появившихся в последнее время.ES2025: Атрибуты импорта JavaScript
Понимание нового синтаксиса атрибутов импорта и причин, по которым нельзя полагаться только на расширения файлов.Пять примеров использования defer() в Laravel
Узнайте, как функция Laraveldefer()
может улучшить время отклика, выполняя фоновые задачи, такие как отправка электронной почты, очистка файлов и ведение логов после отправки ответа.Что означает ошибка "refusing to merge unrelated histories"
Рассмотрим как решить распространённую ошибку Git: "refusing to merge unrelated histories" при объединении репозиториев с несвязанными историями.Доступ к связанным с маршрутом моделям в запросах формы Laravel с #[RouteParameter]
В этой статье вы узнаете о PHP атрибуте#[RouteParameter]
, который используется в Laravel для доступа к моделям, связанным с маршрутом, в классах запросов форм. Мы подробно рассмотрим, как применять этот атрибут и какие проблемы он решает.