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

Horizontal Scroll Gallery Галерея изображений с плавной горизонтальной прокруткой и эффектом параллакса. Выглядит очень стильно и современно. Реализована с помощью библиотеки Locomotive-scroll.js. #галерея #параллакс #locomotivescroll #javascript

✏️ Вопрос из канала «Web Interview»: Что такое #shadow-root в инспекторе HTML-страницы? ✅ Ответ: Задумывались ли вы о том, как устроены и стилизованы сложные браузерные элементы управления? Например, <input type="range">. Как это все работает — читай в посте! Хочешь быть готовым к вопросам на собеседовании? — подпишись на канал «Web Interview»! • Здесь ежедневно публикуются реальные вопросы по фронту и бэку с собеседований российских IT компаний. • И еще! Канал ведет действующий Fullstack разработчик, не забудь подписаться!

Jello Tab Bar Панель вкладок с анимацией плавного переключения между вкладками и изменения фонового цвета. Реализована с помощью CSS и JavaScript. #tabbar #css #javascript

Есть желание увидеть смешные мемы, сложные задачки, и интересные статьи? Тогда заходи на канал WebVibe! Ежедневно WebVibe это:   1) Задачи, которые ты решаешь и прокачиваешь скилл. 2) Мемы, над которыми ты хохочешь и прокачиваешь кубики на прессе. 3) Статьи, которые ты читаешь и остаешься в тренде IT. Если ты любишь IT — то подпишись, не пожалеешь!

Clip Clop Clippity Clop Анимация движений бегущей лошади на чистом CSS. При клике на лошадь можно посмотреть движения в замедленном режиме. #анимация #css

Banking Web App Адаптивное банковское веб-приложение, где можно посмотреть расходы и доходы от 1 месяца до 1 года, а также баланс и кредитный лимит. Реализовано на чистом CSS. #app #банки #css

Gradient shadow Реализация стильной градиентной тени на чистом CSS. #тень #css #градиент

Мечтаешь быть фронтенд разработчиком, а может ты уже им работаешь? Тогда тебе это будет интересно! Автор блога Душный разраб 🤓 рассказывает, как прошел свой путь:  👉 Как развивать дополнительные источники дохода? - читать 👉 Как проходят его будни? - читать 👉 Как он учится, меняет места работы? и т.д. - читать 👉 Как повышать зарплату на работе? - скоро расскажет Подпишись - если хочешь прокачаться в профессии и чтобы работа была, также, в кайф!

Simple CSS loaders Простые прелоадеры на чистом CSS. #прелоадеры #css

В мире разработки заблудиться и забрести «не туда» очень легко, видали эту схему? Действующий разработчик создал канал «Фронтомания», где каждый день делится своим опытом, своими находками и лайфхаками. Вам больше не придется тратить много времени на поиск нужной информации, все уже сделано за вас 🤗 Что надо сделать для того, чтобы стать крутым разработчиком? ➡️Просто подпишитесь на канал @frontomania и вы узнаете об этом!

GLSL Sample027 Анимация шейдеров GLSL в виде радужной волны, реализованная с помощью GSAP.js и Tree.js. #анимация #gsap #tree

Приходится тратить время на подбор хороших цветов? А они как на зло еще и не сочетаются... Профессиональные дизайнеры из канала Color Combinations решат эту проблему самым действенным способом – подберут цветовые сочетания за тебя! ⚡️ Новые сочетания цветов каждые два дня. ⚡️ Свободно используй их в своих макетах и проектах. ⚡️ Сохраняй понравившиеся в закладки, чтобы не потерять. Подпишись 👇 и забирай себе самые крутые цветовые сочетания!

Impossible Checkbox Checkbox, который невозможно включить, т.к. его постоянно отключает злой медведь. Реализован с помощью React и GSAP.js. #checkbox #react #gsap

Нет времени на поиск крутых онлайн-курсов для обучения Frontend-разработке? Найди их в канале Один онлайн-курс в день! Здесь ежедневно публикуются ссылки на полезные сервисы и инструменты от Senior-разработчика. 🚀 👇 Подписывайся, чтобы ускорить своё обучение и стать более ценным специалистом!

Product delivery status card Карточка статуса доставки товара для приложения. Анимации реализованы с помощью библиотеки Anime.js. #card #animejs #анимация

Тратишь кучу времени на поиск обучалок и крутых фишек? Хватит пяти минут в день! Frontend-палатка – канал, который собирает все самые полезные фишки на HTML, CSS и JS, обучающие ресурсы и актуальные новости.  Твои коллеги уже подписались! 📌 Подпишись и ты, чтобы использовать классные фишки в своих проектах 🔥

Справочник разработчика и не только! Какие технологии учить Фронендеру, на чем пишут Back-End, как разрабатывают мобильные приложения? 👉 5 расширений для VSCode; 👉 Готовые сниппеты кода, как использовать; 👉 ТОП фильмов про хакеров; Все это и многое другое в @Techno_guids 👉 Подпишись на @Techno_guids, чтобы не потерять и оттачивай своё мастерство.

Button Selection Type Стильная кнопка с типом выбора. Анимация переходов реализована с помощью jQuery.transit.js. #кнопка #ui #анимация

Text masking Самая простая анимация SVG-маски внутри текста на чистом CSS. #анимация #svg #css

Как начать зарабатывать больше честным трудом?  В этом канале даются рабочие советы, как стать IT-разработчиком и со старта зарабатывать $500-$600, а уже через 1 год или раньше выйти на зарплату более $1000. Подпишись на Тренды Frontenda и меняй свою жизнь к лучшему!