たった6行でWebサイトのUIをガラッと変える
171日前 (ascii.jp) Tags: design javascript web
「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、左右の端にある [<<] [>>] では2ページずつ（雑誌の見開きのような感覚で）ページを移動できる 　「Webサイトで横スクロール？」などという疑問はとりあえず横に置き、とにかくデモサイトを訪れてみてほしい。気持ちよくスムーズに切... 続きを読む
 84 コメント   このエントリーを含むはてなブックマーク このエントリーのブックマーク数

コメント 評価したユーザ 関連ブログ

コメント

Profile_s written by atcard 49日前

ascii.jp/elem/000/000/141/141964/

Profile_s written by syousai55 53日前

◎WebサイトのUI

Profile_s written by webmarksjp 140日前

#javascript

Profile_s written by boxeur 163日前

横書きを横スクロール(→)するより, 縦書きにして横スクロール(←)させるほうが読みやすいんだよなー...

Profile_s written by YAA 166日前

>bookreader.js

Profile_s written by tinpui893 167日前

ページの遷移方法

Profile_s written by sugetat 168日前

bookreader.jsの紹介記事

Profile_s written by ArimaKei 168日前

調べてみよう

Profile_s written by so24 168日前

サンプルは画像だけでなく実際に動くモノもあったら更に良かった。

Profile_s written by fashi 169日前

見開き２ページのページャー

Profile_s written by tot-main 169日前

ん、流し読み下だけ。

Profile_s written by nagatsukosuke 169日前

本をめくるJSライブラリ

Profile_s written by ysk_lucky-star 169日前

この記事が1ページにまとまってて、ライブラリ使用してたら☆☆☆☆☆（無茶ｗ

Profile_s written by x_pos 169日前

開きすぎたタブのせいでクライアント領域が狭くなったPCだと上下のスクロールが発生して最悪の結果に。会社のノートPCだとXGAだからなぁ…。

Profile_s written by furakutaru 169日前

そんなに読みやすいとは思わない

Profile_s written by yuk_karinpa 169日前

これで縦書きができたら完璧なんだが。

Profile_s written by hideAki 169日前

bookreader.js Webサイトを書籍のようにするJS

Profile_s written by schahrazade 169日前

読みやすいのは一貫性のある長文に限ると思う。Googleの検索結果画面をこのUIで実現すると相当ストレスフルじゃない？縦スクロールを実現するホイールの物理的なUIを舐めちゃいけねぇよ。

Profile_s written by noitseuq 169日前

この記事を３ページに分けてる事について誰かツッコミ入れてるかと思ったのに。

Profile_s written by minarukuji 169日前

やってみよう

Profile_s written by japanrock 169日前

"「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。"

Profile_s written by ys0000 169日前

横スクロールというとなんか、スクロールバーをイメージするので、横スライドというような言い回しになるとより良いのかも知れない。

Profile_s written by machikoma 169日前

なるほど。

Profile_s written by billy-elliot 169日前

"[javascript][scroll][web design]"

Profile_s written by ginju 169日前

6行でガラッと変えるjsライブラリを導入するお話。テキストサイトでは、面白い試みかも？

Profile_s written by babrus 169日前

ソースコード

Profile_s written by mugairyu 169日前

]

Profile_s written by llil 169日前

ユーザビリティ/横スクロール//これは予想外に良い。導入も簡単で実用的なインターフェース。

Profile_s written by tamimkhr 169日前

UI

Profile_s written by UBE_pener 169日前

ページをめくる時に一呼吸、これが読みやすさの秘訣なのかもしれないな

Profile_s written by dora-kou 169日前

今までWebと長文の読み物って相性が良くなかったんだけど、それを刷新してくれる可能性が。特にワイドディスプレイと相性がいい。

Profile_s written by SEBEC 169日前

これは本気で使えそう。

Profile_s written by takuno 169日前

bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。

Profile_s written by saladdays 169日前

Webページを簡単に本のようなインターフェースに。確かに読みやすくなる気がする。

Profile_s written by decimal 169日前

bookreader.js

Profile_s written by Naoki1 169日前

たった6行でWebサイトのUIをガラッと変える

Profile_s written by umurausu 169日前

bookreader.js。文章を本のように横スクロールさせるインターフェース。確かに長い文章が読みやすくなるかもしれない。

Profile_s written by atsuizo 170日前

Profile_s written by yasuda0404 170日前

なんかヒントになりそう

Profile_s written by inuimu 170日前

Webページの本文を横にスクロールさせるJavaScriptライブラリ

Profile_s written by a1101501j 170日前

正直開く前はエフェクトが派手なだけの糞スクリプトだと思ったら意外に実用的で驚いた。webコミックとかこれで良いじゃね？

Profile_s written by goldias 170日前

縦スクロールで長文が読み難いと感じる原因はスクロールした時点でどこまで読んだかを見失い思考が中断してしまうから。その問題を解決する一手段として非常にエレガント。

Profile_s written by terapon 170日前

korehanakanakasugikamo.

Profile_s written by so037051 170日前

ページ作り

Profile_s written by yamasta 170日前

　縦長のページを書籍のようにページめくりで読めるようにするJavaScriptライブラリの紹介記事。http://bookreader.cognitom.com/

Profile_s written by nozomi_uni 170日前

絵サイトによさげ

Profile_s written by yucken 170日前

でもねえ‥‥‥なんか縦スクロールに順応しちゃってんだよね

Profile_s written by sekirei-9 170日前

ウェブページのインターフェースに革命の予感。縦長のウェブページを本をめくるような感覚UIに簡単変更。ただ珍しいだけじゃなく、ほんとに読みやすくなる。

Profile_s written by good2go 170日前

横スクロール

Profile_s written by obake 170日前

Profile_s written by washita 170日前

こういうのを探してました。

Profile_s written by nana_07 170日前

今表示できるのは見出しと<p>、リストなどは表示されませんでした。

Profile_s written by adsty 170日前

本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリ。すごく読みやすくなる！

Profile_s written by sankaseki 170日前

たった6行でWebサイトのUIをガラッと変える

Profile_s written by YKazu 170日前

横スクロール

Profile_s written by e_kosa 170日前

ページを横へスクロールできる。文章の縦書きとあわせるともっと雰囲気でるんじゃ。

Profile_s written by tsuki-ko 171日前

bookreader.jsの説明

Profile_s written by LukeSilvia 171日前

横スクロールのページ分割。レイアウトやデザインに手を加えられないということではなく、別途“テーマ”を定義することで、1画面に表示するカラム数やフォントなどを指定できるようになっている

Profile_s written by kawacho777 171日前

本を読むようにサイトを表示できるスクリプト

Profile_s written by yy_fuk 171日前

　目の動きを考えると横移動はかなり有効なのね。ツインビーよりグラディウスってこと？

Profile_s written by ogapon 171日前

長い記事はだめ！

Profile_s written by gan2 171日前

侮ってた。ほんとに読みやすい

Profile_s written by sulfurous 171日前

青空文庫が読みやすい！ふしぎ！

Profile_s written by kskorz 171日前

よさげ。

Profile_s written by TAU 171日前

やっぱり今の書籍の形式って言うのは最強なんだなあ。それとも慣れの問題なのかなあ。それ以前は巻物だったりするんだもんなあ。

Profile_s written by imo758 171日前

横スクロールはマウスの縦ホイールが使えないので最悪

Profile_s written by tadashi_shimizu 171日前

長文を読むのに適したインターフェースを提供するJavaScriptライブラリ。自分のサイトに導入することはないと思うが、いつか使うかも。メモ。

Profile_s written by inarin 171日前

タイトルに釣られて来たけど、釣りじゃなかった。これは凄いな

Profile_s written by openscrap 171日前

ブックリーダ風GUIにしてくれるjs

Profile_s written by hisasann 171日前

お、紹介されてる

Profile_s written by disposablehiro 171日前

横スクロール

Profile_s written by kkeisuke 171日前

bookreader.js

Profile_s written by kura-2 171日前

本を読む感じで読んでいけるのはなかなか良さそう。

Profile_s written by matsunaga 171日前

確かに読みやすい。これをMediaWikiと組み合わせると、読みやすい百科事典サイトになるかなぁ。/デモサイトのフォント指定が弱いので、XP-IE6では読みづらい。

Profile_s written by pitworks 171日前

Javascriptライブラリの有効活用

Profile_s written by ruushu 171日前

headerに加えるだけ

Profile_s written by amerio 171日前

すばらしく読みやすい。横スクロールムーブメント来るかな。

Profile_s written by adamrocker 171日前

Webサイトで横スクロールさせるJavaScript

Profile_s written by ayanolog 171日前

とりあえずぶくま。

Profile_s written by amegan 171日前

bookreader.js

Profile_s written by ya--mada 171日前

がらっと

Profile_s written by skicco 171日前

「長文もらくらく読めるJavaScriptライブラリ「bookreader.js」」

Profile_s written by thirdman 171日前

青空文庫ゲートウェイ。

Profile_s written by gokrock 171日前

　[cool]

[PR]ブログのペットがお留守番