Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг
25.4K subscribers
1.34K photos
106 videos
28 files
2.39K links
FullStack-материалы от Senior-разработчика для WEB-специалистов

Сотрудничество: @CodingLead

РКН: shorturl.at/qinly
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 CSS Dropping Letters – необычный эффект набора текста, при котором строки напоминают элементы коллажа. Подойдет для креативных заголовков на сайтах.

Сайтодел | #сниппет #css
🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

Сайтодел | #макет #figma
🐙 Element – библиотека компонентов для разработчиков, дизайнеров и продакт-менеджеров, которая основана на Vue 2.0. Содержит все необходимые элементы для создания лаконичного веб-интерфейса.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 CSS Dropping Letters – необычный эффект набора текста, при котором строки напоминают элементы коллажа. Подойдет для креативных заголовков на сайтах.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Folding Travel Carousel – галерея для изображений в виде сложенного листа бумаги. Выбранное фото раскрывается при наведении курсора.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Landing Page HTML & CSS – галерея из раскрывающихся элементов. Заголовок, написанный вертикально, отображается в открытой карточке.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Header Navigation Menu – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.

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

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Foodee Mobile App Interface":

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

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 One Element CSS Spinners – коллекция лоадеров, которые основаны на разных геометрических формах. Некоторые элементы меняют прозрачность, а другие имеют элементы 3D.

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

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.

Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Snack Ordering App":

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

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

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