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

@sitodel

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

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

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

Сайтодел (Russian)

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

Сайтодел | 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)

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

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

775

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

14 Nov, 19:25

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

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

1,359

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

13 Nov, 16:59

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

Сайтодел | #макет #figma

1,730

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

12 Nov, 09:01

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

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

1,934

Сайтодел | 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

2,027

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

09 Nov, 15:39

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

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

2,430

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

08 Nov, 16:07

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

Сайтодел | #шрифт

2,660

Сайтодел | 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