HTML5

Советы по программированию на языке HTML5

Настройка HTTP-заголовков безопасности: Практическая инструкция

Сегодня я хочу поговорить о том, что не видно невооруженным глазом, но что является фундаментом безопасности современного сайта. Представьте, что…

3 недели ago

Что такое iFrame: детально про использование и влияние на SEO

Привет! Сегодня я хочу поговорить об одном из старейших, но все еще актуальных инструментов в арсенале веб-разработчика — iFrame. Представьте,…

3 недели ago

Как перенести сайт с HTML на CMS WordPress: пошаговая инструкция

Статический HTML-сайт — это как дом, построенный по индивидуальному проекту. Он надежный, быстрый и выглядит именно так, как вы задумали.…

3 недели ago

Как атрибуты ссылок rel=»noopener» и «nofollow» влияют на SEO и безопасность

Представьте, что каждая ссылка на вашем сайте – это дверь. Обычная ссылка ведет посетителя в другую комнату в вашем же…

4 недели ago

Что поможет сделать ваш сайт более веб-доступным?

Основная цель создания сайта – это поделиться своим контентом со всем миром. Вы хотите, чтобы как можно больше людей могли…

5 месяцев ago

Как создать простое переключение цветового оформления сайта (CSS и JavaScript)

Если вы хотите добавить на свой сайт возможность переключения между светлым/темным цветовым режимом, тогда вы попали по адресу. Хотя такая…

6 месяцев ago

5 практических советов по разработке форм под мобильные устройства

Контактная форма (или любая другая) на сайте – это очень важный компонент. На нее возложен не только важный функционал общения…

7 месяцев ago

Есть ли альтернативы у гамбургер-меню для навигации по сайту

Подавляющую часть всего мирового веб-трафика занимает трафик с мобильных устройств (включая планшеты), поэтому этот факт обязательно нужно учитывать при разработке.…

12 месяцев ago

Что такое тег canvas в HTML5 и зачем он нужен?

Элемент <canvas> появился только в HTML5 и используется для динамического рисования графики на веб-странице с помощью JavaScript. Сам тег фактически…

1 год ago

Как добавить карту от Google Maps на свой сайт (с маркером и текстом)

В сегодняшнем практическом уроке мы рассмотрим пример добавления на свой сайт карты от сервиса Google Maps. Поскольку API Google Карт…

1 год ago

Первые шаги при использовании сетки (Grid Layout) в CSS

Сегодня львиная доля современных и популярных сайтов построена с использованием адаптивного макета, flexbox или grid систем. Если вы возьмете любой…

2 года ago

Как быстро и просто создать CSS-анимацию, используя спрайты

CSS-анимация давно и прочно заслужила признание пользователей, благодаря не только своей простоте, но и возможностям. Используя CSS-анимацию, веб-мастера добавляют красивую…

4 года ago

Как создать таймер обратного отсчета с помощью JavaScript, CSS и SVG (4 способа)

Часто программистам ставят задачу создать таймер обратного отсчета, например, когда у клиента намечается важное мероприятие, распродажа или он хочет запустить…

4 года ago

Как сделать отложенную загрузку для HTML, iframe и встроенного видео

Ленивая (или отложенная) загрузка (Lazy loading) – это популярный метод асинхронного обращения к адресу ресурса, по мере необходимости его загрузки,…

5 лет ago

Что такое Google reCAPTCHA? Как получить API ключи и установить капчу?

Взаимодействие с пользователем является важнейшей составляющей в процессе ведения своего сайта. Формы комментирования, формы обратной связи, регистрация и авторизация на…

5 лет ago