Телеграм канал «Html Gram»

Menu Hover Fill Text Эффект постепенной заливки пунктов меню при наведении на них. Реализовано с помощью SCSS. ⤷ Забрать код @HtmlGram1 | #scss

Outline-to-Fill Tab Icon Animations Анимация значков меню. Реализовано с помощью SCSS и JS. ⤷ Забрать код @HtmlGram1 | #scss #JavaScript

Jouer avec les flous Эффект размытия при наведении на карточки. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

404 animation "Страница не найдена" с изображением ящика с недостающими документами. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

Log In / Sign Up Брутальный дизайн для формы регистрации/входа в аккаунт. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css

🔮 Пришла пора заглянуть в будущее дизайна. 23–24 сентября. Сколково. Конференция BOOST 🔸 Поговорим про тренды, о которых не трубят из каждого утюга — откуда они берутся, зачем нужны и что с ними будет завтра. Вот только некоторые темы: → визуальный беспорядок как способ вернуть «человечность» в эпоху глянцевого ИИ; → AI, который подстраивается под эмоции пользователя; → ретрофутуризм как средство сгладить синтетичность нейросеток; → гипермаксимализм вместо привычного минимализма; → speculative UX — прототипы из будущего, которые никто не собирается запускать (но все будут обсуждать). 🔸 В программе круглый стол по вопросам заработка на дизайн-трендах, квиз, доклады и дискуссии от крутейших креативных команд: Flowwow, Яндекс Афиша, Сбер, Циан, AGIMA, Pragmatica, Луч, Beta, ЦЕХ, Opencore, Only, Prequel, ENDY, Студия Чулакова, Pinkman — и это далеко не полный список. 🔸 Ждем всех: дизайн-директоров, арт-директоров, креативных лидов, бренд-стратегов и дизайнеров, которым интересны тренды. Будем знакомиться! Еще раз: 23–24 сентября, BOOST. Программа и билеты тут: http://boostconf.ru/design

Lavalamp CSS Menu Анимация меню с перемещением заливки для каждой вкладки при наведении на неё. Реализовано с помощью CSS. ⤷ Забрать код @HtmlGram1 | #css