Skip to content

Instantly share code, notes, and snippets.

@nikolai-shabalin
Created January 23, 2020 13:32
Show Gist options
  • Save nikolai-shabalin/ffc8cc6caefe1bfde199104167632f63 to your computer and use it in GitHub Desktop.
Save nikolai-shabalin/ffc8cc6caefe1bfde199104167632f63 to your computer and use it in GitHub Desktop.
Вопросы к разделу «Введение в CSS» на 27 потоке

Вопросы к разделу «Введение в CSS»

TODO

@CTaHuCJLaB
Copy link

CTaHuCJLaB commented Feb 5, 2020

Мне не совсем понятно, если я подключил WOFF-шрифт в проекте, нужно ли, чтобы на стороне пользователя он тоже был установлен? Или файлы шрифтов передаются по http вместе с разметкой? Да, и кстати, css тоже передается по http? И что означает статистика использования шрифтов на Dan's tools? Она показывает у скольки процентов пользователей установлен конкретный шрифт? Какая статистика имеется в виду в лекции, когда лектор говорит, что нужно открыть статистику нашего пользователя и посмотреть, если 100% использует Виндоус, то... - имеется в виду статистика, которую мы узнаем из посещений нашего сайта или все та же статистика на Dan's tools? Что значит фраза "... бывают такие продукты, которые написаны исключительно для Виндоуса..." - имеются в виду сайты разработчиков программных продуктов, например microsoft.com?

@nikolai-shabalin
Copy link
Author

@Stanislav-Kazankov

Мне не совсем понятно, если я подключил WOFF-шрифт в проекте, нужно ли, чтобы на стороне пользователя он тоже был установлен? Или файлы шрифтов передаются по http вместе с разметкой? Да, и кстати, css тоже передается по http?

Как и в случае с картинками, а точнее тегом <img>, атрибут src указывает путь до ресурса. В случае с шрифтом, мы в директиве @font-face тоже указываем src с путями до шрифтовых файлов.
Веб-шрифты никуда устанавливать не нужно. Они просто закачиваются на машину вашего пользователя и всё. И уже браузер начинает отрисовку шрифта.

Если описать простую схему, то

  1. Браузер видит src в @font-face
  2. Принимает решение скачивать шрифт или нет
  3. Скачивает шрифт на pc пользователя
  4. Отрисовывает шрифт

И что означает статистика использования шрифтов на Dan's tools? Она показывает у скольки процентов пользователей установлен конкретный шрифт?

На первом этапе мы должны понять, а стандартный ли шрифт мы хотим подключить. Что значит стандартный? По умолчанию в каждой операционной системе установлены шрифты, иначе мы бы вообще текст не видели. Поэтому для шрифта "Dan's tools" мы узнаем на каких операционных системах он установлен по умолчанию.

Какая статистика имеется в виду в лекции, когда лектор говорит, что нужно открыть статистику нашего пользователя и посмотреть, если 100% использует Виндоус, то... - имеется в виду статистика, которую мы узнаем из посещений нашего сайта или все та же статистика на Dan's tools?

Имеется ввиду статистика посещения вашего сайта.

Что значит фраза "... бывают такие продукты, которые написаны исключительно для Виндоуса..." - имеются в виду сайты разработчиков программных продуктов, например microsoft.com?

Например, корпоративный заказчик (банк, завод, внутренний продукт кофешопов), которые сами регламентируют с каких браузеров будут заходить их пользователи. Они устанавливают своим работникам компьютеры и говорят, что можно пользоваться только Internet Explorer. В этом случае разработчик в праве не учитывать наличие стандартного шрифта в MacOS, так как 100% все будут в Windows.

@CTaHuCJLaB
Copy link

CTaHuCJLaB commented Feb 6, 2020

  1. Почему в лекции удалось изменить ссылок меню навигации только с третьего раза? Ведь Вы задали color: #ffffff; в:
    1) body (цвет оставался синим);
    2) main-navigation (цвет оставался синим);
    3) site-navigation, user-navigation (только здесь цвет изменился на белый).
    Досмотрел и понял почему с первых 2 раз не удалось изменить. Но теперь не понятно, зачем Вы для main-navigation color указывали, ведь непосредственно в main-navigation нет никакого текста?

  2. Почему в лекции Вы задали правила, используя вложенные селекторы по тегу, которых нет в разделе "Верно" критерия Д25:
    .feature-item h3, .index-columns-h2, .news-item time? Последний селектор еще понятно, т. к., возможно, контент-менеджер будет редактировать дату новости, но вот первые два - непонятно.

  3. Почему в Лекции Вы использовали для стилизации button сокращенное наименование свойства: font: inherit;?

  4. Зачем Вы задали для <body> margin: 0;, если это правило уже есть в normalize.css?

@irinadpavlova
Copy link

Здравствуйте! Как понять в каждом случае активный пункт в меню, в сортировке, в хлебных крошках должен меняться при hover и focus, cursor pointer. Нужно ли активному пункту в сортировке href="#" ? Спасибо!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment