Sergeniy

$(document).ready(function(){
	$(".getdata").each(function( index, elem ) {
		var thisArr = $(elem).attr("data-name") //Получаю название массива из data-атрибута
		alert(thisArr);
	});
});

Если именно jQuery:
$(document).scrollTop()

Пожалуйста) - www.armagost.com/zaccordion

Потратить ли два часа на изучение одной из самых популярных js-библиотек в мире? Да, сложный вопрос, надо посоветоваться с сообществом...

Ну элементарно же!!!!!

1) Почему если сразу "дурной тон", то нельзя так делать? Мода на одежду тоже много чего говорит, но не все же ей следуют! Исходите из ситуации. Если у вас много элементов, к которым нужно использовать данное свойство, то * {box-sizing: border-box} будет норма. А иначе да, проще добавить тем 2-3м элементам к которым нужно применить! Такой подход очень удобен для адаптивных шаблонов. Что бы каждый раз не пересчитывать ширину блока у которого есть border и padding

2) Я никаких не увидел! Всю жизнь пользовался px и буду, пока не будет необходимости переходить на другие единицы. Ведь макет в фотошопе имеет размер в пикселях! Мне они для восприятия проще. Если вдруг все из фотошопа перейдут в другой редактор, в котором будут rem единицы измерения, то буду переходить на них!

3) Если тегов много, то и нагрузка больше. Ведь чем их больше, тем больше браузеру нужно отрисовать, построить древо узлов и т.д.

4) Если вы в селекторе используете все свойства как font-weight, font-size, font-family, line-height, то да, лучше написать 1м свойством. А когда меняете только размер шрифта, то зачем писать font: normal 12px/19px Arial;

5) Разницы никакой нет, только если для восприятия кода!

Потому что ваш код сработает только тогда, когда окно будет изменять размер! А в момент клика оно не меняет размер, поэтому событие не срабатывает!

+ тут

($(window).width() < 991||$(".pull").css("display", "block"))

Должен быть if

$(window).resize(function() {
    if($(window).width() < 991||$(".pull").css("display", "block")){
        $('.nav_slide_button').click(function(event) {
        $('.pull').slideToggle();
    }
});

И зачем вы window.load поместили в resize?

Несомненно fancybox)
Иногда magnific popup, но не проверял на кроссбраузерность.
Также частенько пользуюсь modal от bootstrap, когда нужен быстрый и просто прототип.

fancybox.net

$(document).ready(function(){
      $('.top-news').show();
});

$(window).load(function () {
   
});

Документация

Передавайте не #id а параметр в url и сами с ним разбирайтесь после загрузки страницы.

Прямо там ссылка на гитхаб с исходниками: https://github.com/CSS-Tricks/MovingBoxes
чем вас не устраивает?
Вот полный исходный код: https://github.com/CSS-Tricks/MovingBoxes/blob/mas...