Каталог RSS-каналов
Статистика

RSS-каналов в каталоге: 3394

Добавлено сегодня: 0

Добавлено вчера: 0

Hi-Tech / Интернет

Еженедельная подборка красивых эффектов на CSS/SVG/JS #73

CSS-LIVE 09.03.2018 в 20:15

Жизнь во фронтенде

Еженедельная подборка красивых эффектов на CSS/SVG/JS #73

Подборка свежих эффектов, интересных идей и полезных наработок. Трехмерный городок

Кликом и удерживанием курсора можно «крутить» пейзаж.

Эффектнее смотрится в полностраничном режиме.

Технологии: canvas, JS.

Автор: Дэйв ДеСандро (@desandro)

Посмотреть живой пример

Перетасовка карт на Vue

Кнопкой Shuffle колода перетасовывается. Кнопками Slow — Medium — Fast можно управлять скоростью.

Технологии: CSS, Vue.js.

Автор: Hassan Dj (@itslit)

Посмотреть живой пример

Анимация страницы отписки от рассылки

Нажмите на кнопки для просмотра анимации.

Технологии: SVG, CSS-трансформации, GSAP.

Автор: agathaco (@agathaco)

Посмотреть живой пример

Генератор домиков

Новый набор генерируется по клику в любом месте холста.

Технологии: SVG, CSS, JS.

Автор: smlsvnssn (@smlsvnssn)

Посмотреть живой пример

Изменение размера шрифта через CSS-переменные

Ползунком вверху меняется размер шрифта.

Технологии: CSS-гриды, CSS-переменные, JS.

Автор: Дронка Рауль (@rauldronca)

Посмотреть живой пример

Перекати-поле на странице пустого результата поиска

Лица генерируются заново по клику в любом месте.

Технологии: CSS-анимация, CSS-трансформации, JS.

Автор: Айдан Брин (@aido179-1471800764)

Посмотреть живой пример

SVG-маски теперь поддерживаются в React, демонстрация

Технологии: CSS, React, GSAP, Draggable.js.

Автор: Крис Гэннон (@chrisgannon)

Посмотреть живой пример

Генератор паролей на Vue

Элементами управления можно менять состав и длину пароля.

Технологии: CSS, Vue.js.

Автор: Нур Соуд (@nourabusoud)

Посмотреть живой пример

«Раскладывающееся» модальное окно

Окно открывается по кнопке Open слева вверху.

Технологии: CSS, SVG, GSAP.

Автор: Блейк Боуэн (@osublake)

Посмотреть живой пример

Прогресс-бар вдоль периметра страницы При прокрутке страницы желтая полоска идет по часовой стрелке, начиная с верхнего левого угла.

Технологии: CSS, jQuery.js.

Автор: Томас Ваэт (@thomasvaeth)

Посмотреть живой пример

Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях.

Другие записи ленты

Еженедельная подборка красивых эффектов на CSS/SVG/JS #72 03.03.2018 в 12:02

Отзывчивые компоненты: решение проблемы выражений от контейнера 28.02.2018 в 22:30

Еженедельная подборка красивых эффектов на CSS/SVG/JS #71 23.02.2018 в 07:54

Как использовать свойство order во флексбоксах, не вызывая хаоса 18.02.2018 в 18:18

Еженедельная подборка красивых эффектов на CSS/SVG/JS #70 16.02.2018 в 20:37

CSS-гриды + CSS-колонки = ♥ 13.02.2018 в 12:34

Еженедельная подборка красивых эффектов на CSS/SVG/JS #69 09.02.2018 в 19:22

Ссылки против кнопок в современных веб-приложениях 09.02.2018 в 10:47

Вникаем в механизмы Redux, делая своё хранилище (Store) 04.02.2018 в 12:21

Гриды 2 уровня не за горами! 03.02.2018 в 17:15