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

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

РКН: shorturl.at/qinly
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Dance Of The Rainbow Asterisks – красочный лоадер, состоящий из мелких цветков. Каждый элемент меняет цвет в движении.

Сайтодел | #сниппет #css
🖥 Car Service – дизайн лендинга автосервиса, в основе которого лежит контраст черного, красного и серебряного цветов. Карточки с услугами выделены более светлым оттенком.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Order Button Animation – анимация, которая появляется после нажатия кнопки вместо лоадера. Когда заказ принят, кнопка возвращается обратно.

Сайтодел | #сниппет #css
✍️ Helvetica Neue – шрифт без засечек, созданный на основе швейцарской типографики 1950-1960х годов. Шрифт стал популярным благодаря лаконичному дизайну. Пример есть в карточках "Profile Card Hover Effect"

Сайтодел | #шрифт
🎨 Цветовая палитра макета "Modeva":

HEX | RGB
#C7B8B1 | rgb(199,184,177)
#D79F78 | rgb(215,159,120)
#3D3835 | rgb(61,56,53)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Expanding Input – элемент, объединяющий в себе иконку поиска и поисковую строку. Удобно для приложений, где необходимо сэкономить место.

Сайтодел | #сниппет #css
🐙 Awesome Design Patterns – список шаблонов проектирования архитектуры приложений. Тут есть материалы для большинства популярных языков программирования.

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

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

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 CSS Spinner Animation – спиннер с подсветкой, похожий на тонкий месяц. Активная область выделяется более толстой линией и ярким белым светом.

Сайтодел | #сниппет #css
✍️ Catamaran – шрифт для цифровых устройств, разработанный индийским дизайнером Pria Ravichandran. Поддерживает латиницу и тамильский язык. Пример шрифта есть в сниппете "Expanding Input"

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

Сайтодел | #сниппет #css
🐙 Venom – библиотека JavaScript для WhatsApp, с помощью которой можно использовать искуственный интеллект для распознавания предложений и создавать боты.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Canvas Sparkly Circle Loader – лоадер для темной темы экрана с мелкими, быстро переливающимися частицами. Его "хвост" имеет 3D-форму.

Сайтодел | #сниппет #css
Привет!🤠 Мы занимаемся сайтами и постоянно сталкиваемся с делемой🤔, какие элементы добавлять на сайт💻, а какие нет? Какие формы принесут много заявок, а какие нет? Нужны ли отзывы на собственном сайте? И еще много много вопросов. Я думаю, ты тоже с ними сталкивался.

Для этого мы проводим AB-тестированием и результатами делимся на канале. Вы можете простo брать и внедрять, улучшая показатели бизнеса и обходя конкурентов😎. Подписывайся
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Pure CSS One Div Weather Animated Icons – анимированные иконки для отображения погоды. Подойдут для приложений с метеопрогнозом или туристических сайтов.

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

HEX | RGB
#BCBCBC | rgb(188,188,188)
#C1AC91 | rgb(193,172,145)
#678271 | rgb(103,130,113)

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

Сайтодел | #палитра
🖥 Personal AI Buddy App – дизайн для чат-бота в неоновых оттенках. Отличительная особенность - яркие блоки и объемные изображения.

Сайтодел | #макет #figma
✍️ Cabin – это геометрический шрифт без засечек, который сочетает в себе современные пропорции и оптические регулировки. Поддерживает множество языков. Пример шрифта в сниппете "CSS 3D Animated Chart"

Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Click/Tap Rhythm Password – эффект для кнопки с анимацией фона и изменением цвета. Можно настроить его не только на кейс с ошибкой, но и на успешное действие.

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