Posh CSS # for the modern day web designer

Submit an Article or Link Subscribe

About Posh CSS

Posh CSS is a collection of Cascading Style Sheet Articles, Tutorials, Tips and Code snippets for the modern day web designer.

Browse the site

Submit a link

Have you written or read a great resource relating to CSS that we are not linking to yet? Let us know.

Submit a Link →

Browse our Archives

Get in touch

Have a question or just want to drop us a line? Contact Us →

Posh CSS

Forget Pagination this is how future paging will work!

Pagination seems to be the hot topic of the moment and I hate it. Have a look at this site, the Humanized Reader is the future of pagination and I had to create a new category (Links) just to publish this, take a look. via Chris24.

# 6 Comments Posted in 129 days ago Read more at humanized.com →

Comments

  1. Similar to what Google Reader does. Good concept but better know when to use.

    Cerebral
    129 days ago #
     

  2. This is a great use of ajax. I saw this a while back where Humanized was also referenced.

    Will Wilkins
    129 days ago #
     

  3. Lovely!

    This way of scrolling is great .. I’ve used it on a few apps I built a while back, that Unspace link was where I got the inspiration.

    Although it’s always a good idea to have some kind of sitemap / page numbers so search engines and sans javascript readers can consume the content easily :)

    Jason Cale
    129 days ago #
     

  4. Hehe, streaming results, very cool. You can get this kind of functionality on Google searches using the FireFox Customize Google extension. I like it for the web search, but find it kind of annoying for the image search.

    Andrew
    129 days ago #
     

  5. Hi Guys, thanks for the comments. I quite like the way the Apple Store works as well, only loading the images further down the page when you scroll there to eliminate excess page load. I love this technique and can’t wait to use it.

    Sam Brown
    129 days ago #
     

  6. Im toying with updating my script so as you scroll down the page, it hides results that have gone out of view at the top of the page.

    One problem with this technique currently is if you return a large result set, your scroll bar can shrink to the size of a pea, which makes scrolling rather fidgety.

    Although getting the hiding to happen on a decent ratio is where the work needs to go, so it doesn’t jump around when you hide the elements above.

    If I do get around to it, I’ll make sure I share the love ;)

    Jason Cale
    120 days ago #
     

Commenting has closed for this article.