34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
💾 Bouncy Star Rating – прыгающие звездочки для рейтинга. Если между двумя нажатыми элементами есть другие, то анимируются сразу все последние звездочки.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Virtual Reality Landing Page Concept" HEX | RGB #FAB9F1 | rgb(250,185,241)
#524686rgb(82,70,134) #270631 | rgb(39,6,49)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
✍️ Anton – адаптация традиционного рекламного шрифта без засечек для экранов цифровых устройств. Пример можно увидеть в сниппете Template Plants Animated
Сайтодел | #шрифт
💾 Blob – фоторамка с подвижными границами. Область фотографии отталкивается от курсора и почти сразу возвращается на свое место.
Сайтодел | #сниппет #css
💾 Mouse Balls Animation – эффект для курсора в виде разноцветных кругов. Каждый элемент со временем тускнеет и уменьшается в размере.
Сайтодел | #сниппет #css
💾 Neu Times – оригинальные часы с цифрами на подвижных пластинках. Каждому элементу соответствует максимально возможное количество цифр.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "MNTN Landing Page" HEX | RGB #ABCF9C | rgb(171,207,156)
#719EA6rgb(113,158,166) #142F1F | rgb(20,47,31)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
#vacancy #middle #react #python #mongo #typescript
Вакансия: Fullstack разработчик
Компания: Doki.online - молодой, быстрорастущий стартап, который оказывает сервис цифрового договора между бизнесом и конечным клиентом. Без бумаги, без ЭЦП.
Формат работы: удаленный
Занятость: full-time
Вилка: 100-200к на руки (в зависимости от опыта кандидата)
🟩Основные задачи:
- Придумываени и разработка новых фич;
- Фиксинг багов;
🟩Обязательные ключевые навыки:
- Хорошее знание JavaScript/TypeScript, React, Python;
- Уверенное владение HTML, CSS;
📩 Контакт для связи: @superpupermegaman
🖥 Virtual Reality Landing Page Concept – футуристичный дизайн для лендинга про виртуальную реальность. Преобладают оттенки голубого, фиолетового и красного.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Chat UI Kit" HEX | RGB #EFE4C4 | rgb(239,228,196)
#C2EFE8rgb(194,239,232) #B4D5FC | rgb(180,213,252)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
✍️ Zeyada – рукописный шрифт с необычным соединением букв, который не похож на стандартный курсив. Назван в честь молодой женщины из Эфиопии. Пример шрифта можно увидеть в сниппете Papers
Сайтодел | #шрифт
💾 Windows XP – полупрозрачный стеклянный логотип Windows. Отличный пример того, как можно представить графику в 3D-формате.
Сайтодел | #сниппет #css
💾 Boxy Preloaders – лоадеры из анимированных градиентных прямоугольников. Каждый элемент выглядит мягким и пластичным, а также меняет свой цвет.
Сайтодел | #сниппет #css
✍️ Overlock – шрифт с закругленными элементами, который подходит для заголовков и коротких текстов в печати и на веб-страницах.
Сайтодел | #шрифт
🖥 Chat UI Kit – дизайн для чатов с шапкой, футером и объемными аватарками. Главная страница имеет множественный градиент в сине-зеленых оттенках.
Сайтодел | #макет #figma
💾 Text Particle – текст, составленный из множества мелких анимированных частиц. С помощью панели управления можно менять скорость, направление движения, отступ и время существования частицы.
Сайтодел | #сниппет #css
💾 X-Ray Text Hover Effect – эффект "рентгена" для текста. При наведении курсора он показывает только обводку букв и убирает их заливку.
Сайтодел | #сниппет #css
🐙 Open UI – инструмент для создания верстки с помощью нейросети. На основе текстового описания генерируется дизайн и код страниц.
Сайтодел | #репозиторий #github
🖥 Beauty And Skincare Landing Page – изысканный дизайн лендинга для магазина косметики. Его особенности – это утонченные шрифты и приглушенные оттенки бирюзового.
Сайтодел | #макет #figma
✍️ EB Garamond – классический шрифт с засечками, вдохновленный шрифтами 1500-х годов. Подходит для небольших надписей. Шрифт можно увидеть в заголовках однотонных карточек в макете Colour Palettes/Moodboards
Сайтодел | #шрифт
Обучайся ИТ и строй карьеру уже во время учебы
Это возможно в «Школе 21» — школе цифровых технологий от Сбера
Вот лишь несколько особенностей:
— обучение в школе бесплатное, от тебя нужна только мотивация
— 100% выпускников работают в крутых ИТ-компаниях
— стажировка входит в образовательный трек
— во время обучения соберешь портфолио и получишь реальный опыт
Кампусы школы находятся в Москве, Ярославле, Сургуте, Казани и других городах России и работают 24/7.
Узнавай больше и подавай заявку на сайте «Школы 21» уже сейчас!
Реклама. Заказчик АНО "Школа 21" ИНН 7736316133
💾 Procedural Birb – маленькие птички, параметры для которых генерируются рандомно. Можно создать свою иллюстрацию, задав необходимые черты в окне настроек.
Сайтодел | #сниппет #css
🐙 Front End Web Development Resources – репозиторий с полезными материалами для разработчиков. Здесь есть ссылки на полезные статьи, блоги, Youtube-каналы, фреймворки и библиотеки иконок.
Сайтодел | #репозиторий #github
💾 Search With Morphing Button – поле ввода с изменяющейся иконкой. Если убрать фокус, то иконка возвращается к изначальному состоянию.
Сайтодел | #сниппет #css
💾 3D Camera Icons – крупные детализированные иконки с реалистичным блеском. Их можно использовать как варианты для светлой и темной тем приложения.
Сайтодел | #сниппет #css
🐙 Front End Web Development Resources – полезный репозиторий с материалами для обучения фронтенду. Тут есть карта развития (roadmap) разработчика, описание инструментов и редакторов кода, ссылки на блоги, каналы и подкасты.
Сайтодел | #репозиторий #github
🖥 MNTN Landing Page – дизайн сайта о путешествиях. Здесь использованы самые разные оттенки зеленого, а также эффект наложения элементов друг на друга.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Neo-Brutalism UI Kit" HEX | RGB #FFFB47 | rgb(255,251,71)
#B8FF9Frgb(184,255,159) #FF9FA0 | rgb(255,159,160)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 CSS3 Speedometer Emoji Gauge – шкала оценки, где каждой реакции соответствует свой цвет и эмодзи. Перетаскивать можно только бегунок на горизонтальной шкале.
Сайтодел | #сниппет #css
💾 3D CSS && Scroll-Driven Laptop Flip – анимация прокрутки одностраничного сайта. При скролле вниз ноутбук раскрывается и показывает картинку.
Сайтодел | #сниппет #css