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

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

РКН: shorturl.at/qinly
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Slide-out Scrolling Gallery – стильный слайдер с выплывающими боковыми элементами, который сочетает изображения и небольшие тексты.

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

HEX | RGB
#B77A65 | rgb(183,122,101)
#749C79 | rgb(116,156,121)
#4B6D9E | rgb(75,109,158)

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

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

Сайтодел | #сниппет #css
🐙 Pulsar Edit – удобный редактор кода с гибким автозаполнением и возможности индивидуальной настройки, разработанный на фреймворке Electron.

Сайтодел | #репозиторий #github
🖥 Dribbble Presantation Shots – набор готовых макетов для создания и презентации мобильного приложения. Дизайн содержит плавные переходы цвета и яркие оттенки.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 SVG Hover Animation – эффект для текста, который появляется при наведении курсора. Буквы вытягиваются по вертикали и меняют свои пропорции.

Сайтодел | #сниппет #css
🐙 Beef – это инструмент для тестирования, который работает в контексте веб-браузера и позволяет обеспечить безопасность сайтов. Фреймворк также поддерживает работу с мобильными приложениями.

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

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

HEX | RGB
#FDF3B6 | rgb(253,243,182)
#FBB8C1 | rgb(251,184,193)
#2F80EC | rgb(47,128,236)

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

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

Сайтодел | #сниппет #css
✍️ Noto Sans – стильный и современный шрифт без засечек, который поддерживает разные алфавиты: латиницу, кириллицу, греческий и иероглифические системы письма Азии. Пример шрифта есть тут: "Simple CSS Loaders"

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

Сайтодел | #сниппет #css
🖥 Travalizer – макет приложения с советами для путешественников. Теплые оттенки зеленого и кремового ассоциируются с природой и отпуском.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Digital Clock – часы с футуристичным дизайном на чистом JavaScript. Подойдет для сайтов, посвященных технологиям или компьютерным играм.

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

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

HEX | RGB
#F9DFA6 | rgb(249,223,166)
#FEAB9E | rgb(254,171,158)
#926BFF | rgb(146,107,255)

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

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

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

Сайтодел | #макет #figma
🐙 Odoo – это набор бизнес-приложений с открытым исходным кодом. Odoo можно использовать автономно, но эти приложения также легко интегрируются в уже готовые проекты.

Сайтодел | #репозиторий #github
🐙 Adrenaline – это отладчик, который работает на базе OpenAI Codex. Он не только помогает найти ошибки в коде, но и дает ценные подсказки.

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