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

Как легко прокачать навыки верстки и найти работу?  Присоединяйся к каналам опытного верстальщика:  1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!

SelectiveBloom — анимированная 3D-фигура. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Life — интересное применение слайдера. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Search Input Animation — выезжающая строка поиска при нажатии на лупу. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Zero Element: DeLight — движущийся фон с эффектом размытия. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Christmas Tree Spiral — анимированная рождественская ёлка. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Gravity button — интерактивные кнопки с эффектом притяжения Реализована с помощью CSS и JavaScript #анимация #css #javascript

Input Animation — анимация ввода имени пользователя. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Profile Card Animation — изображение преобразуется в информационную карточку при нажатии на значок. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Земля, я Юпитер — в 1979 году "Вояджер-1" сделал 66 кадров. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Checkbox CSS Toggle - Day / Night Mode — переключатель с анимацией смены дневного времени на ночное. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Slack Splash — сцена с лого и анимированным фоном с реакцией на курсор. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Interactive 3D die — вращение трехмерных игральных костей согласно вводу пользователя. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Minecraft 3D — анимированная сцена. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Слайдермен — интерактивный человечек. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Pill styled radio buttons | Fully scaleable — эффект нажатия на переключатели в виде расширения границы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Text Stroke Animation — анимация текста. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Checkbox — флажок, который указывает на то, что опция выбрана. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа. ⏰ Когда: 30 январяв 19:00 по мск. Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮 Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии. 🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»