Сайтодел | GitHub, Верстка, Сайты, FullStack @sitodel Channel on Telegram

Сайтодел | GitHub, Верстка, Сайты, FullStack

@sitodel

FullStack-материалы от Senior-разработчика для WEB-специалистов

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

Разработка сайтов любой сложности 👨🏻‍💻

РКН: shorturl.at/qinly

Сайтодел (Russian)

Добро пожаловать на канал "Сайтодел"! Здесь вы найдете полезные материалы по FullStack-разработке от опытного Senior-разработчика для WEB-специалистов. Наш канал предлагает широкий спектр информации о GitHub, верстке, создании сайтов и других аспектах FullStack-разработки. Сотрудничаем с @CodingLead, чтобы обеспечить вас только лучшими материалами. У нас вы сможете найти всю необходимую информацию и ресурсы для создания сайтов любой сложности. Присоединяйтесь к нам, чтобы расширить свои знания и навыки в области веб-разработки! 👨🏻‍💻

Сайтодел | GitHub, Верстка, Сайты, FullStack

18 Feb, 17:17

🐙 Clean Code JavaScript – репозиторий с материалами по чистому коду применительно к JavaScript. Для каждого концепта тут есть примеры хорошего и плохого кода.

Сайтодел | #репозиторий #github
647
Сайтодел | GitHub, Верстка, Сайты, FullStack

17 Feb, 19:34

💾 Hover Effect – сетка из карточек, которые заполняются цветом при наведении курсора. Цвет распространяется с той стороны, откуда был перемещен курсор.

Сайтодел | #сниппет #css
1,394
Сайтодел | GitHub, Верстка, Сайты, FullStack

15 Feb, 07:56

🖥 Ray Ban Elegant Sunglasses Store App – баннер для приложения оптики. Здесь использованы глубокие оттенки бежевого и красного, а также заметные шрифты.

Сайтодел | #макет #figma
1,850
Сайтодел | GitHub, Верстка, Сайты, FullStack

14 Feb, 19:24

💾 GSAP Homepage – галерея с возможностью открывать изображение полностью. Кнопка закрытия картинки подвижна и следует за курсором.

Сайтодел | #сниппет #css
1,943
Сайтодел | GitHub, Верстка, Сайты, FullStack

13 Feb, 11:33

🎨 Цветовая палитра макета "Open Fashion"

HEX | RGB
#E0CFBA | rgb(224,207,186)
#DD8560 | rgb(221,133,96)
#424242 | rgb(66,66,66)

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

Сайтодел | #палитра
2,105
Сайтодел | GitHub, Верстка, Сайты, FullStack

13 Feb, 09:29

Онлайн-программа магистратуры «Веб-разработчик» от НИТУ МИСИС – уникальная возможность за два года стать уверенным мидл разработчиком и получить диплом магистра государственного образца.
Преимущества программы:
✔️ освоите HTML, CSS, JavaScript, Django, основы дизайна и управления командой
✔️ изучите все этапы разработки продукта: от верстки дизайн-макета до настройки серверной части
✔️ сможете совмещать учебу с работой: все занятия проходят онлайн
✔️ сможете пользоваться инфраструктурой вуза, оформить документы, как студент очной формы обучения
Если вы уже студент магистратуры, но хотите учиться онлайн со всеми преимуществами очного образования - приходите к нам. Переходи по ссылке и начни готовиться к сдаче вступительного испытания уже сейчас с помощью бесплатного подготовительного курса. Остались вопросы по поступлению? Ждем вас в Телеграм-канале "Онлайн-обучение | МИСИС".
1,494
Сайтодел | GitHub, Верстка, Сайты, FullStack

11 Feb, 14:10

✍️ Visby CF – округлый шрифт без засечек, который подходит для блоков с текстами. Пример использования есть в дизайне Interior Design Website

Сайтодел | #шрифт
2,002
Сайтодел | GitHub, Верстка, Сайты, FullStack

11 Feb, 10:46

Анонсируем день любви к фронтенду

15 февраля пройдет «Я💛Фронтенд» — главная конференция Яндекса для frontend-разработчиков.

Что вас ждет?
💛 Доклады от лучших экспертов индустрии
💛 Знакомство с тренажером для прокачки навыков разработчика CodeRun вместе с Никитой Дубко и Сашей Шинкевич из Контеста Яндекса
💛 Тест-драйв интеллектуального помощника разработчика Yandex Code Assistant
💛 Нетворкинг с сообществом

Регистрируемся на конфу здесь — там же до 14 февраля будут выкатывать онлайн-активности.
2,114
Сайтодел | GitHub, Верстка, Сайты, FullStack

10 Feb, 14:38

🐙 P5 – JavaScript-библиотека, рассчитанная на художников, дизайнеров и начинающих разработчиков. Она делает работу с анимацией и визуальными эффектами более доступной и подходит для тех, кто пока еще далек от программирования.

Сайтодел | #репозиторий #github
2,236
Сайтодел | GitHub, Верстка, Сайты, FullStack

08 Feb, 12:47

💾 Background Animation – фон с плавно меняющимися цветами. Анимация реализована с помощью нескольких слоев градиентов, прозрачность которых изменяется по очереди.

Сайтодел | #сниппет #css
2,553
Сайтодел | GitHub, Верстка, Сайты, FullStack

06 Feb, 07:54

💾 Mouse-Controlled Neon – эффект подсветки для текста. Контур не только получает мягкое неоновое свечение, но и меняет собственный цвет.

Сайтодел | #сниппет #css
2,822
Сайтодел | GitHub, Верстка, Сайты, FullStack

05 Feb, 13:08

🖥 Recipely – дизайн мобильного приложения с рецептами. Акцент сделан на приглушенный бирюзовый фон и векторные изображения еды.

Сайтодел | #макет #figma
2,726
Сайтодел | GitHub, Верстка, Сайты, FullStack

05 Feb, 10:06

Всем привет. Меня зовут Павел и я алкоголик. Маркетолог. Вот уже больше 10 лет я решаю одну конкретную проблему - поиск клиентов.

За это время у меня накопилось не мало различных «хитрых» способов с помощью которых можно делать лиды на объемах. (Помимо классической рекламы, рассылок и т.п).

Например, в этом канале я рассказываю как получать заявки из сео выдачи бесплатно, как за 1 день создать свой блог на 10 000 статей, как запустить рекламу в розовой сети и вытаскивать лиды по 30 центов (даже если ты из РФ.) или как получать заявки с авито по 70 копеек)))

Недавно выпустил в канале обзор на 25 работающих связок, которые дают оооочень дешевые заявки. (от 0 до 2$)

Все способы проверены лично мной во время прямых эфиров.

Никакого обучения, курсов, наставничества, марафонов и прочей инфоцыганщины.

Если нужен перелидоз, то просто бери и внедряй. Первые связки найдешь в закрепе рядом с обзором всех схем! https://t.me/+ExRUfSlZy8ZhZjM6
2,479
Сайтодел | GitHub, Верстка, Сайты, FullStack

04 Feb, 17:21

💾 Sassy Search Bar – строка поиска с ответами в виде сетки карточек и кнопкой сброса. Каждое изображение можно увеличить, наведя на него курсор.

Сайтодел | #сниппет #css
2,446
Сайтодел | GitHub, Верстка, Сайты, FullStack

03 Feb, 09:39

🎨 Цветовая палитра макета "Hoteliq"

HEX | RGB
#E8F5FB | rgb(232,245,251)
#9FCAE4 | rgb(159,202,228)
#4C4DDD | rgb(76,77,221)

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

Сайтодел | #палитра
2,828
Сайтодел | GitHub, Верстка, Сайты, FullStack

03 Feb, 06:37

Интегрируете CRM, создаете магазины на CMS?

Пользуйтесь готовыми интеграциями с CRM и CMS-системами для своих клиентов и получайте 20% с оплат за доступ к DashaMail.

Dashamail — российский email-сервис с простым интерфейсом, готовыми шаблонами и ИИ для генерации текстов и картинок. И, что важно вам, широкими возможностями автоматизации.

Что вы получите, кроме лояльности?
20% от всех оплат сервиса вашими клиентами еще два года — даже когда завершили проект и получили оплату.

20% — много это или мало? При оплате одним клиентом годового тарифа с базой в 30 000 подписчиков (~89 000 р.), вы получаете ~20 000 руб. — и так в течение двух лет.

Регистрируйтесь в DashaMail и зарабатывайте с реферальной программой
2,550
Сайтодел | GitHub, Верстка, Сайты, FullStack

02 Feb, 19:22

✍️ Tenor Sans – гуманистический шрифт без засечек, который подходит для текстов и заголовков. Шрифт поддерживает разные алфавиты, включая расширенные латиницу и кириллицу. Пример шрифта есть в дизайне Open Fashion

Сайтодел | #шрифт
2,578
Сайтодел | GitHub, Верстка, Сайты, FullStack

01 Feb, 17:15

💾 Text Scroll And Hover Effect – эффект для текста "два в одном". При прокрутке страницы текст заполняется цветом, а при наведении курсора – меняется на другой текст с цветным фоном.

Сайтодел | #сниппет #css
2,958
Сайтодел | GitHub, Верстка, Сайты, FullStack

31 Jan, 15:12

🖥 Open Fashion – дизайн для мобильного приложения магазина одежды. Акцент здесь делается на изысканные шрифты и сочетания оттенков серого.

Сайтодел | #макет #figma
2,957
Сайтодел | GitHub, Верстка, Сайты, FullStack

28 Jan, 12:46

💾 Sudoku Neumorphism Design – объемный судоку для мобильных устройств. Цифры можно вводить как с клавиатуры, так и с помощью кнопок внизу экрана.

Сайтодел | #сниппет #css
3,796
Сайтодел | GitHub, Верстка, Сайты, FullStack

27 Jan, 16:03

🐙 Project-Based Learning – репозиторий с полезными уроками для новичков. Тут есть проекты на JavaScript и фронтенд-фреймворках, а также задания по HTML и CSS.

Сайтодел | #репозиторий #github
3,410
Сайтодел | GitHub, Верстка, Сайты, FullStack

27 Jan, 09:43

💾 Flipping Business Card – карточка с вертикальным переворачиванием, написанная на SCSS. Если убрать с карточки курсор, то она вернется в исходное положение.

Сайтодел | #сниппет #css
3,306
Сайтодел | GitHub, Верстка, Сайты, FullStack

26 Jan, 08:14

🖥 Mobile & Web Portfolio UI Design – дизайн сайта-портфолио в оттенках персикового и темно-зеленого цветов. Особо выделяются заголовки, выделенные контрастным шрифтом с засечками.

Сайтодел | #макет #figma
3,291
Сайтодел | GitHub, Верстка, Сайты, FullStack

23 Jan, 09:19

🎨 Цветовая палитра макета "Shopping Website"

HEX | RGB
#EBD96B | rgb(235,217,107)
#ED8FA1 | rgb(237,143,161)
#0DAFAE | rgb(13,175,174)

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

Сайтодел | #палитра
3,450
Сайтодел | GitHub, Верстка, Сайты, FullStack

21 Jan, 13:24

✍️ Genos – современный шрифт в футуристическом стиле с широкими скругленными буквами. Он подходит для заголовков среднего размера. Пример можно посмотреть в сниппете Zoom Grid On Scroll

Сайтодел | #шрифт
2,939
Сайтодел | GitHub, Верстка, Сайты, FullStack

21 Jan, 09:48

Продвижение сайта без бюджета — возможно.
Узнайте, как попасть в топ поисковой выдачи
и привлекать целевых клиентов,
на курсе Нетологии «SEO-продвижение».

Всего за 4 месяца вы:
-разберётесь, как работают алгоритмы Яндекса и Google;
-научитесь продвигать сайты на первые позиции в поиске;
-освоите инструменты анализа и оптимизации;
-создадите SEO-стратегию для своих проектов.

Курс подходит для новичков:
всё объясняется простым языком,
с примерами и практикой.
По итогам обучения вы сможете наращивать
органический трафик, находить точки роста бизнеса
и экономить на рекламе.
Дополните свою карту компетенций ещё одним
полезным навыком
и привлекайте клиентов без лишних затрат: посмотреть курс тут
Реклама. ООО "Нетология". ИНН: 7726464125. Erid: 2VSb5z9utjJ
1,464
Сайтодел | GitHub, Верстка, Сайты, FullStack

20 Jan, 20:04

🐙 Localtunnel – инструмент, который делает локальный сервер доступным из Интернета. Он назначает пользователю уникальный общедоступный URL-адрес, который передает все запросы на локальный адрес.

Сайтодел | #репозиторий #github
2,750
Сайтодел | GitHub, Верстка, Сайты, FullStack

19 Jan, 08:29

💾 Stacked Avatars – коллаж из картинок, каждая из которых может смещаться в центр. Каждое фото имеет тонкую рамку и обрезается с одной из сторон.

Сайтодел | #сниппет #css
2,994
Сайтодел | GitHub, Верстка, Сайты, FullStack

18 Jan, 10:07

🖥 Hoteliq – дизайн приложения для бронирования отелей. основной цвет – синий, который смотрится контрастно на фоне светлых скругленных элементов.

Сайтодел | #макет #figma
2,835
Сайтодел | GitHub, Верстка, Сайты, FullStack

16 Jan, 18:36

💾 CSS Image Stack Cycle – фотогалерея в виде стопки карточек, которые перелистываются только с помощью стрелок. Над названием есть счетчик элементов.

Сайтодел | #сниппет #css
3,239
Сайтодел | GitHub, Верстка, Сайты, FullStack

15 Jan, 07:08

💾 Zoom Grid On Scroll – анимация прокрутки для сайта. Наклон линий на сетке с картинками меняется, а изображение становится цветным при наведении курсора.

Сайтодел | #сниппет #css
3,540
Сайтодел | GitHub, Верстка, Сайты, FullStack

14 Jan, 15:01

💾 Curved Nav – элемент, который можно использовать как основу для меню или галереи изображений. Контраст создается за счет сложного градиентного фона.

Сайтодел | #сниппет #css
3,507
Сайтодел | GitHub, Верстка, Сайты, FullStack

12 Jan, 18:16

🎨 Цветовая палитра макета "Charts Components"

HEX | RGB
#FDA5C9 | rgb(253,165,201)
#7987FF | rgb(121,135,255)
#A155B9 | rgb(161,85,185)

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

Сайтодел | #палитра
3,776
Сайтодел | GitHub, Верстка, Сайты, FullStack

11 Jan, 17:43

✍️ Syne – геометрический шрифт, созданный в 2017 парижским арт-центром Synesthésie. Создатели экспериментировали с контрастностью и жирностью шрифта, чтобы вписать его в творческие проекты. Пример есть в дизайне Mid Mod

Сайтодел | #шрифт
3,407
Сайтодел | GitHub, Верстка, Сайты, FullStack

10 Jan, 18:37

🐙 Element Plus – библиотека UI-компонентов с минималистичным и удобным дизайном. Библиотека имеет большой выбор компонентов, каждый из которых имеет разные вариации.

Сайтодел | #репозиторий #github
3,760
Сайтодел | GitHub, Верстка, Сайты, FullStack

09 Jan, 17:04

💾 Credit Card Pure CSS – двусторонняя карточка с поворотом, написанная без использования JavaScript. Ее можно использовать на странице оплаты услуг, чтобы показать введенные данные пользователя.

Сайтодел | #сниппет #css
3,760
Сайтодел | GitHub, Верстка, Сайты, FullStack

08 Jan, 16:15

💾 Social Share Button – меню из кнопок соцсетей, которое появляется при наведении курсора. Карточки разворачиваются плавно и поэтому реалистично смотрятся.

Сайтодел | #сниппет #css
3,786
Сайтодел | GitHub, Верстка, Сайты, FullStack

07 Jan, 20:08

🖥 Shopping Website – дизайн сайта для магазина одежды. Основные особенности – приглушенный желтый цвет и жирный шрифт в заголовках. Каждая карточка имеет однотонный фон с тенями.

Сайтодел | #макет #figma
3,776
Сайтодел | GitHub, Верстка, Сайты, FullStack

04 Jan, 14:38

💾 Preloader – анимация загрузки из элементов, каждый из которых движется по окружности. Изогнутые линии не соприкасаются друг с другом.

Сайтодел | #сниппет #css
4,558
Сайтодел | GitHub, Верстка, Сайты, FullStack

03 Jan, 19:09

🎨 Цветовая палитра макета "Online Bike Shopping App"

HEX | RGB
#65D2FE | rgb(101,210,254)
#3860C2 | rgb(56,96,194)
#353F54 | rgb(53,63,84)

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

Сайтодел | #палитра
3,994
Сайтодел | GitHub, Верстка, Сайты, FullStack

02 Jan, 18:44

✍️ Varela Round – шрифт со скругленными элементами букв, который подходит для экранных текстов и мелких заголовков. Пример использования можно посмотреть в сниппете Clean Toast Notification

Сайтодел | #шрифт
3,792
Сайтодел | GitHub, Верстка, Сайты, FullStack

31 Dec, 15:14

🖥 Alien Staff Assets – более 20 PNG-элементов в футуристичном стиле. Шаблоны, изображения и иконки подойдут для веб-приложений развлекательного формата, а также для афиш и баннеров.

Сайтодел | #макет #figma
3,859
Сайтодел | GitHub, Верстка, Сайты, FullStack

29 Dec, 18:49

💾 Toilet Paper Toggle – переключатель для текстов или изображений. Этот эффект можно использовать для выбора ответа.

Сайтодел | #сниппет #css
3,941
Сайтодел | GitHub, Верстка, Сайты, FullStack

28 Dec, 12:01

🐙 Frontend Stuff – большой список библиотек, фреймворков и инструментов. Почти все материалы предназначены для работы с JavaScript и CSS.

Сайтодел | #репозиторий #github
3,953
Сайтодел | GitHub, Верстка, Сайты, FullStack

26 Dec, 16:43

💾 Particles Cursor – эффект для фона в виде распадающихся в пространстве частиц. Каждая из них летит в своем направлении и уменьшается в размере.

Сайтодел | #сниппет #css
4,119
Сайтодел | GitHub, Верстка, Сайты, FullStack

25 Dec, 16:43

🖥 Chart Components – дизайн диаграмм и графиков с разными вариантами представления данных. Можно использовать как светлую, так и темную тему.

Сайтодел | #макет #figma
3,936
Сайтодел | GitHub, Верстка, Сайты, FullStack

24 Dec, 17:04

💾 Canva's Magic Mouse Effect – эффект подсветки и серебристых звездочек-конфетти для курсора. Идеально подойдет для новогоднего оформления сайта.

Сайтодел | #сниппет #css
3,483
Сайтодел | GitHub, Верстка, Сайты, FullStack

23 Dec, 16:49

💾 Pixel Canvas Web Component – карточки с блестящими пиксельными фонами. Каждый из них отличается цветом, величиной пикселей и скоростью анимации.

Сайтодел | #сниппет #css
3,451
Сайтодел | GitHub, Верстка, Сайты, FullStack

22 Dec, 17:34

🎨 Цветовая палитра макета "Sales Dashboard"

HEX | RGB
#F1A0FF | rgb(241,160,255)
#FAD85D | rgb(250,216,93)
#0BF4C7 | rgb(11,244,199)

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

Сайтодел | #палитра
3,579
Сайтодел | GitHub, Верстка, Сайты, FullStack

20 Dec, 13:59

🐙 Bulma – современный CSS-фреймворк на основе Flexbox. Он не включает в себя javaScript и поэтому легко встраивается в разные проекты.

Сайтодел | #репозиторий #github
3,671
Сайтодел | GitHub, Верстка, Сайты, FullStack

19 Dec, 15:05

💾 Neon Love – анимированная иконка, которую можно использовать в качестве спиннера для сайта. Она состоит из двух элементов, которые не меняют цвет.

Сайтодел | #сниппет #css
3,828
Сайтодел | GitHub, Верстка, Сайты, FullStack

19 Dec, 07:01

✍️ IBM Plex Mono – моноширный вариант корпоративного шрифта компании IBM. он подходит для веб-дизайна в ретро-стиле и хорошо смотрится с контрастными цветами. Пример есть в дизайне Neo-Brutalism UI Kit

Сайтодел | #шрифт
3,443
Сайтодел | GitHub, Верстка, Сайты, FullStack

18 Dec, 11:02

🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

Сайтодел | #макет #figma
3,215
Сайтодел | GitHub, Верстка, Сайты, FullStack

17 Dec, 20:43

💾 Landing Page With Swiper – карусель для фотографий, в которой активная карточка кладется сверху на остальные. У каждого фото есть кнопка с ссылкой на другой сайт.

Сайтодел | #сниппет #css
3,301
Сайтодел | GitHub, Верстка, Сайты, FullStack

16 Dec, 13:53

💾 Course Design Cards – карточки со световым градиентом и сильно скругленными краями. При наведении курсора каждая кнопка приобретает основной цвет карточки.

Сайтодел | #сниппет #css
3,383
Сайтодел | GitHub, Верстка, Сайты, FullStack

15 Dec, 15:41

🎨 Цветовая палитра макета "Interior Design Website"

HEX | RGB
#CED4D2 | rgb(206,212,210)
#FFD476 | rgb(255,212,118)
#2C8879 | rgb(44,136,121)

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

Сайтодел | #палитра
3,404
Сайтодел | GitHub, Верстка, Сайты, FullStack

14 Dec, 20:24

✍️ Orbitron – геометрический шрифт без засечек с футуристическим дизайном. Он подходит для постеров, заголовков и обложек книг. Пример шрифта есть в дизайне "Virtual Reality Landing Page Concept"

Сайтодел | #шрифт
3,240
Сайтодел | GitHub, Верстка, Сайты, FullStack

13 Dec, 13:14

🐙 Text Behind Image – проект для редактирования изображений, написанный на TypeScript. Он позволяет помещать надписи позади объектов на переднем плане.

Сайтодел | #репозиторий #github
3,487
Сайтодел | GitHub, Верстка, Сайты, FullStack

12 Dec, 16:47

🖥 Sales Dashboard – дизайн для отображения статистики. Его особенности – цветные карточки, яркая инфографика и 3D-изображения людей.

Сайтодел | #макет #figma
3,222
Сайтодел | GitHub, Верстка, Сайты, FullStack

11 Dec, 07:21

💾 Text Hover – объемный текст, который при наведении курсора становится "обычным". Текст имеет несколько слоев, в том числе тень и белую обводку.

Сайтодел | #сниппет #css
3,298
Сайтодел | GitHub, Верстка, Сайты, FullStack

10 Dec, 19:01

💾 Cat Toggle Button – переключатель светлой и темной темы в виде котика. Изображение детализировано и нагружено смыслом, чтобы пользователю не было скучно.

Сайтодел | #сниппет #css
3,138
Сайтодел | GitHub, Верстка, Сайты, FullStack

09 Dec, 17:41

💾 GSAP Grid – сетка из анимированных SVG-изображений в ретро-стиле. Можно использовать в качестве иллюстраций для сайтов.

Сайтодел | #сниппет #css
3,232
Сайтодел | GitHub, Верстка, Сайты, FullStack

09 Dec, 05:34

🎨 Цветовая палитра макета "Bentolio"

HEX | RGB
#F9F1EF | rgb(249,241,239)
#FADDD9 | rgb(250,221,217)
#F8AFA6 | rgb(248,175,166)

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

Сайтодел | #палитра
3,160
Сайтодел | GitHub, Верстка, Сайты, FullStack

08 Dec, 08:28

✍️ Cinzel – шрифт с классическими пропорциями, в основу дизайна которого легли древнеримские надписи. Посмотреть пример можно в дизайне Beauty And Skincare Landing Page

Сайтодел | #шрифт
2,930
Сайтодел | GitHub, Верстка, Сайты, FullStack

30 Nov, 07:38

✍️ Suranna – шрифт для новостных публикаций. Он имеет особую форму из-за большей толщины в нижней части букв. Пример есть в дизайне Cosmetic & Skin Care Branding

Сайтодел | #шрифт
777
Сайтодел | GitHub, Верстка, Сайты, FullStack

29 Nov, 09:51

🎨 Цветовая палитра макета "Meal Planner UI Kit"

HEX | RGB
#EEE2FF | rgb(238,226,255)
#8A47EB | rgb(138,71,235)
#27005F | rgb(39,0,95)

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

Сайтодел | #палитра
1,289
Сайтодел | GitHub, Верстка, Сайты, FullStack

28 Nov, 14:09

🐙 PeerTube – видеохостинг с открытым исходным кодом, созданный на Typescript. Его главное отличие от других платформ – децентрализованное хранение данных.

Сайтодел | #репозиторий #github
1,539
Сайтодел | GitHub, Верстка, Сайты, FullStack

27 Nov, 14:59

🖥 Bentolio – дизайн для сайта-портфолио в теплых розовых оттенках. В дизайне много секций, а небольшой размер текстов и пустые пространства в них делают сайт визуально гармоничным.

Сайтодел | #макет #figma
1,731
Сайтодел | GitHub, Верстка, Сайты, FullStack

26 Nov, 15:00

💾 Card Blur – эффект для неактивных карточек который возникает при наведении курсора. Здесь применяется не только размытие, но и затемнение элементов.

Сайтодел | #сниппет #css
2,034
Сайтодел | GitHub, Верстка, Сайты, FullStack

25 Nov, 19:15

💾 Split Slick Slideshow – слайдер с двумя вертикальными частями. При скролле изображение разбивается пополам, а заголовки плавно прокручиваются.

Сайтодел | #сниппет #css
2,271
Сайтодел | GitHub, Верстка, Сайты, FullStack

24 Nov, 11:10

💾 Cards – карточки, которые разворачиваются как книжка. В каждой из них есть анимированная кнопка и место для изображения.

Сайтодел | #сниппет #css
2,659
Сайтодел | GitHub, Верстка, Сайты, FullStack

23 Nov, 07:25

🎨 Цветовая палитра макета "Fitness Mobile Ios App"

HEX | RGB
#F9F3E4 | rgb(249,243,228)
#F8C06D | rgb(248,192,109)
#3B867F | rgb(59,134,127)

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

Сайтодел | #палитра
2,639
Сайтодел | GitHub, Верстка, Сайты, FullStack

21 Nov, 11:11

✍️ IBM Plex Sans – это корпоративный шрифт IBM без засечек, который поддерживает различные языки и алфавиты мира. Посмотреть его использование можно в сниппете Simple Grid With Reveal

Сайтодел | #шрифт
2,818
Сайтодел | GitHub, Верстка, Сайты, FullStack

20 Nov, 13:21

🐙 Date.js – библиотека, которая парсит, валидирует и отображает даты. Все изменения возвращают новый экземпляр даты, что помогает избежать ошибок в коде.

Сайтодел | #репозиторий #github
2,933
Сайтодел | GitHub, Верстка, Сайты, FullStack

19 Nov, 17:32

🖥 Meal Planner UI Kit – дизайн приложения для подбора плана питания. В интерфейсах использованы оттенки фиолетового, а также прозрачные элементы в черной обводке.

Сайтодел | #макет #figma
3,066
Сайтодел | GitHub, Верстка, Сайты, FullStack

19 Nov, 08:08

💾 Wave – анимация загрузки, похожая на волну. Элемент построен из линий, которые меняют свою длину и тем самым создают очертания предмета.

Сайтодел | #сниппет #css
2,917
Сайтодел | GitHub, Верстка, Сайты, FullStack

18 Nov, 17:27

💾 Get Color Palette – фон, который окрашивается в основной цвет с картинки. Для каждого изображения определяются три цвета: основной, вторичный и фоновый.

Сайтодел | #сниппет #css
3,057
Сайтодел | GitHub, Верстка, Сайты, FullStack

17 Nov, 12:56

💾 World Places – карточки с 3D-эффектом и размытой внешней тенью. При наведении курсора они плавно переходят в вертикальную позицию.

Сайтодел | #сниппет #css
3,149
Сайтодел | GitHub, Верстка, Сайты, FullStack

16 Nov, 09:38

✍️ DM Serif Display – высококонтрастный шрифт с засечками, разработанный для надписей и заголовков большого размера. Пример шрифта можно посмотреть в сниппете Color Shaders

Сайтодел | #шрифт
3,158
Сайтодел | GitHub, Верстка, Сайты, FullStack

15 Nov, 10:17

🎨 Цветовая палитра макета "Vision UI Dashboard React"

HEX | RGB
#05CD99 | rgb(5,205,153)
#0075FF | rgb(0,117,255)
#09235E | rgb(9,35,94)

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

Сайтодел | #палитра
3,394
Сайтодел | GitHub, Верстка, Сайты, FullStack

14 Nov, 19:25

🐙 JSON Server – это библиотека с фейковыми REST API. Она поддерживает динамическую генерацию "баз данных", кастомную маршрутизацию и использование модулей.

Сайтодел | #репозиторий #github
3,115
Сайтодел | GitHub, Верстка, Сайты, FullStack

13 Nov, 16:59

🖥 Fitness Mobile Ios App – дизайн мобильного приложения для фитнеса. Акцент тут сделан на шрифтах, контрастных оттенках и сильно скругленных элементах.

Сайтодел | #макет #figma
3,303
Сайтодел | GitHub, Верстка, Сайты, FullStack

12 Nov, 09:01

💾 Image Grids Animation – анимация для картинок в виде сетки из скругленных рамок. Шаблон подстраивается под ширину каждого изображения.

Сайтодел | #сниппет #css
3,558
Сайтодел | GitHub, Верстка, Сайты, FullStack

12 Nov, 07:01

====
💀Music Bunkern: крупнейший в TG Metal-канал☝️
====

👇Подпишись:

🎸Black Metal, Death Metal, Doom Metal, Thrash Metal.
👉Все другие стили и их комбинации😊

📺 Клипы, концерты и фильмы про Metal;

📚Книги, газеты, журналы, посвященные Тяжёлой музыке.

🥁🥁🥁🥁
👉 ВСЁ В ОДНОМ МЕСТЕ
🥁🥁🥁🥁

☠️Все Грани Железа!
🫵Music_Bunkern
1,532
Сайтодел | GitHub, Верстка, Сайты, FullStack

11 Nov, 18:38

💾 Check Micro Animation – чекбокс с анимацией при нажатии. Элемент имеет градиентную заливку, которая заполняет всю его площадь в активном состоянии.

Сайтодел | #сниппет #css
3,405
Сайтодел | GitHub, Верстка, Сайты, FullStack

09 Nov, 15:39

💾 Dot Clock Preloader – часы, у которых стрелка формируется из маленьких квадратов. Когда все элементы собраны, часы снова распадаются на пунктирную окружность.

Сайтодел | #сниппет #css
3,667
Сайтодел | GitHub, Верстка, Сайты, FullStack

08 Nov, 16:07

✍️ SF Pro Text – современный шрифт без засечек из семейства San Francisco. Подходит как для объемных текстов, так и для кратких подписей. Пример есть в сниппете Glide To Reveal

Сайтодел | #шрифт
3,526
Сайтодел | GitHub, Верстка, Сайты, FullStack

07 Nov, 09:46

🖥 Vision UI Dashboard React – дизайн сайта с инфографикой. Особенность сайта – градиенты синего и разная прозрачность элементов.

Сайтодел | #макет #figma
2,840
Сайтодел | GitHub, Верстка, Сайты, FullStack

07 Nov, 07:00

🚀 Монетизируй трафик на максимум с clickstar.me! 🚀

clickstar.me — это простое и мощное решение для монетизации трафика через push-уведомления! Если ты владелец сайта, вебмастер или арбитражник, то платформа clickstar.me поможет тебе легко конвертировать трафик в доход:

📈 Высокий RPM — трафик начинает приносить прибыль с первых кликов.
🌍 Глобальный охват — работаем с 200+ стран!
⚡ Мгновенная настройка — интуитивно понятный интерфейс и удобные инструменты для старта в пару кликов.
🔍 Аналитика и статистика — отслеживай результаты в реальном времени и оптимизируй кампании.

Не забудь заглянуть в блог Фредди @freddy_clickstar чтобы быть в курсе всех новостей, трендов и свежих инсайтов о пуш-уведомлениях и монетизации. Фредди раскрывает секреты рынка и делится ценными советами, которые помогут прокачать доход!
2,406
Сайтодел | GitHub, Верстка, Сайты, FullStack

06 Nov, 18:17

🎨 Цветовая палитра макета "Frosted Glass Button"

HEX | RGB
#E4FBBF | rgb(228,251,191)
#F8B2DA | rgb(248,178,218)
#649EFF | rgb(100,158,255)

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

Сайтодел | #палитра
2,425
Сайтодел | GitHub, Верстка, Сайты, FullStack

05 Nov, 19:17

🐙 Fabric.js – библиотека JavaScript для работы с <canvas> в HTML. Она поддерживает SVG-парсинг и позволяет создавать интерактивные объекты на холсте.

Сайтодел | #репозиторий #github
2,826
Сайтодел | GitHub, Верстка, Сайты, FullStack

04 Nov, 18:38

💾 Social Media Hover Icons – полупрозрачные иконки со скругленными краями. При наведении курсора появляется подсказка с названием, а фон становится непрозрачным.

Сайтодел | #сниппет #css
3,139
Сайтодел | GitHub, Верстка, Сайты, FullStack

03 Nov, 17:29

💾 Loader – спиннер в виде капли, которая пульсирует и распадается на части. У каждого элемента есть падающая тень.

Сайтодел | #сниппет #css
3,401
Сайтодел | GitHub, Верстка, Сайты, FullStack

02 Nov, 11:53

💾 Neumorphic Liquid Slider – слайдер для погоды с анимированной шкалой. В зависимости от температуры меняется число градусов и цвет "воды".

Сайтодел | #сниппет #css
3,593
Сайтодел | GitHub, Верстка, Сайты, FullStack

01 Nov, 08:38

🎨 Цветовая палитра макета "DesignCode UI"

HEX | RGB
#B7F2FA | rgb(183,242,250)
#3380DC | rgb(51,128,220)
#754098 | rgb(117,64,152)

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

Сайтодел | #палитра
3,536
Сайтодел | GitHub, Верстка, Сайты, FullStack

30 Oct, 10:02

🐙 ApiHub – набор бесплатных API, которые можно использовать в учебных целях или для портфолио. Коллекция охватывает различные отрасли и подходит для самых разных целей проекта.

Сайтодел | #репозиторий #github
3,787
Сайтодел | GitHub, Верстка, Сайты, FullStack

30 Oct, 06:16

Превращайте лиды в клиентов без лишних усилий c помощью LeadPlan

LeadPlan – сервис для создания эффективных поп-апов и виджетов без программирования, который поможет:
- собрать базу для рассылок;
- сегментировать аудиторию;
- настраивать стратегии показа виджетов;
- выбирать моменты, когда посетителю действительно требуется помощь в принятии решения о покупке;
- передавать данные в сервисы email-рассылок с готовыми интеграциями;передавать данные по вебхукам.

LeadPlan – это:
✅ просто: создавайте формы за пару минут, даже если вы раньше этого не делали;
✅ профессионально: режим тонкой настройки для создания индивидуального дизайна;
✅ наглядно: отслеживайте ключевые показатели работы виджетов;
✅ эффективно: проводите A/B-тесты гипотез и выбирайте рабочие стратегии.
➡️ Попробуйте LeadPlan бесплатно прямо сейчас! 

Реклама. ООО "ПИСЬМО". ИНН 7811602601.
3,539
Сайтодел | GitHub, Верстка, Сайты, FullStack

30 Oct, 05:25

💾 Color Shaders – зернистый фон с анимированными градиентными бликами. Размытые элементы фона двигаются сами по себе, не зависимо от курсора.

Сайтодел | #сниппет #css
3,098
Сайтодел | GitHub, Верстка, Сайты, FullStack

29 Oct, 05:38

✍️ Fredericka The Great – шрифт, вдохновленный студенческими постерами, архитектурными эксизами и художественными скетчами. Он подойдет для крупных, но коротких надписей. Пример шрифта есть в сниппете This Is Not A Button

Сайтодел | #шрифт
3,578
Сайтодел | GitHub, Верстка, Сайты, FullStack

28 Oct, 05:23

💾 SVG Polygon Generator – генератор многоугольников. Здесь можно задать количество углов фигуры, ее радиус и расположение центра. Затем многоугольник можно вставить в HTML-файл в виде тега.

Сайтодел | #сниппет #css
3,654
Сайтодел | GitHub, Верстка, Сайты, FullStack

23 Oct, 15:03

🖥 Frosted Glass Button – дизайн кнопок с эффектом блюра. За полупрозрачным верхним слоем находятся разноцветные элементы.

Сайтодел | #макет #figma
4,510
Сайтодел | GitHub, Верстка, Сайты, FullStack

23 Oct, 12:59

Приглашаем на Java Jam — бесплатный митап ЮMoney для Java-разработчиков 📹

Спикеры из ЮMoney расскажут о своём опыте разработки, а вы сможете задать им все интересующие вопросы.

Темы докладов 👇

🟣Web Push: как достучаться до пользователей без нативных приложений.
🟣 SonarQube в действии: плагины как ключевой элемент контроля качества в отделе.
🟣 Рефакторинг фискализации: как мы выносили чеки в отдельный сервис.

24 октября, в четверг, в 19:00 (мск) приходите на митап в Санкт-Петербурге или подключайтесь онлайн.

Зарегистрируйтесь, чтобы принять участие. Все подробности и регистрация — на сайте митапа Java Jam
2,776
Сайтодел | GitHub, Верстка, Сайты, FullStack

22 Oct, 19:46

💾 Animations – минималистичные подвижные волны, которые обрамляют заголовок. Анимация применяется к SVG-коду при помощи классов CSS.

Сайтодел | #сниппет #css
3,828
Сайтодел | GitHub, Верстка, Сайты, FullStack

21 Oct, 10:24

🎨 Цветовая палитра макета "Fender Bender Guitar Tune"

HEX | RGB
#F9BA1D | rgb(249,186,29)
#FA00FF | rgb(250,0,255)
#4383FF | rgb(67,131,255)

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

Сайтодел | #палитра
3,808
Сайтодел | GitHub, Верстка, Сайты, FullStack

19 Oct, 05:17

✍️ Manrope – современный шрифт без засечек, созданный для цифровых дисплеев. Он хорошо подходит для блоков текстов. Посмотреть шрифт можно на сайте проекта UI

Сайтодел | #шрифт
3,886
Сайтодел | GitHub, Верстка, Сайты, FullStack

18 Oct, 12:07

Бесплатное IT-образование в 2024

Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления

Выбирайте нужное и подписывайтесь:

👩‍💻 Frontend: @FrontendPortal
⚙️ Backend: @BackendPortal
📱 GitHub: @git_developer
🤓 Книги айти: @portalToIT
👩‍💻 Python: @PythonPortal
👩‍💻 Java: @Java_Iibrary
👩‍💻 C#: @KodBlog
👩‍💻 С/С++: @Cpportal
🖥 Базы Данных & SQL: @SQL
👩‍💻 Golang: @juniorGolang
👩‍💻 PHP: @PHPortal
👩‍💻 Моб. разработка: @MobDev
👩‍💻 Разработка игр: @GameDevgx
👩‍💻 DevOps: @loose_code
🖥 Data Science: @DataSciencegx
🤔 Хакинг & ИБ: @cybersecinform
🐞 Тестирование: @QAPortal
📱 Маркетинг: @MarketingPortal
🖥 Дизайн: @PortalToDesign

➡️ Сохраняйте себе, чтобы не потерять
3,277
Сайтодел | GitHub, Верстка, Сайты, FullStack

16 Oct, 11:33

🐙 Annyang – небольшая javaScript-библиотека для распознавания речи. Она дает возможность управлять сайтом с помощью голосовых команд.

Сайтодел | #репозиторий #github
3,471
Сайтодел | GitHub, Верстка, Сайты, FullStack

16 Oct, 08:01

НАКОНЕЦ-ТО ТРУДНОСТИ С ОПЛАТОЙ ЗАРУБЕЖНЫХ СЕРВИСОВ РЕШЕНЫ 🔥

CheatPay помогает оплатить любые иностранные платформы российскими картами, а также дает возможность перевести средства за границу или получить их оттуда. Это надежный, быстрый и удобный сервис, которому доверяют пользователи.

Больше никаких проблем с работой Zoom, Adobe Photoshop, Chat GPT, Canva Midjourney, Figma, Notion и других нужных программ.

Возможна оплата на ИП и кредитной картой.

А чтобы не потерять сервис, обязательно сохраняйте их канал.

ссылка➡️ https://t.me/cheatpay_ru
2,510
Сайтодел | GitHub, Верстка, Сайты, FullStack

15 Oct, 06:54

🖥 DesignCode UI – дизайн-система для создания мобильных приложений. Она включает в себя полупрозрачные скругленные карточки и элементы с разноцветными градиентами.

Сайтодел | #макет #figma
3,207
Сайтодел | GitHub, Верстка, Сайты, FullStack

14 Oct, 15:51

Новость для разработчиков (java,angular,c#) и автотестеров — до 15:00 23 октября регистрируйся на сайте One Day Offer по ссылке https://clck.ru/3DWJde?erid=LjN8KL7Ss

Тебя ждет онлайн-собеседование и оффер в тот же день. Работать можно из любой точки России. ДМС, обучение и отдых — за счет компании.

Присоединяйся к топовой команде и создавай проекты, которыми можно гордиться.
3,386
Сайтодел | GitHub, Верстка, Сайты, FullStack

14 Oct, 08:10

💾 Loading Bar – анимация загрузки с прямоугольными элементами. Можно использовать ее как единый блок для страницы, а можно выбрать один из четырех квадратов.

Сайтодел | #сниппет #css
3,282
Сайтодел | GitHub, Верстка, Сайты, FullStack

12 Oct, 07:38

💾 Simple Grid With Reveal – галерея, в которой изображение при наведении курсора становится цветным и визуально отдаляется. Сама карточка переходит из темного режима в светлый.

Сайтодел | #сниппет #css
3,622
Сайтодел | GitHub, Верстка, Сайты, FullStack

10 Oct, 06:01

🐙 Aos – библиотека анимаций для JavaScript, сокращенно от "Animate On Scroll". Она позволяет не только пользоваться готовыми анимациями скролла, но и кастомизировать их для любого проекта.

Сайтодел | #репозиторий #github
3,997
Сайтодел | GitHub, Верстка, Сайты, FullStack

09 Oct, 05:03

💾 Stacked Cards with Autoplay – карточки, которые перелистываются автоматически. Активная карточка имеет слабую оранжевую подсветку в виде рамки. Подсветка не исчезает во время анимации.

Сайтодел | #сниппет #css
4,049
Сайтодел | GitHub, Верстка, Сайты, FullStack

07 Oct, 17:15

🎨 Цветовая палитра макета "Cosmetic & Skincare Branding"

HEX | RGB
#FEF6A5 | rgb(254,246,165)
#FF7A01 | rgb(255,122,1)
#0224AA | rgb(2,36,170)

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

Сайтодел | #палитра
4,012
Сайтодел | GitHub, Верстка, Сайты, FullStack

06 Oct, 13:39

💾 Longcat Scroll – индикатор скролла в виде большого длинного кота. Слева показана длина кота в пикселях. В исходной позиции появляется всплывающее окно с прогрессом.

Сайтодел | #сниппет #css
3,410
Сайтодел | GitHub, Верстка, Сайты, FullStack

02 Oct, 11:03

✍️ Varela Round – шрифт со скругленными буквами, который подходит для небольших заголовков, текстов на карточках и подписей к иллюстрациям. Пример шрифта есть в сниппете 3D Preloader

Сайтодел | #шрифт
4,287
Сайтодел | GitHub, Верстка, Сайты, FullStack

01 Oct, 12:01

💾 Atom Preloader – сложный лоадер в форме атома с элементами, которые вращаются в разные стороны. Кольца крутятся как в одной плоскости, так и по собственной оси.

Сайтодел | #сниппет #css
3,686
Сайтодел | GitHub, Верстка, Сайты, FullStack

30 Sep, 09:57

🖥 Fender Bender Guitar Tune – концепт дизайна приложения для музыкального магазина. Его особенности – это сочные цвета, контрасты, ретро-шрифты и черные контуры у карточек.

Сайтодел | #макет #figma
3,510
Сайтодел | GitHub, Верстка, Сайты, FullStack

29 Sep, 09:56

💾 Cylinder Toggle – объемный переключатель в виде бочонка с реалистичной тенью. После нажатия он перекатывается и меняет цвет.

Сайтодел | #сниппет #css
3,737
Сайтодел | GitHub, Верстка, Сайты, FullStack

28 Sep, 08:30

🎨 Цветовая палитра макета "Dream Job App"

HEX | RGB
#B7CBCC | rgb(183,203,204)
#FF8041 | rgb(255,128,65)
#2C696C | rgb(44,105,108)

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

Сайтодел | #палитра
3,616
Сайтодел | GitHub, Верстка, Сайты, FullStack

27 Sep, 05:24

✍️ Fjalla One – экранный шрифт без засечек средней контрастности. Имеет хорошую читаемость и приспосабливается к разным размерам экранов. Пример шрифта есть в сниппете Hamburgers

Сайтодел | #шрифт
3,504
Сайтодел | GitHub, Верстка, Сайты, FullStack

25 Sep, 05:18

🐙 Academic Pages – готовый шаблон GitHub Pages для научных сайтов, в который можно подгружать PDF-файлы. Подходит для размещения публикаций, постов, портфолио, лекций и резюме.

Сайтодел | #репозиторий #github
4,202
Сайтодел | GitHub, Верстка, Сайты, FullStack

23 Sep, 05:39

💾 3D Preloader – необычный 3D-лоадер с элементами в виде подвижных столбиков. Чем выше столбик, тем ярче он окрашивается в синий цвет.

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

2025 All Right Reserved

Disclaimer: The content displayed on this website is solely provided by the respective Telegram channels. We hold no ownership or responsibility for the content shared by these channels.