stas

любой - от вас надо только стили настроить.

а вообще, мне тут недавно очень понравился многофункциональный и легкий:
Sly.js

зачем вы так? не думали что можно и по другому сверстать, не используя last-child например:

nav:after,
nav:before,
nav li + li:before {
	content: ' | ';
}

а ваш вариант тоже кстати должен работать, может откуда то переопределяет стиль?

curl
www.php.net/manual/ru/book.curl.php

Да что вы несете, век информационной паранойи, за нами следят, пищь-пищь один один.

Ага, а когда у каждого второго одинаковые наборы классов и идентификаторов (footer, header, main - тысячи их!!!), особенно когда в проектах используют фреймворки типа Bootstrap - вы хотите сказать поисковые роботы и анализаторы сравнивают их и расценивают как одинаковых?!

Главные вещи для поисковиков: текстовое содержимое, ключевики, заголовки и микроразметка, ну еще семантика

люди думать отучились - вопросы по любому поводу в интернетиках ищут (в тостере особенно)?

Да какая «нетривиальная», не тривиальная если только на чистом css было бы (и то решение у меня есть, но врядли рабочее, да и поддержка браузерами неважная):

.block,
.block:hover{
cursor: url(images/gradient.cur), pointer;
}

А вообще настоящее простое решение вот:

<div class="banner">
	<div class="cursor-grad"></div>
	....
</div>

banner - position:relative, cursor-grad - position:absolute, visability:hidden, фоном градиент пнг-шный, размеры - по размеру фона.
а дальше простой jquery:

$('.banner').on('mousemove', function(e){
	$('.cursor-grad').css({
		left: e.pageX - $('.banner').offset().left,
		top:  e.pageY - $('.banner').offset().top,
		visibility: 'visible'
	});
});

Вариант «а»: Открыть таки ссылку, данную @VitaZheltyakov, и посмотреть ответ помеченный как Решение и последовать совету данному в ответе.
Вариант «б»: masonry.desandro.com
И третий вариант:

.item {
    float: left;
    clear: left;
}
.item:nth-child(even) {
    float: right;
    clear: right;
}

curl_getinfo():
CURLINFO_REDIRECT_COUNT - количество перенаправлений
CURLINFO_REDIRECT_TIME - время на перенаправления, в секундах

curl_setopt():
CURLOPT_VERBOSE - вывод доп. информации

могут помочь

Если интересует кастомизация не в рамках одной страницы, а через Внешний вид -> Настроить:
themefoundation.com/wordpress-theme-customizer

Я бы все делал таким образом:

<div class="overflow">
	<div class="wrapper">
		<div class="item">предыдущие 10 строк</div>
		<div class="item">10 строк видимые</div>
		<div class="item">следубщие 10 строк</div>
	</div>
</div>

где: .overflow и .item имеют одинаковый размер, .overflow имеет overflow:hidden, а .item - обертка для единицы загружаемых данных.

Логика следующая:
при старте загружаем 2 единицы данных - первые 10 строк и следующие 10, следующие 10 никто не видит. Дальше занимаемся «любовными утехами» с событием wheel над нашим блоком + проверяем и отмеряем положение .wrapper относительно верха страницы -> если понимаем что был скролл вниз, то соответственно «двигаем» .wrapper на одну высоту .item'а, т.е. эмулируем скролл, и кроме того загружаем следующие 10 строк, и «аппендим» еще один .item с этими данными в наш .wrapper. Если скролл вверх - то просто эмулируем скролл.

И я бы не советовал совсем уж удалять выведенные уже блоки, пусть будут скрыты - а иначе:
1) придется еще проверять количество .item'ов, и очищать первые (но это мелочь);
2) если была прокрутка вниз, на несколько .item'ов, первоначальные данные очистились, а затем прокрутка вверх - мало того что надо теперь очистить_низ+вставить_данные_вверх, надо еще как то вставлять те данные которые уже были в этом месте.

Да и к тому же - если не очищать, то сократите количество ajax-запросов (будут только на загрузку, а когда данных больше нет - дошел до дна и остается функционал только скролла). Скролл не принципиален, то и пользователям будет логичнее и вам проще все это повесить на кнопки вверх/вниз, в идеале надо делать и со скролом и с кнопками.

Как то так, извините если что-то непонятно, в голове у меня решение быстро нашлось, а вот формулировал я долго, если что - спрашивайте!)