Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

🐙 Odoo – это набор бизнес-приложений с открытым исходным кодом. Odoo можно использовать автономно, но эти приложения также легко интегрируются в уже готовые проекты.

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

💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.

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

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

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

💾 Cards With Inverted Border Radius – галерея карточек с кнопкой, встроенной внизу картинки. Это сделано за счет настройки радиуса углов в CSS.

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

🎨 Цветовая палитра макета "Snack Ordering App":

HEX | RGB
#F5B5D9 | rgb(245,181,217)
#D1C3EC | rgb(209,195,236)
#A094D0 | rgb(160,148,208)

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

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

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

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

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

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

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

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

💾 One Element CSS Spinners – коллекция лоадеров, которые основаны на разных геометрических формах. Некоторые элементы меняют прозрачность, а другие имеют элементы 3D.

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

🎨 Цветовая палитра макета "Foodee Mobile App Interface":

HEX | RGB
#FECC87 | rgb(254,204,135)
#F28582 | rgb(242,133,130)
#689984 | rgb(104,153,132)

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

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

🐙 Meteor – современная платформа для создания мобильных и десктопных приложений. Поддерживает TypeScript и легко интегрируется с популярными фронтенд-фреймворками.

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

💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

🐙 Clean Code JavaScript – теория по написанию чистого кода, который легко читать и можно использовать повторно. Есть переводы на разные языки, в том числе и на русский.

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

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

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

💾 Landing Page HTML & CSS – галерея из раскрывающихся элементов. Заголовок, написанный вертикально, отображается в открытой карточке.

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

🐙 Quasar – фреймворк для создания кроссплатформенных веб-приложений. Содержит более чем 70 высокопроизводительных настраиваемых веб-компонентов Material Design.

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

💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.

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

💾 Folding Travel Carousel – галерея для изображений в виде сложенного листа бумаги. Выбранное фото раскрывается при наведении курсора.

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

💾 CSS Dropping Letters – необычный эффект набора текста, при котором строки напоминают элементы коллажа. Подойдет для креативных заголовков на сайтах.

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