Использование <picture>

Август 4, 2022

Главная
Информатика
Использование <picture>

Содержание

2. Семантика Использование - ? Препроцессор sass (scss) БЭМ Стандартны набор плагинов для жс Правильное подключение жс
3. Для облегчения понимания кода сторонними сотрудниками необходимо использовать Семантику внутри html-структуры. Другими словами нужно сократить использование
4. Семантика Для облегчения понимания кода сторонними сотрудниками необходимо использовать Семантику внутри html-структуры. Другими словами нужно сократить
5. БЭМ Для удобного переноса, изменения или дополнения готовых классов необходимо использовать максимально доступное именование классов по
7. Скачать презентацию

Слайд 2

Семантика
Использование - ?
Препроцессор sass (scss)
БЭМ
Стандартны набор плагинов для жс
Правильное подключение

жс и цсс
Mobile first
Сборщики(вебпак)
автомацизация:
-оптимизация изображений
-автопрефиксы
-???

Слайд 3

Для облегчения понимания кода сторонними сотрудниками необходимо использовать Семантику внутри html-структуры.

Другими словами нужно сократить использование стандартного

к минимуму и использовать специализированные теги. Например: — для всех заголовков,

Слайд 4

Семантика
Для облегчения понимания кода сторонними сотрудниками необходимо использовать Семантику внутри html-структуры.

Другими словами нужно сократить использование стандартного

к минимуму и использовать специализированные теги. Например: — для всех заголовков,

— для элементов навигации,

Слайд 5

БЭМ
Для удобного переноса, изменения или дополнения готовых классов необходимо использовать максимально

доступное именование классов по методологии БЭМ. Кроме того, следует подбирать понятные названия самих классов.
Примеры в файле: http://capyba.ru.capyba.ru/_temp/alex/css/style.css
https://yadi.sk/i/52OG50dyy-okGg — Верхний блок бронирования. Слишком длинные, неочевидные названия классов. Отсутствие БЭМ. Зависимость, не позволяющая переносить отдельные блоки в дальнейшем.
https://yadi.sk/i/pKndqjKg_EPhxQ — Блок “Наша команда”. Классы названы максимально коротко. Используется БЭМ. Легко понять, взаимосвязь элемента и его класса. Отсутствие зависимостей в классах (есть возможность перенести любой блок без распутывания наследования и перекрытий).
https://yadi.sk/i/ySVM9sLNg7ahbQ — Правильные БЭМ-классы в HTML. (Здесь некорректная семантика в пользу соответствия основной части страницы.)
https://github.com/yoksel/common-words — Варианты стандартных названий классов для типовых элементов.

Использование &lt;picture&gt;

Содержание

СемантикаИспользование - ?Препроцессор sass (scss)БЭМСтандартны набор плагинов для жсПравильное подключение

Для облегчения понимания кода сторонними сотрудниками необходимо использовать Семантику внутри html-структуры.

СемантикаДля облегчения понимания кода сторонними сотрудниками необходимо использовать Семантику внутри html-структуры.

БЭМДля удобного переноса, изменения или дополнения готовых классов необходимо использовать максимально

Похожие презентации

Использование <picture>

Семантика
Использование - ?
Препроцессор sass (scss)
БЭМ
Стандартны набор плагинов для жс
Правильное подключение

Семантика
Для облегчения понимания кода сторонними сотрудниками необходимо использовать Семантику внутри html-структуры.

БЭМ
Для удобного переноса, изменения или дополнения готовых классов необходимо использовать максимально