jlekapb

Если для ваших задач хватает prepros, я советую не тратить время на новую технологию, а больше совершенствовать код или больше кода продавать.
Упретесь в стену, вот тогда и будете изучать галп.

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

Если нужно сместить именно картинку и не позицию на странице, то background-size должен помочь
https://css-tricks.com/almanac/properties/b/backgr...

Я бы записал меню в json файл и выводил бы по условию.

layout.jade

include ../helpers/mixins
html
    body
        block menu
            if menuID === 1
                +menu(1)
        block content

page1.jade

extends ../layouts/layout
block menu
    - var menuID = 1;
block content
    p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

mixins.jade

//- тут создаете миксин, который принимает аргумент и выводит по нему часть json.
+menu(menuID)

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

{
width: 25%;
float: left;
box-sizing: border-box;
}

// немного бреда
Для статичных частей сайта можно сэкономить на хттп запросах и разместить код инлайново, затем кешировать эти страницы на долгое время.

Ваш код не осилил, но вот пример:
codepen.io/lkp/pen/jPjGWz?editors=110

Вы это искали?

Пример: codepen.io/lkp/pen/bdPbQx?editors=101

$(function(){ 
     var navMain = $(".navbar-collapse");

     navMain.on("click", "a", null, function () {
         navMain.collapse('hide');
     });
 });

1. Оставляем href пустым
2. На JS находим пустые ссылки и return false

Пример:
codepen.io/lkp/pen/MwdypR

Еще один вариант:
jquery+ input:checked + data-attr

Привет!
Что поддерживает и не поддерживает edge можно посмотреть, например, тут::
caniuse.com/#compare=ie+Edge

я скрываю неиспользуемые пакеты, чтобы при вызове ctrl+shift+p не видеть лишних строк:

{
"ignored_packages":
[
"ActionScript",
"AppleScript",
"ASP",
"Batch File",
"C#",
"C++",
"Clojure",
"D",
"Erlang",
"Go",
"Graphviz",
"Groovy",
"Haskell",
"LaTeX",
"Lisp",
"Lua",
"Makefile",
"MATLAB",
"Objective-C",
"OCaml",
"Perl",
"Python",
"PyV8",
"R",
"Scala",
"ShellScript",
"TCL",
"Textile",
"Vintage"
],
}

Для ускорения можно использовать prefetch:
<link rel="prefetch" href="/path/to/prefetch" />

https://en.wikipedia.org/wiki/Link_prefetching#Bro...

Можно попробовать переместить шапку #header ниже блока с текстом и позиционировать её абсолютно.

Мне непонятно, как это влияет на СЕО, если переместить выше, что изменится?
Не думаю, что это повлияет на поисковую выдачу.

В любом случае, вы можете внести изменения и замерить результаты на протяжении месяца - что случится с позициями сайта.

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

Пример с блоками: jsfiddle.net/lkp_chg/sLbdkpye

JS код из вашего примера ruseller.com/lessons/les1637/demo/index.html:

$(function() { 
	$('div#fds img').each(function(i) {
    $(this).delay((i++) * 500).fadeTo(1000, 1); })
});

Попробуйте background-size

Статья Масштабируем CSS спрайты с SVG, убивая сразу трех зайцев: habrahabr.ru/post/141654