Полезная вЁрстка

About Us Pop-Out Effect — простой эффект всплывающего изображения на чистом CSS. #анимация #popout #css

Хотите изучить программирование и стать востребованным веб-разработчиком? Попробуйте себя в вёрстке и поучаствуйте в бесплатном интенсиве!  Когда: с 1 по 9 сентября.  Зачем участвовать? - Вы разберётесь с основами создания сайтов; - Познакомитесь с HTML и CSS и попробуете себя в качестве верстальщика; - Получите бесплатные тренировочные материалы и скидки на обучение. Хотите стать айтишником с нуля? Записывайтесь на интенсив и начните обучение уже сейчас!

Parallax scroll animation — анимация смены времени суток при прокрутке страницы, реализованная с помощью GSAP и ScrollTrigger. #анимация #параллакс #parallax #animation #GSAP #ScrollTrigger

Тебе открыт доступ к уникальной базе знаний Если ты фронт или дизайнер, такое лучше не пропускать. Фронтам ~ бесплатное введение в основы UI/UX. Поможет наработать визуальный вкус и прокачать креатив. UX/UI дизайнерам ~ замена платным курсам и экономия двух тысяч часов на поиске и сортировке информации. Заходи ко мне: @glaza_ui

CSS mouse-out transition effect — фоновый переход при наведении курсора на текст на чистом CSS. #анимация #mouseout #transition #css

CSS mouse-out transition effect — фоновый переход при наведении курсора на текст на чистом CSS. #анимация #mouseout #transition #css

CSS Typing Effect — эффект набора текста на чистом CSS. #анимация #typing #animation #css

CSS Goey footer — футер с анимацией стекающих капель на чистом CSS. #анимация #footer #css

Учитесь фронтенд-навыкам с экспертами! Осваивать новые навыки и расти до мидл фронтенд-разработчика можно в десятки раз быстрее, если во время обучения проходить код-ревью и получать обратную связь по решению задач от эксперта. Он проверит код и скажет, что в нём хорошо, а что нужно поправить, вовремя направит в нужную сторону и поделится решением из личного опыта. Выбрав персональное обучение, вы получаете пакет личных консультаций с экспертом по теме курса. Начать учиться новым навыкам вы можете на курсах: – Алгоритмы и структуры данных, – TypeScript: Теория типов, – CSS-анимации, – Протоколы и сети, – И еще на 12 курсах.  Учитесь в комфортном темпе в сопровождении эксперта, экономьте время на обучении и сразу практикуйте новые навыки в работе. Переходите по ссылке, чтобы начать.

Liquid UI Elements — жидкие кнопки, радио-кнопки, переключатели и чекбоксы. Анимация реализована с помощью GSAP. #кнопки #button #radio #checkbox #gsap

Tabbar — панель вкладок с "жидкими иконками", анимация реализована с помощью GSAP и MorphSVGPlugin. #панельвкладок #tabbar #GSAP

Хочешь иметь крутое портфолио но у тебя нечего верстать? РЕШЕНИЕ ЕСТЬ!!! Подпишись на канал 👉 @figma_templates — где каждый день публикуются макеты Figma для практики верстки Этих макетов еще нет в сети, поэтому они будут уникальными для первых кто их скачает, так как мы берем их из самого популярного ресурса ENVATO У всех подписчиков есть возможность бесплатно заказать один из более чем 3500 макетов на выбор

React Slider w/ Hover Effect — слайдер, созданный с помощью React, с оригинальным эффектом при наведении. #слайдер #slider #css #javascript #react

Custom Cursor — кастомный курсор, реализованный с помощью Anime.js. #курсор #cursor #animejs

Вебинар про карьерный рост 🔥 Друзья, уже в следующую среду, мы с Полиной — нашим HR ментором, планируем провести вебинар по карьерному росту в компании. О чем поговорим? 🤓 — что можно считать карьерным ростом (на этот счет есть разные мнения) — кто отвечает за карьерный рост сотрудников — какие есть возможности и ограничения в компаниях разных типов — что делать, если хочешь роста — что делать, если не хочешь роста, а тебя “растят” — обсудим ваши вопросы (можете прислать их заранее) Где и во сколько? 📅 В среду (24.08) в 19:00 по мск. Как всегда, в видео чате нашего тг канала. Подписывайтесь на наш канал, чтобы не пропустить 😎 Всех ждем-с! ✌️

Йоу йоу йоу, тут у наших ребят свой прямой эфир намечается - будет полезно) 👇👇👇

GSAP ScrollTrigger — анимация движения текста и изображений при скролле страницы, реализованная с помощью GSAP и ScrollTrigger. #анимация #gsap #scrolltrigger

Candy Color Button Animation — коллекция кнопок в стиле неоморфизма. Кнопки имеют эффектные анимации при наведении, реализованные на чистом CSS. #кнопки #button #css #hover

​​Frontender's notes - самый большой канал по фронту с годной инфой по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills, а также разборы вопросов для интервью и подборка крутых статей c опытом релокации айтишников в другие страны. Вам сюда: 👉 @frontendnoteschannel Ну а если вы любите почитать статейки о вебе в оригинале то вот сюда 👉 @frontend_international В общем добро пожаловать!

Animated Marker | Framer Motion — маркер на React, анимация реализована с помощью Framer Motion. #маркер #animation #marker #react #FramerMotion