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

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

РКН: shorturl.at/qinly
Download Telegram
🎨 Цветовая палитра макета "Hoster":

HEX | RGB
#60D9F9 | rgb(96,217,249)
#D5339F | rgb(213,51,159)
#560F94 | rgb(86,15,148)

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

Сайтодел | #палитра
🐙 Pipedream – это платформа для разработчиков, которая позволяет интегрировать приложения, работать с API и создавать автоматизацию на основе событий.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Button Hover Effect – анимированная неоновая подсветка для кнопок. При наведении курсора вместо лучей появляется светящийся прямоугольник.

Сайтодел | #сниппет #css
Домены .RU и .РФ по 99 рублей до 31 декабря!

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

➡️ Зарегистрировать домен

Реклама. ООО "СпейсВэб" erid: 2VtzqvgpMDK
🖥 Socially – приложение для социальной сети, выполненное в холодных, сдержанных оттенках зеленого цвета. Для каждого пользователя предлагаются иконки с персонажами.

Сайтодел | #макет #figma
🗺 JavaScript API 3.0 Яндекс Карт — новая версия программной библиотеки, которая упрощает использование карт разработчиками. Новый API быстрее грузится, а векторные карты легче кастомизировать под свои нужды. Также там есть обертка для React и тайпинги для TypeScript.

Сайтодел | #api
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Infinite Scroll Animation – бесконечная прокрутка элементов, которая сделает сайт динамичнее и поможет уместить много заголовков в ограниченное пространство.

Сайтодел | #сниппет #css
✍️ Playfair Display – шрифт с засечками, который поддерживает кириллицу. Встречается в афишах мероприятий и в книгах, выполненных в старинном дизайне. Пример шрифта можно увидеть в сниппете "React Slider"

Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Parallax Tilt Effect Cards – эффект для карточек галереи, который поворачивает изображения в 3D. В активном режиме у каждой карточки появляется рамка.

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

HEX | RGB
#FFF8DB | rgb(255,248,219)
#FECD07 | rgb(254,205,7)
#4F4F5B | rgb(79,79,91)

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

Сайтодел | #палитра
🐙 Awesome React Native – набор компонентов, библиотек, инструментов и материалов для изучения React. В репозитории есть ссылка на официальный сайт проекта.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Morphing Hamburger Menu – анимированное гамбургер-меню для мобильного приложения, которое плавно выплывает вниз при нажатии на иконку.

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

HEX | RGB
#9CF2C5 | rgb(156,242,197)
#417D71 | rgb(65,125,113)
#424240 | rgb(66,66,64)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Gradient Buttons – набор из двух сетов разноцветных кнопок. В первом ряду кнопка закрашивается при наведении курсора, во втором - меняет цвета градиента.

Сайтодел | #сниппет #css
🖥 Wooden Toy Icons – набор 3D-изображений, стилизованных под деревянные фигурки. Все элементы выполнены в натуральных тонах и выглядят реалистично.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Canvas Parallax Mountains – минималистичная анимация с горными пейзажами, которая подойдет для футера сайта. При наведении мышки анимация меняет свое положение и замедляется.

Сайтодел | #сниппет #css
✍️ Source Sans Pro – шрифт без засечек, вдохновленный готическими гарнитурами. Шрифт разработан для Adobe и имеет открытый исходный код. Пример можно посмотреть в сниппете "Budget Slider"

Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Radio Buttons Color Selector – эффект для кнопок, который позволяет менять цвет фона по щелчку мыши. Выполнен на HTML и CSS.

Сайтодел | #сниппет #css
🖥 E-learning Homepage – дизайн для образовательной платформы в светлых пастельных тонах. Акцент сделан на крупных блоках и изображениях.

Сайтодел | #макет #figma
✍️ Maven Pro – это шрифт без засечек, который имеет скругленные формы и легко читается. Шрифт подойдет для текстов и заголовков сайтов, посвященных науке и технологиям. Пример можно посмотреть здесь: "Scroll Arrow"

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