Статьи
Разноцветное выделение в CSS
::selection
— это круто, но использование селекторов типа :nth-child(5n+2)
— это гораздо интереснее.Модернизация с Web-платформой: Уменьшение движения
Демонстрация того, как современная веб-платформа может упростить уменьшение движения на старой кодовой базе.Резервные значения пользовательских свойств CSS
Браузер не знает, является ли значение CSS переменной валидным, пока переменная не будет разрешена, а к тому времени её обработает каскад и отбросит возможные резервные значения.Отсутствующий в Eloquent метод owns()
Хотя Eloquent ORM в Laravel довольно мощный и покрывает основные потребности для большинства случаев использования, всегда будет чего-то не хватать. Другими словами, всегда найдётся функция, которая не нужна пока не понадобится.Более быстрая сортировка строк с Intl.Collator
Улучшите сортировку строк с учётом локали, заменив повторяющиеся вызовыString.localeCompare
одним экземпляром Intl.Collator
для более быстрого и эффективного сравнения.Использование currentColor
Нужен лиcurrentColor
? Не совсем, лучше использовать CSS переменные. Однако он всё равно имеет свою ценность, и об этом стоит поговорить..Изменение стиля по умолчанию вложенного заголовка h1
Браузеры начинают внедрять изменения в стили UA по умолчанию для вложенных заголовков разделов. Разработчикам следует убедиться, что их сайты не используют стили UA в определённых случаях, во избежание непредвиденных результатов и ошибок в проверках Lighthouse. Рассмотрим, что представляют собой эти изменения, как определить, есть ли проблема на ваших страницах, и дадим несколько советов по обеспечению соответствия и улучшению структуры сайтов.Селектор :root и CSS переменные
Используйте возможности CSS3 с селектором :root, упрощающим глобальную стилизацию, повышающим удобство сопровождения и открывающим динамичный, отзывчивый дизайн.Уменьшение сложности CSS с псевдоклассом :is()
Недавно появился повод воспользоваться новым псевдоклассом CSS:is()
, и он превосходен! Хочу рассказать, как с его помощью можно значительно уменьшить сложность селекторов.Тёмный режим для SVG
Использование CSS функцииlight-dark()
для реализации светлого и тёмного режима для SVG иконок,включая SVG, используемые с HTML элементом img
или в качестве CSS свойства background-image
.Возможности middleware в Laravel
Вам приходилось писать одни и те же проверки в нескольких контроллерах? Например, форматирование вводимых данных, блокировка доступа или отслеживание пользовательской активности? Всё это начинает казаться повторяющимся, верно?... и быстро надоедает.Шаблоны повышения производительности Eloquent
Способы улучшения производительности баз данных для приложений Laravel с использованием ORM Eloquent.Форматирование временных интервалов c Intl.DurationFormat
Хватит писать код форматирования временных интервалов вручную. Используйте новый мощный APIIntl.DateTimeFormat
для отображения локализированного времени.Спокойное подчёркивание текста
Синие ссылки с подчёркиванием — хороший стиль по умолчанию для ссылок в основном тексте, но он выглядит чересчур резко. Возможно, мы можем его немного смягчить и сделать более гибким.Что такое TypeScript
Если вы JavaScript программист и хотите получить представление об использовании TypeScript (первый шаг перед изучением подробностей), то эта статья для вас.CSS трансформации и матрица
Глубокое погружение в матрицу CSS трансформаций, её взаимосвязь с отдельными свойствами CSS трансформаций, взгляд на скрытые возможности форм функций.Гиф в 2025 году
Вам нужно автовоспроизводящееся зацикленное видео без звука? В разговорной речи именно такое значение имеет слово «гифка». Слово прижилось, но сам формат изображения уже древний и устаревший. Существует множество способов добиться такого результата, но ясно одно: больше нет причин использовать громоздкий формат.gif
.Четыре распространенные ошибки Vite в Laravel
Узнайте о четырех распространенных ошибках, с которыми можно столкнуться при использовании Vite в приложениях Laravel. Рассмотрим возможные причины и способы их устранения.Декодирование CSS селекторов: :has(:not) и :not(:has)
При комбинировании CSS функций вложенность функций имеет значение. В статье мы рассмотрим разницу между:has(:not)
и :not(:has)
, а также то, как подходить к декодированию CSS селекторов, использующих эти вложенные CSS функции.Теперь CSS функция attr() поддерживает типы
CSS функцияattr()
позволяет извлечь значение атрибута выбранного HTML элемента и использовать его в качестве значения CSS свойства.Модернизация с Web-платформой: Производительность изображений
Демонстрация того, как современная Web-платформа может радикально упростить и обогатить старую кодовую базу.Простые тесты конечных точек с Policy::fake
Тестирование конечных точек может занять много времени, когда проверяется логика авторизации наряду с их поведением.Три подхода к селектору & (амперсанд) в CSS
&
— мощное дополнение к CSS, позволяющее создавать селекторы без повторений и способствующее улучшению организованности и понимания кода.