Вы сверстали сайт и сделали его красивым с помощью CSS. Осталось добавить интерактива, и можно добавлять проект в портфолио.
«Оживить» на сайте можно что угодно: меню, модальные окна, корзину, пагинацию… В этой статье мы разберём слайдер — посмотрим, как его сделать на чистом JavaScript. Слайдер пригодится для раздела с отзывами, фотографиями сотрудников, изображениями товаров или чего-нибудь ещё — всё зависит только от вашей фантазии и проекта.
Вот три статьи о правильной вёрстке текста, после которых всё станет гораздо понятнее:
Прочитайте, чтобы разобраться раз и навсегда.
Редакция HTML Academy поговорила с ChatGPT и попросила нейросеть сделать просто красивую кнопку. Получилось то, что получилось.
Привет, это HTML Academy!
Мы уже 11 лет делаем курсы для веб-разработчиков и хотим помочь разобраться в IT всем, кому это интересно. Поэтому 28 июня в 13:00 приглашаем вас на бесплатный лайв «Где учиться программированию и не потратить время зря: вузы, курсы или самообучение».
В прямом эфире обсудим:
Всех записавшихся ждут скидки и подарки от Академии!
До встречи на лайве
Добавил более 10 задач для самостоятельного решения по вёрстке кнопок. К каждой такой задаче идёт ответ, где можно подсмотреть решение и увидеть, как стилизованные кнопки будут выглядеть в браузере.
Почему пройдя курсы вы не устроитесь на работу?
Мы не хотим вас напугать, просто напоминаем, что 31 мая в 13:00 пройдёт лайв с Артёмом Альтигиным. На нём узнаем, чего не хватает выпускникам курсов, чтобы найти свою первую работу. Присоединяйтесь!
А может, всё-таки устроитесь?
Разберёмся 31 мая в 13:00 — Артём Альтигин из «Лига А.» в прямом эфире расскажет, почему курсы без практики не имеют смысла, почему 95% наших выпускников трудоустраиваются и почему на рынке до сих пор нет аналогов Лиге.
А ещё узнает у нашего трудоустроенного выпускника, что помогло ему получить первый оффер и что рынок требует сегодня от новичков в веб-разработке.
Всплывающая подсказка — это небольшой блок, его также называют тултип, который появляется при наведении или нажатии на элемент. Цель такого блока — дать более подробную информацию о содержимом элемента. Часто тултипы используются вместе с формами, чтобы добавлять пояснения к полям.
Подсказку можно сделать, создав отдельный элемент в HTML-разметке и прописав ему нужные стили в CSS. В статье подробно рассмотрим процесс создания тултипа.
Микроанимация — короткое взаимодействие, которое помогает пользователю лучше сориентироваться в интерфейсе и почувствовать совершенное действие. Например, нажатие на кнопку лайка в социальных сетях или изменение фона, индикатор загрузки, и многое другое. Микроанимация используется везде, где есть интерфейс пользователя, а именно, веб-сайтах, мобильных приложениях, играх.
На примерах с CodePen покажем, какими они бывают.
Паттерны проектирования — это шаблонные решения задач в программировании. Они помогают разработчикам создавать код, который удобно поддерживать и масштабировать. При этом на разработку тратится меньше времени, чем при решении задачи с нуля.
В этой статье мы собрали пять популярных книг про паттерны. В каждой — примеры на разных языках программирования, поэтому вы точно подберёте подходящий вариант.
Добавил новый курс на webref.ru под названием Стилизация ссылок. Описано как создавать ссылки, какие у них есть параметры и как со ссылками делать всяческие интересные эффекты.
К каждому уроку, как полагается, идёт куча всяких интерактивных заданий и задачек для самостоятельного решения. В конце курса викторина на проверку полученных знаний.
Не бывает единого шаблона формы — под каждую задачу нужно составлять что-то своё. Мы разберёмся, из каких тегов состоит общий шаблон — так вы сможете изменить наш пример под свои цели. Давайте попробуем вместе.
Переходить в IT страшно, но прикольно, главное — тщательно всё спланировать. А если вы хотите, но сомневаетесь — прочитайте истории тех, кто попробовал и смог:
Для комфортной работы с кодом существуют специальные редакторы. Они ускоряют процесс разработки и помогают сразу же отслеживать баги.
В статье узнаем, какими полезными функциями обладают редакторы кода, как ими пользоваться и как выбрать свой инструмент для работы.
Ошибки в коде — это несоответствия правилам и синтаксису языка HTML, использование некорректных или недопустимых тегов, атрибутов или значений. Ошибки приводят к неправильному отображению элементов, снижению производительности и доступности сайта.
Что нужно, чтобы писать код правильно и не допускать ошибок?
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.