よく見かけるページングの処理で、下の方にスクロールすると自動的に次ページを読み込ませる処理をかんたんに実現してくれるjQuery.autopagerが便利でした。jQueryプラグインです。 導入がかんたんで分かりやすく、オプションも必要最低限のものがバッチリ揃っています。例えば、スクロールで下部までいったら自動的に次コンテンツを表示させるか、それともボタンをクリックして読み込むか、読み込み後にコールバックで関数を読み込ませるか、などなど。 jQuery.autopagerの導入方法 まず、jQuery本体とダウンロードしたjQuery.autopagerを読み込んでおきます。 そして、スクロールで自動表示させるなら下記だけでOK。 <script type="text/javascript"> $(function() { $.autopager(); }); </script> <
これがアドリア海の真珠…『紅の豚』のモデルとなった「ドゥブロヴニク」の絶景 ドゥブロヴニクはアドリア海沿岸のクロアチアの街で、傑出した美しい旧市街は「アドリア海の真珠」とも呼ばれています。 ジブリ映画「紅の豚」の舞台だと言われている、世界遺産の情緒あふれる絶景をご覧ください。 (アドリア海は、イタリア半島とバルカン半島に挟まれた地中海の一部) 1. まさに紅の豚をほうふつとさせる景色。 2. オレンジ色に統一された屋根。 3. 海側から見た景色。 4. 街の中心部。 5. 路地の中。 6. 建物の意匠も雰囲気があります。 7. のんびりできそうなテラス。 8. こんなところにもテラスが! 9. 上から街を一望したところ。 10. ロープウェイで上まで行けるようです。 11. こんなところで記念撮影したいですね。 13. どんな鐘の音が鳴るのでしょう。 14. 夜景にも趣が。 15. 船舶が
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり&カクカク」な印象のあるWebアプリの操作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く