✍️ Neue Montreal – нейтральный шрифт без засечек с четкими формами. Подходит для мелких текстов веб-страниц. Пример шрифта есть в макете Abstract 3D Coral Shapes

Сайтодел | #шрифт

💾 80s Music Facts – страница с плеером и анимированными карточками. Если навести курсор на фото, оно приблизится с небольшим поворотом вправо.

Сайтодел | #сниппет #css

🐙 Promises Unwrapping – спецификация для промисов в стандарте ES6. Содержит большое количество информации и примеры использования кода.

Сайтодел | #репозиторий #github

💾 Skeuomorphic Toggle Switch – реалистичные 3D-переключатели, которые написаны на HTML и CSS без использования JavaScript.

Сайтодел | #сниппет #css

🖥 Note-taking Mobile iOS App – дизайн приложения для заметок. Его особенности - это неяркие светлые тона, кремовый фон и скругленные углы.

Сайтодел | #макет #figma

🎨 Цветовая палитра макета "Gradients WebSite Template":

HEX | RGB
#EC6E9B | rgb(236,110,155)
#F3A042 | rgb(243,160,66)
#27438C | rgb(39,67,140)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🖥 Smoothie Bowl Transition Prototype – прототип для анимации с вращающимися тарелками. Во вкладке "design" есть разные варианты цветового оформления страницы.

Сайтодел | #макет #figma

💾 Header Navigation Menu – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.

Сайтодел | #сниппет #css

💾 Skeuomorphic Toggle Switch – реалистичные 3D-переключатели, которые написаны на HTML и CSS без использования JavaScript.

Сайтодел | #сниппет #css

🖥 Parallax Effect – дизайн для слайдера. Здесь представлены приглушенные оттенки, зернистый фон и мягкие градиенты. Контраст создан за счет крупных заголовков и небольших кусков текста.

Сайтодел | #макет #figma

🖥 Note-taking Mobile iOS App – дизайн приложения для заметок. Его особенности - это неяркие светлые тона, кремовый фон и скругленные углы.

Сайтодел | #макет #figma

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

Сайтодел | #сниппет #css

💾 Click/Tap Rhythm Password – эффект для кнопки с анимацией фона и изменением цвета. Можно настроить его не только на кейс с ошибкой, но и на успешное действие.

Сайтодел | #сниппет #css

💾 Infinite Scroll Animation – бесконечная прокрутка элементов, которая сделает сайт динамичнее и поможет уместить много заголовков в ограниченное пространство.

Сайтодел | #сниппет #css

💾 World Places – трехмерная галерея для карточек с текстами и изображениями. В активном состоянии элемент "всплывает" и показывается пользователю.

Сайтодел | #сниппет #css

✍️ Neue Montreal – нейтральный шрифт без засечек с четкими формами. Подходит для мелких текстов веб-страниц. Пример шрифта есть в макете Abstract 3D Coral Shapes

Сайтодел | #шрифт

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

Сайтодел | #сниппет #css

💾 Responsive GSAP Slider – слайдер для представления продуктов с подвижными SVG-картинками. Слайдер можно легко настроить под себя.

Сайтодел | #сниппет #css

💾 Infinite Random Gradients Generator – генератор градиентов для CSS, который поможет выбрать самые оригинальные сочетания цветов для вашего приложения.

Сайтодел | #сниппет #css

💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.

Сайтодел | #сниппет #css