В статье же сказано о том, что элемент <header> — не только для шапки сайта, и может быть использован и в других местах согласно его семантическому назначению. В такой записи нет ничего страшного — вы используете элемент <header> там, где его нужно использовать, и задаете ему класс .header, указывая тем самым, что это шапка сайта.
Имя тега никак не связано с его классом, потому не стоит их сравнивать и заменять одно другим, они прекрасно могут существовать вместе.
К слову, вы уже можете не писать вендорное правило -ms-transition — IE10 понимает беспрефиксное правило, само же вендорное правило использовалось лишь в IE10PP. caniuse.com/#search=transition
Селектор '~' и метод .sbilings() — не одно и то же, поскольку второе выбирает элементы вне зависимости от того, до или после заданного элемента они находятся.
Этот селектор еще хорошо подходит для осуществления всяких красивостей и некоего функционала при помощи связки input + label, как например здесь. Уверен, в ближайшем будущем появятся новые варианты использования такой связки — и не только в рамках демок, а и для практического применения.
Например, если вешать такой уникальный класс на какой-нибудь корневой элемент (body или html), то через него лично мне удобно фиксить инлайн-блоки в IE 6/7.
Ждать и не нужно, вендорные префиксы в этом помогают. Кто из вендоров отстаёт — ну ок, вписать для него вендорное правило, и забыть. Догонит вендор прогресс, начнет поначалу поддерживать свой вендорный вариант правила — замечательно, правило это мы уже написали, и там, глядишь, обкатают синтаксис, работу правила, и будет рабочим обычный вариант правила. Никаких проблем.
А с этим решением рабочей группы w3c… Здесь я полностью разделяю мнение SelenIT2 — это путь к хаосу.
Вот замечательная статья на тему исследования box-shadow, которой, между прочим, уже почти полтора года. За это время наверняка всё то, о чём идёт речь в статье, изменилось в лучшую сторону.
Имя тега никак не связано с его классом, потому не стоит их сравнивать и заменять одно другим, они прекрасно могут существовать вместе.
А с этим решением рабочей группы w3c… Здесь я полностью разделяю мнение SelenIT2 — это путь к хаосу.
http://westciv.com/tools/gradients/ — неплохая штука для генерации градиентов.
http://nerdi.net/ — а здесь собраны многие инструменты и ресурсы для веб-разработки.