pepelsbey

Вопросы к разделу «Препроцессоры и автоматизация»

Статья "Культ Карго CSS" меня смущает, что делать?

Я в замешательстве, у вас в материалах под заголовком БЭМ стоит статья «Культ карго CSS», который в принципе опровергает систему БЭМ в пользу более длинных и понятных CSS селекторов ( может не длинных, но понятных ), и проповедует препроцессоры ( с этим спору нет ), и что самое ужасное, говорит, что id... ЭТО ХОРОШО. Но потом в том же списке куча статей по описанию БЭМ системы и вообще академия очень не любит id. У меня двоякие чувства, так-как статья написана очень грамотно и явно не последним человеком в мире веба. Чему верить я не знаю... Учиться как учат, или учесть и эти знания...

Статью "Культ Карго CSS" всегда нужно читать в паре с Архитектура CSS. Их цель посеять в вас зерно сомнения, чтобы вы сами разобрались нужна ли вам методологии в проекте и для чего.

Почему <button>

pepelsbey

Вопросы к разделу «Сетки»

Новые варианты отступов

Свойства margin-inline, margin-block, padding-inline, padding-block идеальны для флексов?

Новые свойства полностью соответствуют margin-[top, right, bottom, left]. И сказать, что они лучше или хуже нельзя.

Минимально возможная ширина

pepelsbey

Вопросы к разделу «Оформление контента»

pepelsbey

Вопросы к разделу «Доступность и формы»

1. <button> или <input type="submit">?

В формах для кнопок лучше использовать элемент button или input[type="submit"] и аналогичные? В чем разница между и . Почему в Барбершопе для создания просто кнопок использовали второй вариант?

Лучше использовать button, так как button парный тег. У парных тегов есть псевдоэлементы, которые иногда пригождаются, например для того, чтобы повесить иконку. Вообще, тег button вышел позже input[type="submit"] и расширил возможности input. Более того, если ничего не указывать в атрибуте type тега button, то тип по умолчанию является submit, но вы всё равно указывайте тип. Сейчас нет никакого смысла пользоваться input[type="submit"].

pepelsbey

Вопросы к разделу «Разметка»

1. Как используется бинарный атрибут hidden?

Всем HTML-элементам может быть установлен атрибут hidden. Атрибут hidden позволяет скрыть элемент со страницы, причем элемент перестает занимать место в интерфейсе. Сам атрибут логический, это значит, что он может иметь два состояния - включен или выключен:

• <div hidden></div> - элемент скрыт
• <div></div> - элемент не скрыт

Обычно состоянием видимости элемента управляют с помощью CSS. Для этого используют свойство display со значением none.

pepelsbey

Гоночный велосипед со спортивной рамой S-Works. Навес на Sram 7 и Shimano LX/XT, итальянская воздушная вилка Marzocchi, новыё колёса Token, только что из мастерской после чистки и настройки.

— Рама Specialized S-Works HT M5, 2006, 18"
— Вилка: Marzocchi MX Comp, 2008
— Подседельный штырь: Thomson
— Седло: Selle Italia XC
— Руль и вынос: Ritchey
— Каретка: Shimano
— Рулевая: FSA
— Грипсы с рогами: Ergon GP3

pepelsbey

function handleInstalled(ev) {
  const date = new Date(ev.timeStamp / 1000);
  console.log(`Ура! Наше приложение установили в ${date.toTimeString()}`);
}

// Используем атрибут IDL обработчика события
window.onappinstalled = handleInstalled;

// Используем .addEventListener()
window.addEventListener('appinstalled', handleInstalled);

pepelsbey

{
  "scope": "/myapp"
}

pepelsbey

{
 "start_url": "/start_screen.html"
}

pepelsbey

if (window.matchMedia('(display-mode: standalone)').matches) {
  // интересные модификации интерфейса
}