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

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

РКН: shorturl.at/qinly
Download Telegram
🖥 Food Delivery Application – дизайн для интернет-магазина еды. В приложение встроен удобный поиск, есть карточки товаров с описаниями, указывается калорийность продукта и время доставки.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Confetti Button – анимация для кнопки Submit. При нажатии появляются конфетти и зеленая галочка на самой кнопке.

Сайтодел | #сниппет #css
Дизайнишь в FIGMA?

11 апреля пройдёт Бесплатный, поддерживающий марафон по веб-дизайну, на котором узнаешь:

💡Какие этапы нужно пройти, чтобы начать карьеру в 2022?
💡Как развиваться в текущих реалиях?
💡Как искать работу в студии и на фрилансе?
💡Каким должно быть рабочее портфолио?

🎁 По результату марафона у тебя есть:
+ Новая работа в портфолио
+ Шаблон для презентации любой работы в портфолио
+ Пособие на 44 страницы по источникам
+ Пособие по книгам + пособие по референсам

Забирай бесплатный билет ➡️ https://design-figma.ru/r/reg18_1
🖥 Smart Animate – дизайн приложения для прослушивания музыки. Оно включает в себя все основные функции плеера и выполнено в традициях минимализма.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 CSS Border Transitions – анимация для рамок элементов, выполненная на CSS. На границах кнопок меняется цвет и используется вращение.

Сайтодел | #сниппет #css
🖥 Glimsy - набор иконок для оформления сайтов и мобильных приложений. Иконки выполнены в единой цветовой гамме в теплых тонах.

Сайтодел | #иконки #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Flat Login Form – дизайн формы для заполнения логина и пароля. Дизайн не имеет никаких излишеств в виде теней или градиентов, а насыщенный зеленый цвет фона приятен для глаза.

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

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Button Hover Effects – анимация кнопок при наведении курсора. Она включает в себя разные варианты заполнения элемента цветом и подсветки.

Сайтодел | #сниппет #css
🐙 Foundation - продвинутый фронтенд-фреймворк для адаптивных интерфейсов сайтов и электронных писем. Является кроссплатформенным, гибким и полностью настраиваемым.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Pop Out Effect – анимация фотографии при наведении курсора. Изображение увеличивается и смещается вверх. Этот эффект отлично подходит для дизайна раздела с фотографиями участников команды.

Сайтодел | #сниппет #css
🖥 Podcast Template - макет для сайта с подкастами. Дизайн выполнен в спокойных тонах и идеально подчеркивает творческую атмосферу проекта.

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

Сайтодел | #сниппет #css
🐙 JavaScript Testing Best Practices – набор инструментов для тестирования проектов на JavaScript и Node.js. Эта подборка подходит как для фронтенда, так и для бэкенда.

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

Сайтодел | #сниппет #css
🖥 Cooking Template - дизайн сайта с рецептами. Он отличается понятным меню с категориями еды и красивыми фотографиями блюд.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Blob Loader – анимация для загрузки сайта. Зеленые круги с градиентом создают ощущение жидкой формы и привлекают внимание посетителя страницы.

Сайтодел | #сниппет #css
🖥 English Learning Platform – дизайн платформы для изучения английского языка. Интерфейс выполнен в трендовых пастельных тонах. Особенно привлекают взгляд яркие градиенты и сглаженные углы.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Checkbox Group – набор удобных и эстетичных карточек с чекбоксами. Когда вы нажимаете на карточку, она выделяется синим цветом как отмеченная.

Сайтодел | #сниппет #css
🐙 Lexical – расширяемый фреймворк JavaScript для работы с текстами. Он позволяет легко создавать функции и прототипы, а также повышает производительность.

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