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

💥 Дарим видеозаписи докладов FrontendConf 2021⠀ Друзья, при покупке билета на FrontendConf 2022 до 16 октября (включительно), вы получите полный доступ к видеозаписям докладов FrontendConf 2021.⠀ В записи 35 докладов на 6 тематик:⠀ ▪️ Архитектура и организация кодовой базы ▪️ The Frontend Operations Engineer ▪️ Хорошие практики современного фронтенда ▪️ Профессиональный, карьерный и социальный рост ▪️ Взгляд со стороны. Обсуждение рабочих тем: собеседования, команды, развитие и прочее ▪️ Будущее. Разговоры о перспективах развития нашей сферы, рефлексация недавних изменений⠀ В этом году мы уделим внимание фронтопсу, архитектуре, инженерному развитию, микрофронтенду и интерфейсам. Не забудем и о техническом треке. ⠀ ✅ Ждем вас 24 и 25 октября в Москве 🙌 Подробно о FrontendConf 2022, расписание и билеты по ссылке https://frontendconf.ru/moscow/2022

Vimeo/YouTube video with cover image — пользовательский курсор с ссылкой на видео Vimeo / YouTube, который появляется при наведении на обложку видео. Реализован с помощью библиотек jQuery и Popper.js. #jquery #popperjs

3D CSS Buttons - Click Transition — 3D-кнопки на чистом CSS с анимацией при клике. JavaScript используется только для добавления класса clicked при клике на кнопку. #css

Adaptive Pricing Table — адаптивная таблица цен на чистом CSS. #css

Разрабатываешь сайты в Visual Studio Code и еще не подписан на VSCoder? Срочно исправляй! Visual Studio Code — это оптимизированный редактор кода с поддержкой таких операций разработки, как отладка, выполнение задач и контроль версий. Имеет множество плагинов, которые собраны у нас на канале!

Parallax Snap — параллакс, реализованный с помощью GSAP, ScrollToPlugin3, SplitText3 и ScrollTrigger. #gsap

Photography page concept — адаптивная веб-страница фотографа в современном стиле. Анимация реализована с помощью jQuery. #jquery

Бывший сотрудник Ozon завел свой канал, где делится фишками и наработками которые помогут украсить сайт. И ничего сложного в этом нет, просто копируешь и вставляешь в свой код. Посмотреть можно тут.

Drop-down menu — раскрывающееся меню, реализованное с помощью jQuery. #jquery

Disappearing Modals — разного вида анимации исчезновения для модальных окон, реализованные с помощью GSAP и CSSRulePlugin. #gsap

ЛОВИТЕ ДОСТУП В ПРИВАТ👇 👾Узконаправленные софты (в том числе авторские); 🌐Пособия по обеспечению безопасности в сети; 📲Мануалы по взлому ряда приложений по уязвимостям; 👨‍💻Авторские лайфхаки от практиков; 📚Свежие инструкции по Termux и Kali Linux; 🦾Лучшие проги для Android, IOS, Windows, Linux. ⏳ПОПАСТЬ В ЗАКРЫТЫЙ КАНАЛ МОЖНО ТОЛЬКО НЕСКОЛЬКО ЧАСОВ

NEON LOVE — анимация неонового сердца, реализованная с помощью JavaScript. #javascript

Content filter — адаптивная страница с фильтрацией контента на чистом CSS. #css

ТОП-20 макетов , которые дополнят Ваше портфолио Выучил верстку и тебе не хватает работ в портфолио? Ищешь макеты, но они все платные? Заходи на канал, каждый день публикуются макеты разной сложности, подойдет как новичку так и профи!

Full Width Off-canvas — анимация раскрытия скрытого меню на полную ширину страницы. Реализована с помощью jQuery и библиотеки Off-canvas. #jquery #offcanvas

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

Audio Waveform — анимация формы звуковой волны, реализованная с помощью GSAP, DrawSVGPlugin3 и EasePack3. #gsap

Custom cursor — пользовательский курсор - морфинг указателя в стиле iPadOS. Реализован с помощью библиотеки morphing-pointer. #morphingpointer

@codewars_js - telegram-канал для фронтенд-разработчиков, в котором публикуют задачи разной сложности по JavaScript. Подписывайся и развивай мышление программиста.

Circular reveal animation — круговая анимация раскрытия скрытого контента, реализованная с помощью JavaScript и библиотеки circular-revealer@0.0.9. #javascript #circularrevealer