Берлога программиста | Веб и не только

Claymorphic toggle Стильный переключатель в стиле клейморфизм, реализованный с помощью GSAP. #переключатель #gsap #claymorphism 👉 @frontend_trends

Bauhaus/Mondrian Анимация смены текста внутри сетки при наведении или клике, реализованная на чистом CSS. #анимация #grid #css 👉 @frontend_trends

Начни путь в IT профессию 22 марта Хотите сменить профессию, выйти на фриланс, приобрести практический навык во фронтенд-разработке и устроиться на работу с зарплатой от 40-50 до 90т.р. сразу после обучения? Регистрируйтесь на бесплатный 4-х дневный интенсив «Новостной агрегатор» и узнайте, какие возможности откроются перед вами! https://bit.ly/3ubOdTw Что будет на интенсиве: • За 4 дня вместе разберем все самые важные и интересные аспекты профессии веб-разработчика. • На основе макета напишете HTML-разметку и CSS-стили “Новостного агрегатора”. • Напишете логику на чистом JavaScript и поработаете с API. • Опубликуете готовый проект на GitHub Pages. • Убедитесь, что IT есть и будет востребованными профессиями. Фронтенд-разработка - одна из самых перспективных специальностей. 📌Сделайте первый шаг в новую современную профессию и начните зарабатывать удаленно уже в ближайшие месяцы. Успейте занять свое место на интенсиве. Переходите по ссылке прямо сейчас и регистрируйтесь бесплатно: https://bit.ly/3ubOdTw

"The Last Duel" Movie Trailer Анимация смены стильно оформленных фотографий, реализованная с помощью React и GSAP. #анимация #gsap #react 👉 @frontend_trends

Pure CSS Product Card Карточка товара с анимацией выбора конфигурации товара, реализованная на чистом CSS. #карточки #css 👉 @frontend_trends

Grid Items Share Background Адаптивные элементы сетки с общим фоном, реализованные с помощью CSS и JavaScript. #grid #css #javascript 👉 @frontend_trends

Neumorphism - Wave Animation Волновая анимация при клике на кнопку в стиле неоморфизма, реализованная с помощью CSS и JavaScript. #анимация #css #javascript #неоморфизм 👉 @frontend_trends

БЕСПЛАТНЫЕ КУРСЫ ПО ВЕБ-РАЗРАБОТКЕ Ребята из HTML Academy, которые учат фронтенду, открыли бесплатный доступный ко всем тренажёрам по веб-разработке. Там много всего интересного: можно научиться микросеткам, стилизации, формам, разметке текста, работе с флексами. Есть тренажёры по php и js. НАЧАТЬ ПРОХОДИТЬ

Navigation PageDesign/Lesson Навигационная панель с плавной прокруткой до якорной ссылки, реализованная с помощью jQuery. #навигация #анимация #jquery 👉 @frontend_trends

👀Интересуешься веб разработкой? Канал, в котором ты сможешь прокачать свои навыки HTML/CSS/Javascript 💻

0123456789 Rhymes Анимация появления и исчезновения цифры, полоски и текста, реализованная на чистом CSS. #анимация #текст #css 👉 @frontend_trends

Shatter Генератор, позволяющий рандомно разбить SVG-объект на несколько кусочков, который можно скачать в PNG или SVG-формате. Генератор реализован с помощью CSS и JavaScript. #svg #css #javascript 👉 @frontend_trends

Folder Hover Micro Interaction Микровзаимодействие при наведении курсора на папку, реализованное на чистом CSS. #анимация #css #hover 👉 @frontend_trends

Text reveal animation Анимация раскрытия текста, реализованная на чистом CSS. #анимация #текст #css 👉 @frontend_trends

CodePen Neon Анимация неонового свечения 3D-текста, реализованная с помощью CSS и JavaScript. #анимация #3D #текст #css #javascript 👉 @frontend_trends

Animate Tooltip Анимация подсказки, реализованная на чистом CSS. #анимация #tooltip #css 👉 @frontend_trends

Не можешь найти красивые и интересные макеты для пополнения портфолио? Канал макеты Figma для тебя!  ▫️Более 200 макетов разной сложности от новичка до гуру🤫 ▫️Макеты выходят каждый день😏 ▫️Удобные посты макетов в формате видео🤭 ▫️Макеты реальных проектов с фриланса😎 ▫️Отзывчивая и уютная обстановка🤪 ▫️Проходят конкурсы и соревнования по верстке с призами🥳 В общем, подписывайся на канал, и ты больше никогда не будешь тратить время на поиск следующего макета!

Outfit at Dusk Фоновая анимация рандомных SVG-фигур, которые меняют свою форму и расположение при клике. Реализовано с помощью CSS и JavaScript. #анимация #svg #css #javascript 👉 @frontend_trends

Gooey loader Анимация липкого прелоадера, реализованного на чистом CSS. #анимация #прелоадеры #css 👉 @frontend_trends