Верстка сайта по макету

Пошаговая верстка сайта Kropp Fitness по макету Figma на HTML, CSS

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на плейлист: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Аккордеон без использования JavaScript

Реализовано с помощью HTML & CSS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Accessibility курс 2024

Мини-курс по цифровой доступности для Frontend-разработчиков

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #видео #курсы

Hamburger Icons Animations

Реализовано с помощью CSS и JS

🔗 Код: CodePen

👉 @byFrontDeveloper | #код

Верстка сайта портфолио для новичков

Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.

📺 Демо: Сайт

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Адаптивные табы & аккордеон

Реализовано на HTML & CSS(SCSS)

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Курс по Grammy JS: вся БАЗА | как писать телеграм-ботов на JS в 2024

Вы разберете все основные механизмы библиотеки Grammy JS
– стартовый набор файлов бота и общую структуру
– слушатели событий от пользователя
– объект Context: контекст обновления
– работу с двумя видами клавиатуры
и многое другое.

📺 Cсылка на курс: YouTube

👉 @byFrontDeveloper | #видео #js

Бесконечная горизонтальная прокрутка

Реализована с помощью CSS и JS

🔗 Код: CodePen

👉 @byFrontDeveloper | #код

Верстка многостраничного сайта

Простой многостраничный отзывчивый сайт с табами и анимацией. Используется HTML,CSS и JS

🌐 Посмотреть сайт: Github Pages

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Подборка эффектов наведения

Реализовано с помощью HTML и CSS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

CSS Animations

Анимация — это отличный способ выделить интерактивные элементы и придать дизайну интерес и увлекательность.

👉 @byFrontDeveloper | #css

Button Hover Effects

Реализовано на HTML и CSS(SCSS)

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Курс по Frontend разработке

Бесплатный курс по Frontend разработке

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы

Плагин px to rem

Alt+Z переводит выбранный текст из px в rem и обратно

🔗 Плагин: ссылка

👉 @byFrontDeveloper | #плагины

Выполняем реальный проект на JavaScript

Вы реализуете несколько задач из технического задания на реальном проекте, используя JS

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы #видео

ui-buttons — 100 современных CSS-кнопок. Любой стиль, который вы только можете себе представить

🔗 Ссылка: https://ui-buttons.web.app/

👉 @byFrontDeveloper | #ресурс

Адаптивная верстка сайта

Верстка проекта для новичков на чистом HTML + CSS. Сайт портфолио фрилансера

🔗 Макет: Figma
🔗 Готовый код: Скачать
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

БЕСПЛАТНЫЙ курс по верстке сайтов

Пожалуй один из лучших курсов по верстки сайтов с нуля. Уроки по HTML CSS JS

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы

Shortcuts.design — сайт со всеми горячими клавишами для VS Сode, Figma, а также многих других инструментов

🔗 Ссылка: https://shortcuts.design/

👉 @byFrontDeveloper | #ресурс

Адаптивная верстка сайта

Верстка проекта для новичков на чистом HTML + CSS. Сайт портфолио фрилансера

🌐 Посмотреть сайт: Github Pages

🔗 Макет: Figma
🔗 Готовый код: GitHub
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта