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

Hamburger Menu Animations — 4 вида плавной анимации для гамбургер-меню, реализованные на чистом CSS. #css

один шрифт в день - telegram канал, куда дизайнеры публикуют популярные шрифты ежедневно. Присоединяйся, чтобы ускорить подбор интересных шрифтов для своих проектов!

Stack game — игра "Стековая башня", реализованная с помощью библиотек Three.js и Cannon.js #treejs #cannonjs

Не очень комфортно заниматься сексом, когда твой телефон прослушивает Google 🤷 Или писать личную СМСку, когда каждое слово видит клавиатурный шпион. Приватности больше нет. Крупные поисковики в открытую залазят к нам в трусы ради прибыли, и только 5-10% пользователей знают, как этому противопостоять. Для тех, кому не наплевать на свою безопасность в сети, есть канал «Отдел К». Как понять, что ваш смартфон хотели взломать? Какие 3 настройки отключить, чтобы избавиться от прослушки? Как по любому сообщению узнать точное гео собеседника? Осторожно, после подписки вам захочется удалить все соцсети: @cyber_cab

FLIP CLOCK — перекидные часы. Отсчёт времени реализован с помощью jQuery. #jquery

Дизайнеры бывают разные: коммуникационные, графические, продуктовые… И ещё с десяток вариантов. Новичку сложно во всём разобраться и понять, куда двигаться в поисках новой профессии. У Яндекс Практикума есть тест, который поможет сориентироваться. Узнайте, чем занимается каждый дизайнер и какое направление вам подойдёт. Пройти тест

Space button — анимация отправки сообщения в космическом стиле при клике на кнопку. Реализована с помощью GSAP. #gsap

From button to dialog — появление диалогового окна при клике на кнопку, реализованное с помощью React. #react

FrontendConf 2022 – это профессиональная конференция, которая посвящена всем аспектам разработки клиентской части веб проектов. Вас ждут интересные и полезные доклады от спикеров, реальные кейсы, нетворкинг, активности на стендах партнеров, а также крутые мастер-классы. Вы легко сможете пообщаться с ТОПами индустрии. Посмотрите отчетное видео FrontendConf 2021 и почувствуйте атмосферу нашей конференции 🤩 Переходите на сайт и бронируйте билет до повышения цены.

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

Menu Effect — эффект появления фонового изображения при наведении на пункт меню. Реализован с помощью jQuery. #jquery

Для тех кто просил, открываем доступ в секретный канал на 2 ЧАСА👇 https://t.me/+ijjAVkLQHZ5hYjFi

Tilt to make room for menu — анимация наклона фонового изображения и появления меню при нажатии на кнопку. Анимация реализована на чистом CSS. #css

Longcat Range Sliders — необычная реализация range-слайдеров в виде котиков, выполненная с помощью CSS и JavaScript. #css #javascript

​​🔥 Если ты фронт, такое лучше не пропускать. На фронте - канал, на котором команда фронтендеров, собирает для Вас обучающие материалы. На канале ты найдешь 💎Макеты для верстки 💎Тесты с объяснениями 💎Обучающие туториалы и статьи Подписывайся и начинай прокачать свои скилы вместе с 👉 @on_the_frontend

Text Grid with Mouse Interaction — причудливый эффект текстовой сетки с переменными CSS и взаимодействием с мышью на JavaScript. #css #javascript

Хабр теперь в Telegram! Подписывайтесь: @habr_articles

Bongo Cat Codes #2 — весёлый котик пишет код. Анимация зацикливания реализована с помощью GSAP и DrawSVGPlugin. #gsap #javascript

404 Page - адаптивная страница с ошибкой 404 с эффектом параллакса, реализованный с помощью библиотеки parallax.js и jQuery. #jquery