Рано списывать со счетов табличную верстку

[pokerfrog]

Как ни крути, а есть ситуации когда это тупо удобнее чем ебаться с блоками. Вчера пытался сделать типовую формочку: несколько полей, метка + input, сгруппированных вертикально. Что будет в метках и какой длины должны быть input'ы – заранее неизвестно, хочется чтобы оно само как-то автоматически выровнялось более-менее красивым единообразным образом . Оказалось что таблица – самый простой и предсказуемый способ достичь результата. HTML 5.0, CSS 4.0, jquery+bootstrap, ля-ля тополя…

Рабочие моменты

1. Отдельная еботня с аттрибутами role и aria. В бутстрапе они напиханы в каждый элемент. Быстрое гугление проблемы показало – нафиг не нужны. Понапихать их и надеяться что сайт автоматически станет удобным для людей с ограниченными возможностями? Черта с два. Если это нужно, то над этим надо целенаправленно работать. Тот самый случай, когда лучше никак чем как-нибудь. Я не знаю нужно ли это мне вообще, и у меня нет ресурсов чтобы этим заниматься. Люди с ограниченными возможностями, извините.

2. Осознал что делегирование событий – удобная штука. Правда она тянет за собой еще один момент. Плохо смешивать в кучу управление отображением и  поведением. Классы элементов, они все же больше для отображения. Хотя бы потому что исторически так сложилось. Чтобы управлять поведением лучше использовать data-аттрибуты. Единственное, не хотелось бы изобретать велосипед, может уже есть какие-то стандарты на эту тему?

3. селекторы + jQueru дают больше возможностей чем я реально использую. Надо как-то целенаправленно  упорядочить знания в этой области

4. создание элемента через createElement с последующим обертыванием его jQuery имеет некоторые преимущества перед генерацией строки и вставкой через innerHTML. Может даже не меньше кода, но как-то более читаемо и логично