Flexbox Froggy 

Эта игра похожа на Grid Garden, но направлена на изучение CSS Flexbox. С помощью персонажа — лягушонка Фрогги.

Вы научитесь применять flexbox-свойства для позиционирования объектов на странице. По мере выполнения инструкции персонажей становится больше, и каждого из них нужно переместить на соответствующую линию с помощью CSS.

#игры

CSS VALUES

Веб-приложение для поиска синтаксиса и всех возможных значений любого допустимого свойства CSS.

#css

Project Filter Tabs

Фильтр элементов на чистом CSS.
Такая фильтрация хорошо встроена в JavaScript, но теперь чистый CSS делает ее гибкой без JavaScript.

#css

Animation Library

Набор инструментов, который позволяет создавать разработчикам динамические изображения. Также это и библиотеки инструментов для управления движением объектов и общей направленностью.

#css #анимация

UIkit

Легкий и модульный интерфейсный фреймворк
для разработки быстрых и мощных веб-интерфейсов.

В набор входят: поля ввода, кнопки, формы, меню, иконки, таблицы, карточки, прогресс-бары — все те элементы, что помогают пользователям взаимодействовать с сайтом или приложением.

#фреймворк

Jumping Gooey Navigation

Это анимированная навигационная панель. Большинство эффектов используют фильтр SVG для размытия и создания анимации.

#css

Animation Buttons

Вы можете добавить интерактивность на свой сайт, не будучи опытным разработчиком. И эта коллекция CSS анимированных кнопок позволяет легко добавить что-то дополнительное в дизайн вашего сайта. Хотите ли вы сделать призыв к действию или сделать навигацию более увлекательной, а также попробуйте эти кнопки при просмотре по работе, что лучше всего подходит для вашего сайта.

#css

Gradien Stroke

У многих возникала проблема:
- как сделать градиент текста?

Теперь не нужно тратить кучу времени на поиски реализации данного эффекта.

#css

Warp SVG Online

Браузерный редактор для деформации SVG-изображений. Инструмент восполняет недостающий функционал в Figma и позволяет быстро деформировать картинку по опорным точкам, а затем вставить в ваш макет.

#инструменты

Link-Host - хостинг от 56 рублей за месяц!

◽ 10 сайтов на минимальном тарифе!
◽ 30 дней бесплатного тестового периода!
◽ Домен .ru в подарок - бесплатно, при оплате хостинга на год!
◽ Есть бесплатные SSL - сертификаты!
◽ Бесплатный перенос сайтов со старого хостинга на Link-Host, для новых клиентов.

#хостинг

Spinkit

«Спиннеры» начальной загрузки можно использовать для отображения состояния загрузки в ваших проектах. Они созданы только с помощью HTML и CSS, а это значит, что вам не нужен JavaScript для их создания. Однако вам понадобится специальный JavaScript, чтобы переключить их видимость. Их внешний вид, расположение и размер можно легко настроить.

#css #анимация

HTML5UP

Это проект, в рамках которого для бесплатного использования создаются прекрасные, современные, адаптивные HTML5+CSS3 шаблоны.

На текущий момент доступно более 25 темплейтов.

#шаблоны

Link Hover

Это набор готовых решений hover эффектов для ссылок. 

#css #анимация

Карточка товара

Из карточки клиент узнаёт коротко о товаре:
- модель
- цена
- характеристики

Для карточки можно применить вот такой эффект на чистом CSS.

#css #анимация

Feedback Reactions

Эти смайлики SVG изображения, что позволяет их оживить.

Пускай реакция пользователей станет креативной.


#css #анимация