34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
💾 ScrollTrigger Image Zoom – анимация скролла страницы. Прокрутка создает необычный эффект зума в середину страницы, а потом переходит в перелистывание слайдов.
Сайтодел | #сниппет #css
💾 Generative Blobs – маски неправильной формы для изображений. Тут можно менять количество углов и степень заостренности, а также генерировать рандомные варианты.
Сайтодел | #сниппет #css
Яндекс приглашает на Young Con — первый фестиваль о карьере в IT и современных технологиях
• 6000 участников
• 10+ часов приключений и нетворкинга
• 30 топ-менеджеров Яндекса, которые поделятся личным опытом и расскажут про возможности, которые дает работа в крупной IT-компании
• Секреты технологий
• И не только!
Прямо во время ивента начинающие разработчики смогут пройти экспресс-собеседование, чтобы затем попасть на стажировку в компанию. Это хороший шанс построить карьеру в Яндексе, ведь более половины стажеров, по статистике, затем получают оффер.
Гостей Young Con ждет еще одно событие: финал «Баттла вузов» — турнира по программированию среди студентов с призовым фондом 1 млн рублей. Выигрыш участники команды-победителя разделят между собой. Завершится фестиваль выступлением хедлайнеров The Hatters и ХЛЕБ.
Young Con пройдет 27 июня на Live Arena в онлайн- и офлайн-формате.
Зарегистрироваться и узнать подробности можно здесь.
🖥 Ice Cream Landing Page – дизайн лендинга для магазина мороженого. Здесь использованы сочные, "ягодные" оттенки красного и фиолетового.
Сайтодел | #макет #figma
💾 AI02: Chiclet – дизайн мобильного приложения с туристическими маршрутами. Объемный эффект создается за счет теней у карточек и мягких градиентов.
Сайтодел | #сниппет #css
✍️ Bricolage Grotesque – изысканный шрифт во французском стиле, который подойдет для крупных заголовков. Пример шрифта есть в сниппете Custom Keyboard Landing Page
Сайтодел | #шрифт
💾 Lottie Animations in React – анимация, написанная на библиотеке Lottie. Весь код находится в JS-файле, а HTML и CSS не используются.
Сайтодел | #сниппет #css
🐙 DrawDB – бесплатный, простой и интуитивно понятный инструмент для дизайна баз данных, а также генератор SQL. В приложение также можно импортировать DDL-скрипты и JSON-файлы, чтобы построить на их основе диаграммы.
Сайтодел | #репозиторий #github
🖥 Ecommerce App – дизайн мобильного приложения для онлайн-магазина. Он выделяется пудровыми оттенками и текстами на прозрачном фоне.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Keep Your Plant Alive" HEX | RGB #ABBE92 | rgb(171,190,146)
#2A6912rgb(42,105,18) #0F2A0C | rgb(15,42,12)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Futuristic Card Effect – карточка со слайд-шоу из фотографий. Для футуристичного эффекта есть фильтр в мелкую полосочку и неоновая подсветка текста.
Сайтодел | #сниппет #css
✍️ Baskerville – старинный шрифт с засечками, который часто используют на сайтах для создания эффекта утонченной классики. Пример шрифта есть на официальном сайте Awesomeplete
Сайтодел | #шрифт
💾 Draggable Price Scale – шкала, которая высчитывает взаимосвязь цены на услугу за месяц и в год. Можно выделить цветом несколько участков шкалы в зависимости от категории цены.
Сайтодел | #сниппет #css
💾 Hexagon Rotating Gradient Border – лоадер, представляющий собой шестиугольник, по периметру которого вращается неоновый свет. Наверху поток замедляется, а внизу наоборот ускоряется.
Сайтодел | #сниппет #css
💾 Bouncy Image Radio Group – галерея с "резиновым" эффектом. После клика картинка расширяется, словно сделана из мягкого материала.
Сайтодел | #сниппет #css
✍️ Bitter – современный шрифт с засечками, который разрабатывали специально для компьютеров и других устройств. Дизайн шрифта основан на пиксельной сетке. Пример можно посмотреть в сниппете Mini Music Player
Сайтодел | #шрифт
🎨 Цветовая палитра макета "AI and Machine Learning Landing Page" HEX | RGB #96DDEE | rgb(150,221,238)
#FD82F4rgb(253,130,244) #9640E2 | rgb(150,64,226)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 SVG Filter Text Marquees – многослойное изображение с анимированным текстом. Анимацию можно остановить, нажав на кнопку.
Сайтодел | #сниппет #css
🐙 Nuclei Templates – шаблоны для сканера уязвимостей Nuclei, которые позволяют тестировать веб-приложения. На основе этих шаблонов происходит отправка запросов.
Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Ecommerce App" HEX | RGB #C2BFB7 | rgb(194,191,183)
#E29FA8rgb(226,159,168) #2B5B7D | rgb(43,91,125)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🖥 AI and Machine Learning Landing Page – сайт для приложения, использующего нейросеть. Выполнен в холодных пастельных тонах, которые хорошо сочетаются с темным фоном.
Сайтодел | #макет #figma
💾 React Range Sliders – графики и шкалы, на которых можно перемещать отметки вручную. Числовые данные при этом меняются автоматически.
Сайтодел | #сниппет #css
💾 Smooth Liquid Background Effect – эффект фона, созданный с помощью размытия цветных пятен. Элементы движутся, отталкиваясь от краев экрана.
Сайтодел | #сниппет #css
✍️ Noto Sans – семейство шрифтов без засечек для разных письменностей, которые имеются в системе Юникод. Его особенность - округлые буквы, которые легко читаются на экранах устройств.
Сайтодел | #шрифт
🖥 Travalizer – макет приложения с советами для путешественников. Теплые оттенки зеленого и кремового ассоциируются с природой и отпуском.
Сайтодел | #макет #figma
💾 Canva's Magic Mouse Effect – эффект подсветки с анимированными полупрозрачными звездочками. Подойдет для ярких рекламных лендингов.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Velvety" HEX | RGB #D2DDBF | rgb(210,221,191)
#8CA475rgb(140,164,117) #213621 | rgb(33,54,33)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🖥 Keep Your Plant Alive – дизайн сайта для садоводов, выполненный в темных и средних оттенках травянисто-зеленого цвета. В карточках используется эффект прозрачности.
Сайтодел | #макет #figma
🐙 Complete JavaScript Course – список материалов для курса Йонаса Шмедтманна на Udemy. Здесь есть стартовые и финальные файлы для учебных проектов.
Сайтодел | #репозиторий #github
✍️ Lexend – шрифт без засечек, созданный в 2018 году для более удобного и комфортного чтения текстов. Пример шрифта можно увидеть в заголовках сниппета "Stripe Sessions Style Flex Carousel"
Сайтодел | #шрифт