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

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

РКН: shorturl.at/qinly
Download Telegram
🐙 React PDF – библиотека для создания PDF-файлов с помощью React. У нее есть API для стилизации элементов документа с использованием свойств CSS, в частности Flexbox.

Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Car Service":

HEX | RGB
#C1C1C1 | rgb(193,193,193)
#FF011D | rgb(255,1,29)
#1E1E1E | rgb(30,30,30)

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

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

Сайтодел | #сниппет #css
🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

Сайтодел | #макет #figma
✍️ Bree Serif – шрифт с засечками, который имеет округлые формы букв и напоминает курсив. Пример можно найти на официальном сайте библиотеки "Venom"

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

Сайтодел | #сниппет #css
🐙 HTMX – мощные инструменты для HTML, которые работают с AJAX, CSS-переходами и веб-сокетами. Доступ к этим технологиям создается с помощью специальных HTML-аттрибутов.

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

Сайтодел | #сниппет #css
🖥 Saasinyo – дизайн сайта для SaaS (облачной модели предоставления ПО). Акцент сделан на оттенки зеленого и желтого цветов в разных вариантах.

Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Personal AI Buddy App":

HEX | RGB
#FEC4DD | rgb(254,196,221)
#C6F432 | rgb(198,244,50)
#C09FF8 | rgb(192,159,248)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Clipped Image Reveal On Hover – эффект выделения текста, у которого фоном является изображение. Появляется при наведении курсора на строку.

Сайтодел | #сниппет #css
✍️ Urbanist – геометрический шрифт без засечек с низкой контрастностью, вдохновленный модернистской типографикой и дизайном. Пример шрифта есть в макете "SH freud UI Kit"

Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 3D Button – объемная кнопка с тенью, которая вызывает ассоциации с клавиатурой компьютера. Ее можно использовать в качестве главной кнопки действия на странице.

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

HEX | RGB
#E0D6D4 | rgb(224,214,212)
#FE814B | rgb(254,129,75)
#9BB169 | rgb(155,177,105)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Password Input Light – красочный эффект подсветки пароля. Он не только показывает скрытые точками символы, но и меняет тему экрана на темную.

Сайтодел | #сниппет #css
🐙 Easy Diffusion – приложение, которое предоставляет пользовательский интерфейс браузера для создания картинок. Изображения генерируются при помощи ИИ.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Sweet'n'subtle Dotted Background – кнопка, которая переключает цвет фона. Сама кнопка подстраивается под выбранный цвет.

Сайтодел | #сниппет #css
🖥 Coffee Shop Mobile App – дизайн приложения для кофейни. Выполнен в темной теме со "вкусными" теплыми оттенками. Основные цвета – кремовый и шоколадный.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Box Shadow Animation – эффект изменения ширины рамки. Достигается за счет анимации для тени кнопок.

Сайтодел | #сниппет #css
✍️ Satoshi – шрифт без засечек, который сочетает в себе элегантные округлые формы и резкие угловатые детали. Пример можно увидеть в макете "Saasinyo"

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