leutsky

Проще так: cssdesk.com/M6WzU
А резину так: cssdesk.com/tRe9r

делаете индекс по date_created, лучше его вообще в виде unix_timestamp хранить (а лучше создаете сразу составной индекс id & date_created)

когда вам нужно будет догрузить еще 10 записей, отправляете параметры (id и date_created) последней записи (т.е самой нижней в списке событий), а запрос будет вида:

SELECT * FROM timeline WHERE id > %s AND date_created <= %s ORDER BY date_created DESC, id ASC LIMIT 10

т.е запись с переданным id будет пропущена и будут выбраны еще 10 записей, которые вам нужны, и которые идут прям за записью с номером id

Недостаток в следующем:
— если во время просмотра пользователем страницы будет создана запись с date_created большим, чем передано в запросе, то эта запись будет показана только при перезагрузке страницы с событиями.

алгоритм:

событие mouseup на разделителе:
— повесить обработчики событий mousemove и mouseleave на объект document

обработка события document.mousemove:
— вычислять величину перемещения мыши по вертикали и на эту величину менять высоту верхнего и нижнего блоков. Но при этом нужно учитывать допустимые границы.

обработка события document.mouseleave:
— снять с объекта document обработчики событий mousemove и mouseleave

вот и все. Все решение можно описать в пару десятков строк (+-) и без зависимости от версии jQuery
увы, с готовым решением не сталкивался и подсказать что-то конкретное трудно.