タグ

pagerに関するhoge_systemzのブックマーク (3)

  • これは超使いやすいページネーションの次世代UI:phpspot開発日誌

    Slider Pagination Concept - with jQuery UI Slider これは超使いやすいページネーションの次世代UI。 普通、リストページのページネーションといえば、「 1 , 2, 3, 4 ,5 次へ> 」みたいなUIが基ですが、そもそもこのUI疑ってかかってもいい時期なのかも。 要は現在のページ番号と、ページを前後と、ページ指定で送れればいい、という要件を満たせばいいわけでもっとシンプルに出来るはず。 今回紹介するページネーションのデモ ページ番号の部分はボタン風になっているので押してみましょう。 するとスライダーになってドラッグ&ドロップでページ指定が簡単に出来ます。 30までドラッグ&ドロップして話すと30ページ目が開く、というようなイメージ 次へ、前へ、といった直感的に分かりやすいボタンも実装されていて必要十分。 従来のページネーションは作る場合

  • DiggやFlickrライクなページャ用CSS:phpspot開発日誌

    A Digg-like, Flickr-like Pagination Style Using CSS | Web Builder Zone This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages. DiggやFlickrライクなページャ用CSS 次のようなページャ実装用のマークアップとCSSがサンプル公開されています。 マークアップはulリストでシンプル。 ページャ実装の際の参考に。 関連エントリ ページ送り部分のデザイン研究 PEAR::Pager で Digg っぽいページャ

  • ページ送り部分のデザイン研究:phpspot開発日誌

    Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ページ送り部分のデザイン研究。 SmashingMagazine にて様々なサイトのページ送り部分を色々とまとめたエントリが公開されました。 なるほど、ページ送りといえど様々なデザイン方法があるようで、勉強になります。 色々なサンプルを見るうちに、自分のサイトのページャーはどんなのが合うか?といったことも分かってきそうです。 PHPでページャーを作る場合は、「PEAR :: Package :: Pager」を使えば簡単に作れます。

  • 1