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

15 Feb, 07:56


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

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

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

14 Feb, 19:24


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

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

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

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

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

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

13 Feb, 09:29


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

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

11 Feb, 14:10


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

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

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

11 Feb, 10:46


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

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

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

Регистрируемся на конфу здесь — там же до 14 февраля будут выкатывать онлайн-активности.

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

10 Feb, 14:38


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

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

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

08 Feb, 12:47


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

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

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

06 Feb, 07:54


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

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

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

05 Feb, 13:08


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

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

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

05 Feb, 10:06


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

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

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

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

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

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

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

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

04 Feb, 17:21


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

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

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

03 Feb, 09:39


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

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

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

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

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

03 Feb, 06:37


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

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

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

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

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

Регистрируйтесь в DashaMail и зарабатывайте с реферальной программой

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

02 Feb, 19:22


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

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

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

01 Feb, 17:15


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

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

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

31 Jan, 15:12


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

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

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

28 Jan, 12:46


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

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

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

27 Jan, 16:03


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

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

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

27 Jan, 09:43


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

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

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

26 Jan, 08:14


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

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

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

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

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

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

21 Jan, 13:24


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

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

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

21 Jan, 09:48


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

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

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

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

20 Jan, 20:04


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

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

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

19 Jan, 08:29


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

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

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

18 Jan, 10:07


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

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

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

16 Jan, 18:36


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

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

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

15 Jan, 07:08


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

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

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

14 Jan, 15:01


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

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

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

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

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

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

11 Jan, 17:43


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

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

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

10 Jan, 18:37


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

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

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

09 Jan, 17:04


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

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

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

08 Jan, 16:15


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

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

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

07 Jan, 20:08


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

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

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

04 Jan, 14:38


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

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

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

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

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

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

02 Jan, 18:44


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

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

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

31 Dec, 15:14


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

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

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

29 Dec, 18:49


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

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

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

28 Dec, 12:01


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

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

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

26 Dec, 16:43


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

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

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

25 Dec, 16:43


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

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

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

24 Dec, 17:04


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

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

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

23 Dec, 16:49


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

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

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

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

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

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

20 Dec, 13:59


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

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

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

19 Dec, 15:05


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

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

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

19 Dec, 07:01


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

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

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

18 Dec, 11:02


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

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

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

17 Dec, 20:43


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

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

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

16 Dec, 13:53


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

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

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

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

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

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

14 Dec, 20:24


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

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

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

13 Dec, 13:14


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

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

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

12 Dec, 16:47


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

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

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

11 Dec, 07:21


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

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

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

10 Dec, 19:01


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

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

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

09 Dec, 17:41


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

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

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

09 Dec, 05:34


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

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

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

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

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

08 Dec, 08:28


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

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

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

30 Nov, 07:38


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

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

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

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

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

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

28 Nov, 14:09


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

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

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

27 Nov, 14:59


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

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

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

26 Nov, 15:00


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

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

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

25 Nov, 19:15


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

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

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

24 Nov, 11:10


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

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

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

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

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

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

21 Nov, 11:11


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

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

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

20 Nov, 13:21


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

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

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

19 Nov, 17:32


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

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

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

19 Nov, 08:08


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

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

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

18 Nov, 17:27


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

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

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

17 Nov, 12:56


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

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

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

16 Nov, 09:38


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

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

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

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

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

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

14 Nov, 19:25


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

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

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

13 Nov, 16:59


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

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

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

12 Nov, 09:01


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

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

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

12 Nov, 07:01


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

👇Подпишись:

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

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

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

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

☠️Все Грани Железа!
🫵Music_Bunkern

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

11 Nov, 18:38


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

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

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

09 Nov, 15:39


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

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

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

08 Nov, 16:07


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

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

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

07 Nov, 09:46


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

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

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

07 Nov, 07:00


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

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

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

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

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

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

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

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

05 Nov, 19:17


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

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

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

04 Nov, 18:38


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

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

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

03 Nov, 17:29


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

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

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

02 Nov, 11:53


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

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

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

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

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

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

30 Oct, 10:02


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

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

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

30 Oct, 06:16


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

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

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

Реклама. ООО "ПИСЬМО". ИНН 7811602601.

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

30 Oct, 05:25


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

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

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

29 Oct, 05:38


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

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

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

28 Oct, 05:23


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

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

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

23 Oct, 15:03


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

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

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

23 Oct, 12:59


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

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

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

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

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

Зарегистрируйтесь, чтобы принять участие. Все подробности и регистрация — на сайте митапа Java Jam

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

22 Oct, 19:46


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

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

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

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

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

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

19 Oct, 05:17


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

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

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

➡️ Сохраняйте себе, чтобы не потерять

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

16 Oct, 11:33


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

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

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

16 Oct, 08:01


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

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

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

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

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

ссылка➡️ https://t.me/cheatpay_ru

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

15 Oct, 06:54


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

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

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

14 Oct, 15:51


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

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

Присоединяйся к топовой команде и создавай проекты, которыми можно гордиться.

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

14 Oct, 08:10


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

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

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

12 Oct, 07:38


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

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

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

10 Oct, 06:01


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

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

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

09 Oct, 05:03


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

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

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

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

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

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

06 Oct, 13:39


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

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

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

02 Oct, 11:03


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

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

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

01 Oct, 12:01


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

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

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

30 Sep, 09:57


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

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

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

29 Sep, 09:56


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

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

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

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

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

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

27 Sep, 05:24


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

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

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

25 Sep, 05:18


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

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

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

23 Sep, 05:39


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

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