Виталий Желтяков

data-id="345"

.data('id')
.data().id
.get(0).dataset.id

То есть для цикла по всем data-атрибутам нужно или data() в jQuery, или просто dataset в нативном JS.

Из Вашего вопроса абсолютно не понятно как Вы используете этот код и что подразумевается под вопросами "теряется качество".

Если Вы сохраняете jpeg, то у функции imagejpeg есть 3й параметр quality по умолчанию равный 75.
Замените его хотя бы на 90 и радуйтесь.

Увы, с этим ничего не поделать. Это ресурсы, которые загружаются не с вашего сервера и влиять на их кэширование вы не можете.

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

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

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

Это норм, сам инструмент очень прожорливый по ресурсам.
чем больше HTML тем дольше скрипт работает и больше кушает оперативы.

jQuery(function($) {
    function reload() {
        $.ajax('/path/to/the/script/which/generate/content/page', {
            cache: false,
            dataType: 'html',
            success: function(html) {
                $('#content').empty();
                $('#content').append(html);
                window.setTimeout(reload, 2000);
            }
        });
    }
    reload();
});

Как-то так.

Как таковых, стандартов нет. Как правило в каждой организации, в которой вы будете работать, есть стайл гайды по всем известным технологиям. Если вы работаете сольно, то попробуйте один из паттернов именования классов. Например, загуглите OOCSS, MCSS или БЭМ.
Придерживаться определённого порядка свойств при написании CSS - сложно. Тут гораздо проще воспользоваться постобработкой CSS файла. К примеру, упомянутым здесь пользователем @MonkAlbino, CSScomb или другим, более продвинутым решением.
Также можно воспользоваться чужими стайл гайдами, если они лежат в свободном доступе. Например, Google HTML/CSS Style Guide.

jsfiddle.net/ZCV2H/1

Если элемент плавно появляется и плавно исчезает, то при быстром проведении курсором, например, по пунктам меню вся менюшка начнет «скакать». Отсутствие анимации исчезания — один из вариантов избежания такого поведения.