Статьи
Итак, вы хотите отказаться от пре- и постпроцессоров CSS...
Разбираем, можно ли в 2025 году отказаться от Sass и PostCSS в пользу нативного CSS, Lightning CSS и Tailwind. Плюсы и минусы современных инструментов.Значения по умолчанию с оператором нулевого слияния
Оператор нулевого слияния (??
) предоставляет простой способ обработки null
или undefined
значений в JavaScript. Он просто необходим, и я расскажу, почему.Создание кастов моделей
В статье мы рассмотрим, что такое мутаторы, аксессоры и касты и как их использовать в приложении Laravel. Также рассмотрим, как создавать и тестировать касты в Laravel и хранить объекты в базе данных.Расширенное использование attr() в CSS
Теперь можно брать значения из атрибутов HTML, имеющих типы, так что если в элемент поместить атрибутdata-font-size="2.2rem"
, то его значение можно присвоить.Автоматическая жадная загрузка в Laravel
Жадная загрузка в Laravel — это способ загрузки связанных моделей при запросе к модели. Она сделана для предотвращения проблемы N+1, возникающей, при загрузке модели и последующей поочерёдной загрузке связанных с ней моделей, что приводит к многочисленным запросам к базе данных.Разноцветное выделение в 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 функции.