Евгений Петров

Увидели красивый элемент на чьем- то сайте — изучили его.
Популярные JS фреймворки не в сжатом виде (JQUERY) — тоже много интересного

jqueryrain.com
inspiretrends.com
codrops
smashingmagazine
inserthtml
teamtreehouse
dejurka
rudebox

еще?

codepen.io можете посмотреть.
Ну и . . . собственно, сами пишем :)

.header {
position: fixed;
width: 100%;
height: 60px;
left: 0px;
top: 0px;
}

вот еще jquery скрипт который после прокрутки на 100px добавляет класс .header-script в котором уже заранее будет прописан position: fixed;, он нужен для того если тебе не сразу надо зафиксировать блок, а после прокрутки на оперделенное количество пикселей

<script type="text/javascript">
                $(function(){
                $(window).scroll(function() {
                    var top = $(document).scrollTop();
                    var height1 = $(document).height()-$(window).height()-100;   
                    var result =  $(document).scrollTop();
                   if(result  > height1   )  
                           // $(".header").fadeOut(100);
                    if(result  < height1   )  
                           $(".header").fadeIn(300);
                    if (top < 100)
                    {
                        $(".header-top-inner").removeClass("header-script");
                    }
                    else
                    {
                        $(".header-top-inner").addClass("header-script");
                    }
                });
            });
        </script>

Пробежал статью глазами. Мое мнение - весьма бредовая статья. Клинический перфекционизм в разработке + собственные вкусовые пристрастия выставлять как канон... В ID нет ничего ничего, ну абсолютно ничего плохого, особенно учитывая описанный вами подход.

Хотя если очень захотеть то можно извращаться сколько угодно. В свое время пробовал построить веб страницу используя haml scss и модификатор строгости в CSS. Удалось полностью избавится и от классов и от ID. Вот только код был как Китайская стена длинной. Оно вам надо?

Более того при разработке фронта (javascript) от ID полностью уйти невозможно. А в общем вы правильно описали принципы применения и того и другого, так что не смешивайте конвенции сжатого и читабельного кода с идеей божественного сечения. Главное пишите, пишите и еще раз пишите, стиль как свой так и "правильный" вырабатывается только с практикой. И не всегда "как надо" необходимо больше нежели "как хочется" ;)

Без дополнительных блоков внутри, используйте градиент. Не забудьте префиксы поставить для кроссбраузерности.
codepen.io/iiil/pen/KBzvo

Ответ на вопрос будет сильно зависеть от того, в каком направлении вы думаете развиваться.
Будет ли это сетевое программирование? Тогда это си, в основном.
Может быть, веб-программирование? Тогда тут могут быть php, javascript, python, ruby.
Захотите разрабатывать программы на десктоп? Вам нужны c# или java.
На мобильные платформы? тогда java и objective c (плюс swift).
Или податься в разработку игр? Тогда либо c++, либо с# (для Юнити - наверное, самой популярной платформе).
Хотите экзотики? Приглядитесь к функциональным языкам - Erlang и Haskell.
Разработка железа и драйверов для железа? тогда си (без плюсов) и ассемблер.
Определитесь, что вы хотите, потому что всё объять не получится. Выберите один (или два) направления и добейтесь хорошего уровня в нём. А потом вам будет уже легче двигаться дальше.

Мой совет - попробуйте изучать C# или Java (они во многом похожи) для софта, или Javascript и php/python для веб-приложений и сайтов.

Добавлю, что очень правильный совет дал @tsarevfs - помимо языка программирования, хороший программист должен знать несколько инструментов - и в первую очередь, это система контроля версий, например, git. Плюс юнит-тестирование (хотя это можно начать изучать позже, через годик-два). Плюс - нужно хорошо знать свою IDE, в которой работаете; не вздумайте работать в блокнотиках!

Ещё помимо практики нужно знать теорию - читайте Макконнелла, Фаулера, Мартина, Бека.
Подпишитесь на хабре на пару десятков хабов и регулярно читайте всё подряд. Через годик ваш уровень понимания статей сильно вырастет.

Я сам преподаватель программирования в колледже, и, к сожалению, таких желающих изучать там очень мало. Пишите мне в личку, если будут вопросы.

UPD. Важное дополнение из обсуждения в комментариях (спасибо @Argentum88 @Deerenaros )
Чтобы стать профессионалом и "востребованным программистом с нормальным заработком", нужно очень хорошо понимать внутреннее устройство тех систем (платформ, фреймворков), на которых идёт работа.
Для этого нужно заглядывать вглубь. Изучив различные мейнстрим-инструменты, посмотреть на аналогичные менее популярные системы. Изучать исходный код используемых open-source библиотек. Написать свою подобную систему. Для web - написать свою CMS (хотя бы базовую). Для десктоп-программ - попробовать программировать без навороченных библиотек, которые делают рутинную работу за программиста. Для разработчика игр - сделать простую игру на базовом инструментарии платформы, где всё придётся делать своими руками.
Всё это даст возможность проникнуться, почему всё делается именно так, даст понимание взаимосвязей разных частей программы.
А потом, осознав это, выбрать один из уже готовых инструментов, и продолжать писать на нём, уже обладая более глубоким его пониманием.

Может не мучать css по таким пустякам и сделать майку в svg? Тогда любые шалости css сможете использовать - цвета, толщину линий и докучи майка будет на майку похожа :-)
Да и дорисовать что то будет проще.