Skip to content

Instantly share code, notes, and snippets.

🚧
Working Hard

Vadim Makeev pepelsbey

🚧
Working Hard
Block or report user

Report or block pepelsbey

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@pepelsbey
pepelsbey / htmlcss-1__section-6.md
Last active Oct 1, 2019
Вопросы к разделу «Сетки»
View htmlcss-1__section-6.md

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

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

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

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

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

@pepelsbey
pepelsbey / htmlcss-1__section-8.md
Created Sep 13, 2019
Вопросы к разделу «Оформление контента»
View htmlcss-1__section-8.md

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

@pepelsbey
pepelsbey / htmlcss-1__section-4.md
Last active Sep 17, 2019
Вопросы к разделу «Доступность и формы»
View htmlcss-1__section-4.md

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

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

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

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

@pepelsbey
pepelsbey / htmlcss-1__section-2.md
Last active Sep 17, 2019
Вопросы к разделу «Разметка» на 26 потоке
View htmlcss-1__section-2.md

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

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

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

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

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

View bike.txt
Гоночный велосипед со спортивной рамой 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
View what-is-manifest__11.js
function handleInstalled(ev) {
const date = new Date(ev.timeStamp / 1000);
console.log(`Ура! Наше приложение установили в ${date.toTimeString()}`);
}
// Используем атрибут IDL обработчика события
window.onappinstalled = handleInstalled;
// Используем .addEventListener()
window.addEventListener('appinstalled', handleInstalled);
View what-is-manifest__8.js
if (window.matchMedia('(display-mode: standalone)').matches) {
// интересные модификации интерфейса
}
View what-is-manifest__7.css
@media all and (display-mode: standalone){
}
You can’t perform that action at this time.