Рубрика «Блог компании HTML Academy»

в 7:38, , рубрики: css, html, javascript, Блог компании HTML Academy, Новости

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 11–17 июля.

Фронтенд-новости №15. CSS становится сложнее, VITE 3.0, самый высокий сайт в мире - 1

🧬 HTML

📔 Создадим табы на веб-компонентах. Для создания потребуется хорошо знать разметку, ариа-роли и UX.

📔 Читать полностью »

в 9:10, , рубрики: javascript, Блог компании HTML Academy, Программирование, Разработка веб-сайтов, регулярки, Регулярные выражения

Регулярные выражения помогают разработчикам быстрее находить и анализировать информацию. Благодаря регуляркам можно не только эффективнее решать задачи, но и писать код, который будет лучше работать. Причём не стоит использовать этот метод везде: иногда он только усложняет жизнь.

Давайте разберёмся, что такое регулярные выражения и зачем они нужны.

Что такое регулярные выражения?

Читать полностью »

в 5:41, , рубрики: css, html, анатомия каскада, Блог компании HTML Academy, браузеры, наследование, Разработка веб-сайтов, Тестирование веб-сервисов

Перед началом чтения пройдите простой тест — каким будет значение свойства background-color в первом и во втором варианте, и почему именно так?

Никто не знает, как работает каскад - 1

Правильный ответ. В 1 варианте — transparent, во 2 варианте — red. Проверить вживую в интерактивной демонстрации.

Почему так?

Читать полностью »

в 5:38, , рубрики: head, html, link, meta, Блог компании HTML Academy, Разработка веб-сайтов, Семантика

Рекомендуемый минимум

Ниже приведены основные элементы для любого веб-документа (веб-сайта/приложения):

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--
   Вышеуказанные 2 мета-тега *должны* стоять как можно раньше в <head>.
   для обеспечения правильного отображения документов.
   Любой другой элемент заголовка должен идти *после* этих тегов.
  -->
  <title>Заголовок страницы</title>
</head>

meta charset - определяет кодировку веб-сайта, стандартом является utf-8.

meta name="viewport" - настройки viewport, связанные с мобильной отзывчивостью

width=device-widthЧитать полностью »

в 16:00, , рубрики: css, html, адаптивная вёрстка, Блог компании HTML Academy, верстка, для начинающих, для новичков, новичкам, Отзывчивый веб-дизайн, отзывчивый дизайн, резиновая верстка

Адаптивная вёрстка - 1

В чём разница между резиновой, адаптивной и отзывчивой вёрсткой? Как правильно их применять?

Давайте разберёмся в отличиях подходов и попробуем сформулировать один общий вместо трёх.

Читать полностью »

в 16:00, , рубрики: css, css3, Блог компании HTML Academy, для начинающих, для новичков, нормалайз, сброс стилей

Нормальный сброс - 1

Расскажите про ресеты и нормалайзы, что лучше использовать?

Знаете, это как отвёртка и молоток — что лучше? Все хороши.

Читать полностью »

в 16:00, , рубрики: css, css3, Блог компании HTML Academy, для начинающих, для новичков, начинающим, новичкам, Разработка веб-сайтов

Как прятать - 1

Когда display: none, а когда visibility: hidden?

Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как спрятать блок и даже специальный атрибут.

Читать полностью »

в 14:17, , рубрики: css, html, pixel perfect, Блог компании HTML Academy, браузеры, верстка, для начинающих, для новичков, кросс-браузерность, кроссбраузерность, новичкам

Кроссбраузерная вёрстка - 1

Что такое кроссбраузерная вёрстка? Какие есть браузеры и нужен ли пиксель-пёрфект?

Читать полностью »

в 16:00, , рубрики: html, html-верстка, html5, w3c, WHATWG, Блог компании HTML Academy, для начинающих, для новичков

W3C или WHATWG - 1

Есть две спецификации HTML: W3C и WHATWG, какой из них верить?

Верьте той, которая больше нравится, но не забывайте сверяться с браузерами.

Читать полностью »

в 16:00, , рубрики: css, css3, html, html-верстка, html5, Блог компании HTML Academy, верстка, для начинающих, для новичков, доступность, доступность навигации, Разработка веб-сайтов

Как фокус помогает - 1

Менеджер и дизайнер заставляют везде убирать аутлайн. Расскажите им, что это плохая идея!

Вы совершенно правы, с удовольствием расскажем.

Читать полностью »

123...4
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js