FullStack-материалы от Senior-разработчика для WEB-специалистов
Сотрудничество: @CodingLead
Разработка сайтов любой сложности 👨🏻💻
РКН: shorturl.at/qinly
@sitodel offers specialized information about shorturlatqinly and codinglead for subscribers interested in Кодинг и программирование
Пока нет отзывов. Будьте первым, кто поделится своим опытом!
Последние посты
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
🎥 Video
💾 https://codepen.io/supah/pen/PomKKMB – элемент, который реагирует на движение курсора: меняет форму, цвет и насыщенность лепестков.
| #сниппет #css
520
0
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
413
0
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
🎥 Video
💾 https://codepen.io/jkantner/pen/KQPdXK – набор разноцветных визиток с похожим дизайном. Этот макет также подойдет для презентации собственного дизайна карточек.
| #сниппет #css
504
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
516
0
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
🎥 Video
💾 https://codepen.io/Gogh/pen/PLqyNa – галерея карточек с заголовками и тегами. Каждая карточка напоминает раздел сайта и может содержать ссылки.
| #сниппет #css
522
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
558
0
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
🎥 Video
💾 https://codepen.io/RAFA3L/pen/KKGgLOW – генератор сакуры. При нажатии на кнопку появляется дерево новой формы.
| #сниппет #css
608
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
578
0
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
📷 Photo
🖥 https://www.figma.com/community/file/1263824351659182623 – дизайн сайта для магазина одежды, выполненный в карамельных и бежевых оттенках. Крупные заголовки создают контраст с мелким шрифтом под фотографиями.
| #макет #figma
557
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
26 мая 2026 г., 22:54
521
0
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
11 мая 2026 г., 04:40
📷 Photo
🐙 https://github.com/jhuckaby/Cronicle – планировщик задач, который отслеживает статистику, автоматизирует обработку данных и рассылает оповещения. Проект написан на Node.js.
| #репозиторий #github
867
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
11 мая 2026 г., 04:40
🎥 Video
💾 https://codepen.io/sparanoid/pen/nPopbG – заготовка для раскрывающегося меню в форме сегмента круга. При выборе одной из опций меню закрывается, а на ее месте появляется полупрозрачный круг.
| #сниппет #css
636
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
11 мая 2026 г., 04:40
📷 Photo
🖥 https://www.figma.com/community/file/1298566101639340605 – дизайн мобильного приложения для приюта с животными. Его особенности - контрастность и использование оттенков красного.
| #макет #figma
687
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
11 мая 2026 г., 04:40
🎥 Video
💾 https://codepen.io/jackharner/pen/bdPmQM – эффект изменения цвета фона при скролле. Его можно использовать в лендинге вместо того, чтобы создавать отдельный фон для каждого раздела.
| #сниппет #css
933
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
11 мая 2026 г., 04:40
🎥 Video
💾 https://codepen.io/kjbrum/pen/qooQJJ – курсор в виде полупрозрачного круга. Его удобно использовать с галереей изображений, чтобы указатель не сливался с фоном, а был контрастным.
| #сниппет #css
✍️ https://fonts.google.com/specimen/Plus+Jakarta+Sans?query=plus+jakarta+sans – геометрический шрифт без засечек, вдохновленный гарнитурами Neuzeit Grotesk, Futura и гротесками без засечек 1930х гг. Пример можно увидеть в дизайне | #шрифт
902
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
11 мая 2026 г., 04:40
🎥 Video
💾 https://codepen.io/z-/pen/WNbMjEW – варианты выпадающего меню для карточек. Можно менять цвет фона, иконок и количество элементов в левом верхнем углу.
| #сниппет #css
869
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
11 мая 2026 г., 04:40
🎥 Video
💾 https://codepen.io/yagoestevez/pen/oapQEJ – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.
| #сниппет #css
857
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
🎥 Video
💾 https://codepen.io/_fbrz/pen/XWOVxR – эффект для кнопки с анимацией фона и изменением цвета. Можно настроить его не только на кейс с ошибкой, но и на успешное действие.
| #сниппет #css
806
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
📷 Photo
🖥 https://www.figma.com/community/file/1215544343054793461 – дизайн приложения для заметок. Его особенности - это неяркие светлые тона, кремовый фон и скругленные углы.
| #макет #figma
1,030
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
🎥 Video
💾 https://codepen.io/simeydotme/pen/gOqNxRa – кнопка с эффектом подсветки. Неоновое свечение вращается по часовой стрелке всего пару секунд.
| #сниппет #css
1,020
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
📷 Photo
✍️ https://fonts.google.com/specimen/Asap – современный шрифт без засечек с закругленными углами, который был разработан специально для цифровых экранов. Его особенность - стандартизированная ширина символов, благодаря чему строки остаются одинаковой длины.
| #шрифт
834
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
🎥 Video
💾 https://codepen.io/Paolo-Duzioni/pen/ZoRabJ – коллекция лоадеров, которые основаны на разных геометрических формах. Некоторые элементы меняют прозрачность, а другие имеют элементы 3D.
| #сниппет #css
1,040
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
📷 Photo
🐙 https://github.com/PipedreamHQ/pipedream – это платформа для разработчиков, которая позволяет интегрировать приложения, работать с API и создавать автоматизацию на основе событий.
| #репозиторий #github
1,060
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
📷 Photo
🐙 https://github.com/PipedreamHQ/pipedream – это платформа для разработчиков, которая позволяет интегрировать приложения, работать с API и создавать автоматизацию на основе событий.
| #репозиторий #github
1,000
0
Сайтодел | GitHub, Верстка, Сайты, FullStack
1 апр. 2026 г., 21:32
🎥 Video
💾 https://codepen.io/kylelavery88/pen/GoEvRd – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.
| #сниппет #css
