You aren't signed in     Sign In    Help

Pagination 101 - KuraFire Network

Pagination 101 - KuraFire Network by kurafire.
Oh my god, I blogged! 

Comments

view profile

Sushi & Robots  Pro User  says:

wait a minute... You have a blog?!?!?
Posted 31 months ago. ( permalink )

view profile

'ju:femaiz  Pro User  says:

zing! this is something i've been working on today - ta :)

--
Seen on my Flickr home page. (?)
Posted 31 months ago. ( permalink )

view profile

Rob Goodlatte says:

its been awhile since I've seen the little "1" appear next to my KuraFire RSS subscription.
Posted 31 months ago. ( permalink )

view profile

kurafire  Pro User  says:

@BOLTRON: I've kept it secret for six months, but.... yes, I admit :(

@Rob: ah, fantastic, means my manual editing of the RSS and atom files worked correctly. Thanks! ;-)
Posted 31 months ago. ( permalink )

view profile

factoryjoe  Pro User  says:

Sweet!!! This is great!

We should also come up with some POSH Patterns for pagination -- how to mark them up correctly!
Posted 31 months ago. ( permalink )

view profile

kurafire  Pro User  says:

@Chris: yeah, I forgot, I wanted to put a note at the end saying that the markup for pagination is worthy of a separate post all by itself.

I have conflicted feelings about some of the markup possibilities, though. We should chat on that sometime…
Posted 31 months ago. ( permalink )

view profile

ddefenba  Pro User  says:

Yahoo's approach seems inline with your comments: developer.yahoo.com/ypatterns/parent.php?patt ern=pagination
Posted 31 months ago. ( permalink )

view profile

And all that Malarkey  Pro User  says:

Wait! You're Faruk, right? And you have a blog? We'll I'll be damned. :)
Posted 31 months ago. ( permalink )

view profile

Michael Heilemann  Pro User  says:

I'm very interested in hearing your opinion on the page system we have in K2. Feel free to just mail me at heilemann@gmail.com if you want.
Posted 31 months ago. ( permalink )

view profile

jayluker says:

Nice work. I'd like to suggest, however, that the type of pagination links you discuss are really only useful for sets of items that are ordered based on some kind of relevancy algorithm. I'm curious what your thoughts are on pagination for a set of items that are ordered alphabetically based on a title or a name, or based on a timeline. Isn't it better in that case to have the page links indicate something about the items that are contained on that particular page, rather than just the page number?

For example, I want to provide pagination for a list of 2000 books, 20 books per page. The list is ordered alphabetically (ascending). It seems like in this scenario that a set of numbered pagination links is not very useful to user who wants to quickly jump to to books starting with the letter "P".

Similarly, if I'm paging through a series of blog posts or tweets, ordered by their creation date, I might want to jump to a particular point in the timeline.
Posted 31 months ago. ( permalink )

view profile

nateklaiber  Pro User  says:

That was a great overview, Faruk. I would agree that I think the Flickr style is one of the nicest out there for pagination. They cover all of the bases nicely and in a clean manner.

Now, I would definitely be interested in hearing what you have to say about the markup behind pagination. Maybe another post to the blog? Part 2 in a series...he.
Posted 31 months ago. ( permalink )

view profile

kurafire  Pro User  says:

@jayluker: excellent points you raise.

Yes, for something that's ordered alphabetically, page numbers would not be as usable as Letter links (whether it's just a single letter, or a range like M–P).

Also, Michael's link to K2's pagination, above your comment, has an interesting angle on pagination, in that they offer a slider that highlights the month as a hover / tooltip when you drag the slider around, which I think is quite an interesting and possibly great new approach.

As for blogs / tweets and such, that's what archives are for. In my opinion, anything with regular time-driven content should have an archive overview; try chopping off each section of the URL between slashes (/) in my Pagination article's URL, to see how I handle full-scale archiving. IMO it's the way to go for blog content.
Posted 31 months ago. ( permalink )

view profile

kurafire  Pro User  says:

@nate: aye, Chris pointed that out already, but I think it'll be a co-authored piece instead, because I really don't like how much work it is to manually update my site, and I really won't have time anytime soon to make the Django backend :(

But yes, a markup-oriented follow-up is definitely a great idea, and I definitely want to do that.
Posted 31 months ago. ( permalink )

view profile

Wolfr  Pro User  says:

Your article was the main source of knowledge to write mine: www.wolfslittlestore.be/in-search-of-the-ulti mate-pagination

Cheers~!
Posted 24 months ago. ( permalink )

Would you like to comment?

Sign up for a free account, or sign in (if you're already a member).

[?]
view photos Uploaded on June 21, 2007
by kurafire

kurafire's photostream

3,580
uploads

This photo also belongs to:

Pagination 101 (Set)

19
items

Tags

Click this icon to see all public photos and videos tagged with omg omg

Additional Information

AttributionNoncommercial Some rights reserved Anyone can see this photo

Add to your map
Anyone will be able to see this on the map
 (edit)