Отдельные страницы для каждой демки

[sergeicodes]

Проблема

• нахожусь в разделе Уведомления
• хочу попробовать пример и пробежаться табом по полям
• из поля Телефон (правильный пример) перелетаю в Язык содержимого на ссылку на сайте htmlbook.ru (что в общем-то правильно, потому что следующая ссылка там, но совсем не удобно, когда курсор прыгает по всей странице)

В добавление сложно тестировать на скрин ридере, т.к. много лишнего.

Предложение

Предлагаю сделать отдельные страницы для каждой демки.

Плюсы:

• видишь только то, что нужно
• просто тестировать скрин ридером
• если сделать отдельный не минифицированный .js файл для каждой демки, то можно легко инспектить в DevTools

Минусы:

• ну файлов только больше, но это же не проблема

[nikolai-shabalin]

Можно попробовать это сделать с помощью posthtml.

Заверстать каждый логическиский блок отдельно

• table.html
• text.html
• forms.html

И каждый такой блок компилить как страницу.

Также из этих же блоков сделать объединяющую страницу

• inner.html
  • import table.html
  • import text.html
  • import forms.html

В случае с JS, лучше всё-таки минифицировать, но подключить sourcemaps.