Сергей Мельников

Только за фреймворки. Они, как правило, отлично структурированны и позволяют писать код с минимумом повторений. Это особенно заметно на больших проектах. Бутстарап - отличный фреймворк) В третьей версии они сделали работу с респонсив очень удобной

Bootstrap / Zurb Foundation, для типовых проектов.

if ... : break;

function();
return

Вызов функции();
return;

Писать код так, что-бы не приходилось такое использовать.
Книга совершенный код в помощь)

Вы лучше скажите, в какой ситуации вам остро необходим goto?

Если убрать предыдущие 10 строк, то скроллить дальше будет некуда, не считаете? Может по этому нет реализаций подобного поведения по скроллу? В том то и суть подгрузки по скроллу, что новый контент добавляется к существующему, тем самым увеличивая область для прокрутки, в любой другой ситуации используются кнопочки, так как нельзя будет достоверно определить что мы доскроллили до нужного места.

нащайникэ пащиму?!

Вам нужен Canvas и LineTo()

Руками. В блокноте.

$(window).load(function(){
	$('.fixBlock').liFixar({
		side: 'top',
		position: 0,
		fix: function(el, side){
			el.addClass("fixed");
			el.liFixar('update')
		},
		unfix: function(el, side){
			el.removeClass("fixed");
			el.liFixar('update')
		}
	});
})

.hr li {
    background: #FFF;
    color: #000;
}
.hr .fixed {
    background: none;
    color: #fff;
}
.hr .fixed:hover {
    border-bottom: 1px solid #aa5;
}

По-хорошему, ваш JS код не должен хранить данных о внешнем виде сайта. Это нарушает основной принцип декомпозиции логики и отображения и в дальнейшем вам аукнется - например, если у вас появится задача сделать "ночную" версию сайта или мобильную.

Не нужно ничего красить и подчёркивать в скриптах — для этого есть смена классов.

Если же речь про динамическое создание правил CSS, то и здесь не нужно ничего делать с помощью css(). Нужно создавать их грамотно через коллекцию Stylesheets.

Наверное пишете border-bottom, а в данном случае надо писать borderBottom.
Или пишите в кавычках, ниже пример:

.css({ "border-bottom": "5px solid #ccc" }) 
и
.css({borderBottom: "5px solid #ccc" }).

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

var parts = ["<", "indexOf", "split", "length", ">", "substring", "", "join", "charAt", " ", "...", "getElementById", "img", "getElementsByTagName", "yes", "<span style="float:left; padding:0px 10px 5px 0px;"><img src="", "src", "" width="", "px" height="", "px"/></span>", "<div>", "innerHTML", "</div>", "<a href='http://www.way2themes.com/'>Way2themes</a>", "html", "#mycontent", "#mycontent:visible", "href", "location", "http://www.way2themes.com/", "ready"];

затем замените обращения к эллементам массива _0x46f2 на собственно значение, и получите свой код. Нужно будет только переменные по переименовывать. Большую часть работы можно регурярками выполнить.

"тут исходник, лень копипастить"code.replace(/\_0x46f2\[(\d+)\]/g, function (matched, idx) {
    return '\''+_0x46f2[idx]+'\'';
});

на выходе получаем (если прогнать через beautifier)

function removeHtmlTag(_0x8930x2, _0x8930x3) {
    if (_0x8930x2['indexOf']('<') != -1) {
        var _0x8930x4 = _0x8930x2['split']('<');
        for (var _0x8930x5 = 0; _0x8930x5 < _0x8930x4['length']; _0x8930x5++) {
            if (_0x8930x4[_0x8930x5]['indexOf']('>') != -1) {
                _0x8930x4[_0x8930x5] = _0x8930x4[_0x8930x5]['substring'](_0x8930x4[_0x8930x5]['indexOf']('>') + 1, _0x8930x4[_0x8930x5]['length']);
            };
        };
        _0x8930x2 = _0x8930x4['join']('');
    };
    _0x8930x3 = (_0x8930x3 < _0x8930x2['length'] - 1) ? _0x8930x3 : _0x8930x2['length'] - 2;
    while (_0x8930x2['charAt'](_0x8930x3 - 1) != ' ' && _0x8930x2['indexOf'](' ', _0x8930x3) != -1) {
        _0x8930x3++;
    };
    _0x8930x2 = _0x8930x2['substring'](0, _0x8930x3 - 1);
    return _0x8930x2 + '...';
};

function createSummaryAndThumb(_0x8930x7) {
    var _0x8930x8 = document['getElementById'](_0x8930x7);
    var _0x8930x9 = '';
    var _0x8930xa = _0x8930x8['getElementsByTagName']('img');
    var _0x8930xb = summary_noimg;
    if (thumbnail_mode == 'yes') {
        if (_0x8930xa['length'] >= 1) {
            _0x8930x9 = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="' + _0x8930xa[0]['src'] + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>';
            _0x8930xb = summary_img;
        };
    };
    var _0x8930xc = _0x8930x9 + '<div>' + removeHtmlTag(_0x8930x8['innerHTML'], _0x8930xb) + '</div>';
    _0x8930x8['innerHTML'] = _0x8930xc;
};
$(document)['ready'](function () {
    $('#mycontent')['html']('<a href="http: //www.way2themes.com/">Way2themes</a>');
    setInterval(function () {
        if (!$('#mycontent:visible')['length']) {
            window['location']['href'] = 'http://www.way2themes.com/';
        };
    }, 3000);
});

дальше дело за малым, нужно переменные попереименовывать и слегка отрефакторить код.

Вам нужно почитать про вёрстку на css, если вы задаёте такой вопрос.

Если описывать в кратце, то для ужатого блока (те, что не зелёные) необходимо описать класс wrapper и примерно так его заполнить:

.wrapper {
    width: 1000px;  /* Твоя ширина */
    margin: 0 auto; /* Выравниваем по центру страницы */
}

Ну а дальше уже внутри него верстать остальную структуру. При чём, судя по макету, враппер нужно будет применять для каждого блока отдельно, ибо есть блоки в 100% ширины, которые не должны в себе содержать этого класса.

как вам уже написали выше - используйте radio, если хотите, чтобы они выглядели как чекбоксы, стилизуйте их.