Skill Blog: Веб-разработка

Простой способ создания эффекта карусели в CSS без сторонних библиотекВ основе этого эффекта лежат две вещи:Липкое позиционирование, которое позволяет зафиксировать элемент на месте при прокрутке следующего элементаScroll snapping (новая функция CSS), которая автоматически привязывает элемент к краю прокручиваемого контейнера🟡Более подробно — Статья🟡Попробовать самому — CodepenПростой способ создания эффекта карусели в CSS без сторонних библиотекВ основе этого эффекта лежат две вещи:Липкое позиционирование, которое позволяет зафиксировать элемент на месте при прокрутке следующего элементаScroll snapping (новая функция CSS), которая автоматически привязывает элемент к краю прокручиваемого контейнера🟡Более подробно — Статья🟡Попробовать самому — Codepen

Создание липкого заголовка в СSSБлоки с «липким» позиционированием ведут себя как position: relative и position: fixed одновременноПока блок не достиг указанного расстояния от края окна браузера, он ведёт себя как относительно спозиционированный. Когда блок достигнет этой точки, то станет вести себя, как будто мы указали position: fixedКогда таких заголовков несколько, они накладываются друг на друга, и пользователю виден последний из них

Как создать скелетную загрузку в CSSКаркасный или как его еще называют скелетный загрузчик может выполнять роль заполнителя для информации, которая все еще загружается, помогая пользователю сосредоточиться на прогрессе, а не на времени ожиданияКак создать скелетную загрузку в CSSКаркасный или как его еще называют скелетный загрузчик может выполнять роль заполнителя для информации, которая все еще загружается, помогая пользователю сосредоточиться на прогрессе, а не на времени ожидания

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

Новые возможности CSS для плавной анимации входа и выходаCSS свойство transition-behavior указывает, будут ли запускаться переходы для анимаций, поведение которых является дискретнымЗначение transition-behavior может быть включено как часть сокращенного transition объявления:transition: all 0.35s allow-discrete; Что такое дискретная анимация? Такая анимация проходит от одного ключевого кадра к другому без промежуточных значенийНовые возможности CSS для плавной анимации входа и выходаCSS свойство transition-behavior указывает, будут ли запускаться переходы для анимаций, поведение которых является дискретнымЗначение transition-behavior может быть включено как часть сокращенного transition объявления:transition: all 0.35s allow-discrete; Что такое дискретная анимация? Такая анимация проходит от одного ключевого кадра к другому без промежуточных значений