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

Holiday Feature Folding Cards Форма для данных карты. Реализовано с помощью CSS и JavaScript 🔗 Код: Codepen 👉 @trends_frontend | #форма

Розыгрыш среди подписчиков канала! Мы знаем, что помогает разработчикам оставаться в тонусе и создавать качественный код — кофе! И чтобы ваш кофе никогда не остывал, мы решили разыграть кружку, которая будет поддерживать его температуру. А ещё это беспроводная зарядка для ваших смартфонов! Чтобы принять участие в розыгрыше вам нужно: 1. Подписаться на канал 2. Нажать кнопку «Участвовать» 21.07 в 13:00 бот выберет одного победителя. Обращаем внимание, что доставка приза победителю абсолютно бесплатна, но возможна только по РФ.

Clean Toast Notifications - CSS Всплывающие уведомления. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #уведомления

Hamburger animation Простенькая анимация для бургер-кнопки. Реализовано с помощью SCSS 🔗 Код: Codepen 👉 @trends_frontend | #бургер

SVG checkboxes Форма для выбора одного или нескольких вариантов из предложенных. Реализовано с помощью CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #чекбоксы

Social share button Кнопка "поделиться" с предложением списка соцсетей. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #кнопка

👩‍💻 Теперь JavaScript можно легко выучить по гайдам в картинках Хватит думать, что JS сложный. Это всего лишь набор инструкций для решения задач. В канале Гайды по JavaScript эти инструкции представлены в простых и понятных картинках Подписывайся и развивайся, уделяя всего 5-10 минут в день. Дерзай: @guides_js

Hamburger Menu Animation Простая, но прикольная анимация для бургер-кнопки. Реализовано с помощью CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #бургер

Light/Dark Toggle With Morphing Icon Переключатель темы оформления. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #переключатель

Social media icon Анимированные иконки соцсетей. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Говорят, что хороший программист напишет хороший код на любом языке. Но всегда ли хороший код означает быстрый код? И как выбор языка программирования влияет на производительность? Сначала ребята из Merk/daily захотели разобраться в этих вопросах сами и пригласили в гости Александра Нозика — директора центра научного программирования МФТИ, ex-руководителя направления в JetBrains Research и кандидата наук по физике частиц. А потом решили, что таких спикеров нельзя держать в тайне... Сегодня, 10 июля, в 18:00 CEST (19:00 GMT+3) вместе с Александром ребята проведут прямой эфир на тему: «Пишут ли хорошие программисты быстрый код?» 🤔 Участие бесплатное, нужно только зарегистрироваться ❤️ https://mercdev.timepad.ru/event/2949941/

Light/Dark/Black Theme Меню с тремя разными темами (для дня, ночи, и просто темная). Реализовано с помощью SCSS 🔗 Код: Codepen 👉 @trends_frontend | #меню

Scroll Driven Portal Layout Макет портала с необычной реализацией анимации прокрутки. Реализовано с помощью CSS и JavaScript. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

👩‍💻 Программирование теперь в телеграм! Вот обширная база материалов, которая ежедневно обновляется, выбирай своё направление: Обучение JavaScript с нуля Обучение HTML/CSS с нуля Обучение Python с нуля Обучение Java с нуля Обучение C/С++ с нуля Обучение С# с нуля Обучение SQL/GO/PHP с нуля Обучение Kotlin/Swift с нуля ⛓ Архив на 1789ГБ: Курсы, книги, шпаргалки, статьи, видео ресурсы — всё собрано в одном месте: @roadmap_ready

Animated Accessible Navigation Анимированная доступная навигация. Реализовано с помощью SCSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #анимация #меню

Icon Social Menu Animation Иконки соцсетей, которые сменяют свой фон при наведении на них курсора мыши. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

⚡️ Бесплатное обучение HTML/CSS, JavaScript, Vue.js с нуля с поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить JS на практических задачах, которые интересно кодить С 10 по 14 июля он проводит бесплатное обучение, где на практике поможет разобраться в HTML/CSS, JavaScript и — Vue.js Что вы сделаете на обучении — Сверстаете макет под присмотром тимлида — Затем добавите JavaScript (и это не пара скриптов для модального окна) — И перепишете проект на Vue.js 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться джуну. Помимо работы с кодом на обучении он расскажет, где новичку взять опыт работы, что ни в коем случае нельзя говорить на собеседовании, почему 90% новичков никогда не получат даже отклика на своё резюме В общем — даст пошаговый подробный план «Что учить фронтенд и как найти работу джуну в 2024 году» . По этому плану его ученики устраиваются на работу Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля Подписывайтесь, осталось 30 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Первый урок из обучения уже доступен

Header Menu Необычное превращение бургер-кнопки в меню. Реализовано с помощью SCSS 🔗 Код: Codepen 👉 @trends_frontend | #кнопка #меню

Morphing Submit Button Анимированная кнопка загрузки после нажатия на "Submit". Реализовано с помощью CSS, SVG и JavaScript 🔗 Код: Codepen 👉 @trends_frontend | #кнопка

Movie Poster Interaction Анимированные карточки фильмов с эффектом размытия. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #карточки