doka-guide / content Goto Github PK

Взять старую статью из ноушена и переделать.

Что нужно рассказать:

• типы ошибок, которые выплевывает JS
• как создавать свои ошибки

Тема

В статье можно раскрыть следующее:

• кому помогает доступность;
• как доступность помогает компания;
• как убедить коллег, что доступность важна и нужна.

Ссылки для старта

• https://mosaicofminds.medium.com/the-curb-cut-effect-how-making-public-spaces-accessible-to-people-with-disabilities-helps-everyone-d69f24c58785
• https://www.w3.org/WAI/business-case/
• https://web.dev/learn/accessibility/why/
• https://www.boia.org/blog/6-unexpected-benefits-of-web-accessibility
• https://www.essentialaccessibility.com/blog/how-to-champion-digital-accessibility-conversation-starters

Полезные ссылки по тексту и демкам в Доке

• Руководство по стилю.
• Демки.
• Про стиль демок.
• Подпись автора.

Тема

Самые дикие примеры типа игры или анимированного фавикона.

У рецептов в Доке особая структура. В подразделе «Задача» описываем, что надо сверстать, в «Готовое решение» — добавляем финальный код и демку, в «Разбор решения» подробно рассказываем про решение.

Можете заглянуть в рецепт «Разноцветный текст» для вдохновения.

Ссылки для старта

За основу можно взять https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs.

Полезные ссылки по тексту и демкам в Доке

• Руководство по стилю.
• Демки.
• Про стиль демок.
• Подпись автора.

Рассказать подробно про это чудо-свойство. Какие значения может принимать, к каким элементам применяется.
Как можно сочетать с другими свойствами?
Показать в демо работу свойства.

Референсы:

• https://sebhastian.com/css-word-wrap/
• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text/Wrapping_Text

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

Референс:

• https://developer.mozilla.org/en-US/docs/Web/CSS/resize

Уже есть плейсхолдер.
Нужно расширить доку.
Дать подробности синтаксиса, наглядные примеры, уместные ситуации для использования и особенности стилизации.
Важно сказать про атрибуты для этого тега.
Как отдельный случай можно рассмотреть выбор всех опций в конкретной группе.

Особенности стилей таблицы и почему таблицу надо верстать только таблицей и больше ничего так не верстать

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

Референсы:

• https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
• https://css-tricks.com/almanac/properties/u/user-select/