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

Info Card Информационная карта, написана на чистом CSS. #анимация #css 👉 @frontend_trends

Newspaper Layout Макет газеты, написан на чистом CSS. #анимация #css 👉 @frontend_trends

Variable font resize on device orientation Изменяемый размер шрифта в зависимости от устройства, реализован с помощью CSS и JS. #анимация #css #js 👉 @frontend_trends

Приглашаем на Samokat.tech Meetup — безопасность, Next JS и микрофронтенды Когда — 24 марта (пятница), 18:00 (по Мск) Где — Москва, Старт Хаб на Красном Октябре и онлайн-трансляция Рассказываем, как устроена технологическая сторона ритейла реального времени:  1️⃣ Путь к безопасному фронтенду. Через велосипеды к комплексной системе анализа кода – Олег Коровин, руководитель веб-разработки, Samokat.tech Быстрая доставка 2️⃣ Микрофронты: the way out monolith – Данил Чушко, ведущий специалист клиентской разработки, Samokat.tech Маркетплейс 3️⃣ Как устроена стилизация в контексте Next.js 13 и серверных компонентов – Даниил Трофимов, разработчик интерфейсов, СберМаркет   Регистрируйтесь и приходите в гости! 🖖

Christmas Candy Cane  Текстовый эффект рождественской конфеты, реализован с помощью CSS. #анимация #css 👉 @frontend_trends

Snowglobe Текстовый эффект снежного шара, реализован с помощью CSS. #анимация #css 👉 @frontend_trends

Haikyuu Variable Font Анимация шрифта, при нажатии на кнопку мяч скачет по буквам, реализован с помощью CSS и JS. #анимация #css #js 👉 @frontend_trends

Джуниоров не берут на работу! Это потому что у них нет коммерческого опыта. Но где его взять, если не берут на работу без опыта? Чтобы наработать опыт надо делать пет-проекты — это сайты, приложения и сервисы, которые похожи на коммерческие и показывают весь опыт джуна на практике.  Обычно новички не могут придумать такие проекты самостоятельно.  Поэтому один добрый тимлид выкладывает такие пет-проекты к себе в телеграм-канал , чтобы помочь новичкам, стартующим в профессии.  Подпишитесь, пока этот канал открыт

Portfolio layout Макет портфолио, реализован с помощью css и js. #анимация #css #js 👉@frontend_trends

Хоть и Джун, но уже Джунович. Потому что 10 лет опыта во FrontEnd прокачивают в распознавании реально годных штук. Автор как старший товарищ проведет тебя по всем полезным материалам. Потянешь софт-скиллы, углубишься в свою тему или хотя бы нащупаешь то, что тебе нравится больше всего в профессии фронтенд-разработчика.  Подпишись на канал Джун Джуновича и узнай, достаточно ли ты умен, чтобы работать на Илона Маска.

Jello Jiggle Variable Font Анимация "желейного" шрифта, реализован с помощью CSS. #анимация #css 👉 @frontend_trends

React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик». Курс длится всего 3 месяца, но за это время мы научим вас: •уверенно разбираться в библиотеке React; •использовать TypeScript при разработке React-приложений; •тестировать веб-приложения с помощью юнит-тестов и cypress. Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.  Записаться на курс

Grid of flowers  Анимация сетки цветов, написана на чистом CSS. #анимация #css 👉 @frontend_trends

Сколько времени нужно, чтобы стать востребованным фронтенд-разработчиком? Всего 10 месяцев! Вы сможете совмещать обучение с любыми другими занятиями. Главное условие - ваше желание учиться. В Xeкслете вы можете пройти онлайн-курс по профессии "Фронтенд-разработчик". Во время программы вы: ✔️ Изучите JavaScript в связке с HTML и CSS. ✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️ Решите более 310 задач в браузере. ✔️ Создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров. ✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. В процессе обучения вы не просто будете писать код, а научитесь самостоятельно находить лучшие решения. 🎁 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% на весь курс!

Responsive City  Анимация города в минималистичном стиле, написана на чистом CSS. #анимация #css 👉 @frontend_trends

Архив IT мемов, которые можно листать вместо работы: IT Папа Зачем писать код, если можно смотреть мемы про код?

Sunrise & sunset Анимация восхода и заката при нажатии происходит движение, написана с помощью CSS и JS. #анимация #css #js 👉 @frontend_trends

Show & Tell @ Develop Denver 2016 Анимация почти невидимого шрифта. Написана на чистом CSS. #анимация #css 👉 @frontend_trends

无题 - CSS Doodle Анимация в японском стиле, написана с помощью CSS и JS. #анимация #css #js 👉 @frontend_trends

CSS 3D Template Анимация куба, при наведение можно изменять расположение, написана на чистом CSS. #анимация #css 👉 @frontend_trends