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

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

РКН: shorturl.at/qinly
Download Telegram
🐙 Shields.io – эстетичные и понятные значки (иконки с надписями), которые можно использовать в своем Github-репозитории или в файлах Readme. Библиотека позволяет использовать готовые значки или создавать собственные.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Star Rating in Pure CSS – шкала рейтинга в виде сердечек, которые загораются уже при наведении курсора. Выбор сердечка помечается изменением его размера.

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

HEX | RGB
#C3EFD4 | rgb(195,239,212)
#43C549 | rgb(67,197,73)
#1B4422 | rgb(27,68,34)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Vaporwave Sketchbook – генератор абстрактных скетчей. Подойдет для создания рандомных иллюстраций на страницах приложения.

Сайтодел | #сниппет #css
🖥 Codext – дизайн лендинга для обучающей платформы. В качестве основных выбраны холодные цвета: оттенки синего, голубого и фиолетового.

Сайтодел | #макет #figma
🐙 33 JS Concepts – список полезных материалов для более глубокого понимания языка JavaScript. Есть версии на разных языках, включая русский.

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

Сайтодел | #сниппет #css
✍️ Unbounded – геометрический гротеск с поддержкой кириллицы. набор дополнительных глифов подходит для более чем 100 языков во всем мире. Пример шрифта можно посмотреть в шаблоне "Gradients WebSite Template"

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

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

HEX | RGB
#EC6E9B | rgb(236,110,155)
#F3A042 | rgb(243,160,66)
#27438C | rgb(39,67,140)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.

Сайтодел | #сниппет #css
🐙 Meteor – современная платформа для создания мобильных и десктопных приложений. Поддерживает TypeScript и легко интегрируется с популярными фронтенд-фреймворками.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Breathe – анимированная рамка для текста с эффектом перекручивания. Ее также можно использовать как лоадер.

Сайтодел | #сниппет #css
🖥 Waste Landing Page – дизайн лендинга с информацией по переработке мусора. Основная фишка дизайна - яркие цветные иллюстрации.

Сайтодел | #макет #figma
✍️ Righteous – шрифт без засечек с округлыми элементами, который идеально подходит для веб-дизайна: заголовков, карточек и подписей к изображениям. Пример шрифта есть в сниппете "Cards Hover Effect"

Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Elastic Accordion GSAP – галерея для изображений с растяжимым выбранным элементом. Чтобы просмотреть фото, на него необходимо нажать.

Сайтодел | #сниппет #css
🐙 Kodo Reader – кроссплатформенная читалка для электронных книг, написанная с помощью языка JavaScript. Поддерживает множество форматов и имеет расширенный функционал.

Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Simple Before/After – подвижный фотофильтр в виде шторки. Автоматически следует за курсором, поэтому нажимать на фильтр нет необходимости.

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

HEX | RGB
#D4B9E6 | rgb(212,185,230)
#41B5EE | rgb(65,181,238)
#250F53 | rgb(37,15,83)

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

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

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