Olexandr Dmukhovskiy

Здравствуйте.
Без использования скриптов и больших обёрток например так

Здравствуйте, пример hrml5 audio тэга

audio.pause();
audio.currentTime = 105;
audio.play();

подробно тут и тут

Как по мне Вам поможет stickyjs
Вся суть в том чтобы была обёртка на всю страницу с паддингами сверху и слева, тогда контент никогда не перекроет эти елементы

Как по мне если скриптов мало, несколько функций лучше переписать всё на чистый JS, для економии запросов.
А если проект динамический или стартап, тогда уж лучше Jquery подключать скразу в роботу.

cdn.mosaicpro.biz/flatkit/php/admin/index.html?v=v2.3.0 вот например

themes.iki-bir.com/kubb или так

Здравствуйте, использую вот такое фикс для старых ие

/* IE* placeholder fix */
	var IE='\v'=='v'
	if (IE) {
		$('[placeholder]').focus(function() {
			var input = $(this);
			if (input.val() == input.attr('placeholder')) {
				input.val('');
				input.removeClass('placeholder');
			}
			}).blur(function() {
				var input = $(this);
				if (input.val() == '' || input.val() == input.attr('placeholder')) {
					input.addClass('placeholder');
					input.val(input.attr('placeholder'));
				}
			}).blur();
		$('[placeholder]').parents('form').submit(function() {
			$(this).find('[placeholder]').each(function() {
				var input = $(this);
				if (input.val() == input.attr('placeholder')) {
					input.val('');
				}
			})
		});
	}

Здравствуйте, Пример с использованием Bootstrap

$('#my-affix').affix({
    offset: {
      top: 100, bottom: function () {
        return (this.bottom = $('.footer').outerHeight(true))
      }
    }
  })

ещё нужно 3 сроки чтобы оно заработало :)

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Учитывайте что для запуска с файла а не с нужно перед //добавить http:

Подробно тут

Здравствуйте, в Вашем случає используется

/*
* MIXITUP - A CSS3 and JQuery Filter & Sort Plugin
* Version: 1.5.4
* License: Creative Commons Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0
* http://creativecommons.org/licenses/by-nd/3.0/
* This software may be used freely on commercial and non-commercial projects with attribution to the author/copyright holder.
* Author: Patrick Kunka
* Copyright 2012-2013 Patrick Kunka, Barrel LLC, All Rights Reserved
*
* http://mixitup.io
*/

Пример инициализации

$('.plugin-filter-elements').mixitup({
        targetSelector: '.mix',
        filterSelector: '.plugin-filter',
        sortSelector: '.sort',
        buttonEvent: 'click',
        effects: ['fade','rotateY'],
        listEffects: null,
        easing: 'smooth',
        layoutMode: 'grid',
        targetDisplayGrid: 'inline-block',
        targetDisplayList: 'block',
        gridClass: '',
        listClass: '',
        transitionSpeed: 600,
        showOnLoad: 'all',
        sortOnLoad: false,
        multiFilter: false,
        filterLogic: 'or',
        resizeContainer: true,
        minHeight: 0,
        failClass: 'fail',
        perspectiveDistance: '3000',
        perspectiveOrigin: '50% 50%',
        animateGridList: true,
        onMixLoad: null,
        onMixStart: null,
        onMixEnd: null
    });

Здравствуйте.
Сложность в том что Бустрап не имеет блока шириной

Есть сайт шириной 1200px.

Потому Вам нужен свой блок

<div class="w1200">
 <div class="row">
  <div class="col-lg-4">col-1</div>
  <div class="col-lg-4">col-2</div>
  <div class="col-lg-4">col-3</div>
 </div>
</div>

.w1200{
width:1200px;
margin:0 auto;
}

Здравствуйте.
Есть идеальное решение: Sublime Text 3 + препроцесор HTML - Jade и препроцесор CSS - Stylus.
Пусть Вас не пугают сложности, используя ети инстументы вы очень быстро будете верстать.
Если нужно, готов провести обучение по скайпу(от 3 до 12 часов нужно)

Здравствуйте, зачастую при уменьшении ширины контента уменьшается количество колонок.
Причина в том что компонировка одного елемента есть исключительной (в плане дизайна) ресайзить его не желательно, потому просто блоки пока есть место стают 5, 4, 3 , 2 и в самом конце 1 на екран.
Для етого зачастую лучше всего использовать
display:inline-block
для елементов которые денамиски располагаются и
text-align:center
родителю.