Полезное чтиво для верстальщиков
CSS продолжает удивлять: привычная функция attr() получила вторую жизнь и превратилась в мощный инструмент для динамических стилей.
Теперь она умеет работать не только со строками, но и с числами, цветами и размерами прямо из HTML-атрибутов, без JavaScript и лишних костылей/
В статье Ishadeed на понятных примерах показано, как современный attr() упрощает вёрстку, делает стили гибче и открывает новые подходы к архитектуре интерфейсов.
CSS продолжает удивлять: привычная функция attr() получила вторую жизнь и превратилась в мощный инструмент для динамических стилей.
Теперь она умеет работать не только со строками, но и с числами, цветами и размерами прямо из HTML-атрибутов, без JavaScript и лишних костылей/
В статье Ishadeed на понятных примерах показано, как современный attr() упрощает вёрстку, делает стили гибче и открывает новые подходы к архитектуре интерфейсов.
Media is too big
VIEW IN TELEGRAM
Blossom — это опенсорс система каруселей с огромным количеством красивых паттернов и готовых примеров. Также в комплекте идут навыки для AI-агентов, а ещё есть поддержка React, Vue, Svelte и Web Components.
github.com/jespervos/blossom-carousel
github.com/jespervos/blossom-carousel
Полезное руководство как «живут» замыкания в JavaScript
Если замыкания раньше казались вам непонятными, это руководство быстро разгонит туман. Здесь показывают, как функции могут хранить состояние, создавать приватные данные и давать тебе больше контроля над кодом.
https://www.freecodecamp.org/news/how-closures-work-in-javascript-a-handbook-for-developers/
Если замыкания раньше казались вам непонятными, это руководство быстро разгонит туман. Здесь показывают, как функции могут хранить состояние, создавать приватные данные и давать тебе больше контроля над кодом.
https://www.freecodecamp.org/news/how-closures-work-in-javascript-a-handbook-for-developers/
This media is not supported in your browser
VIEW IN TELEGRAM
Этот опенсорсный веб-компонент автоматически генерирует скелетон-заглушки с shimmer-эффектом на основе вашего реального UI с множеством настроек.
→ не нужно создавать отдельные skeleton-компоненты
→ генерирует лоадеры по фактической структуре DOM
→ настраиваемые shimmer-эффекты и стили
→ работает с React, Vue, Svelte и другими фреймворками
https://github.com/Aejkatappaja/phantom-ui
→ не нужно создавать отдельные skeleton-компоненты
→ генерирует лоадеры по фактической структуре DOM
→ настраиваемые shimmer-эффекты и стили
→ работает с React, Vue, Svelte и другими фреймворками
https://github.com/Aejkatappaja/phantom-ui
Совет по Laravel
Загружаете большой SQL-дамп в сидере? Если ваша версия Laravel поддерживает
В старых проектах
Новые версии Laravel:
Старые версии Laravel:
Загружаете большой SQL-дамп в сидере? Если ваша версия Laravel поддерживает
DB::getSchemaState()->load(), используйте этот метод вместо чтения всего файла через file_get_contents().В старых проектах
DB::unprepared(file_get_contents(...)) остаётся практичным запасным вариантом.Новые версии Laravel:
getSchemaState()->load()Старые версии Laravel:
unprepared()Готовимся к System Design интервью уровня Middle и Senior
Полезный конспект по проектированию масштабируемых систем по книге Алекса Сюй System Design Interview.
Схемы, объяснения архитектурных решений и разборы популярных задач: от сокращения ссылок и ограничения частоты запросов до проектирования чатов и распределённых сервисов.
Полезный конспект по проектированию масштабируемых систем по книге Алекса Сюй System Design Interview.
Схемы, объяснения архитектурных решений и разборы популярных задач: от сокращения ссылок и ограничения частоты запросов до проектирования чатов и распределённых сервисов.
Интерактивные курсы по Git
GitHub запустила cборку онлайн курсов, где можно прокачать навыки работы с Git и GitHub бесплатно. Ветки, коммиты, pull request’ы, Actions и реальные командные сценарии.
Быстрый и лёгкий способ подтянуть базу и перестать гуглить «как откатить коммит» в неподходящий момент.
GitHub запустила cборку онлайн курсов, где можно прокачать навыки работы с Git и GitHub бесплатно. Ветки, коммиты, pull request’ы, Actions и реальные командные сценарии.
Быстрый и лёгкий способ подтянуть базу и перестать гуглить «как откатить коммит» в неподходящий момент.
Совет по Laravel: обновляете записи в цикле с lazy()?
Для такого сценария и существует
lazy() использует пагинацию со смещением (OFFSET). Если обновление меняет соответствие записей условиям запроса, некоторые строки могут быть пропущены или обработаны повторно.lazyById() перебирает записи по первичному ключу, поэтому изменения выборки не сдвигают позицию обхода.Для такого сценария и существует
lazyById()