on:2011年2月16日sponsorsiPadなどのタブレットデバイスでコンテンツを見る際に、さまざまなシーンを想定して読みやすいコンテンツを提供するためのフレームワークを紹介します。Bibliotypeデモページ[ad#ad-2]デモページの左上の「MENU」をクリックすると、現在表示しているコンテンツをさまざまなシーンにあわせて読みやすくします。「MENU」のキャプチャ「SIZE」を「KNEE」に変更すると、タブレットを膝に置いた位置に想定した文字のサイズに変更されます。大きいサイズに変更されます。「SIZE」を「BREAKFAST」にしたキャプチャ変更項目は、他にもテキストの均等揃え、フォントファミリー、コントラスト、ハイフネーションが変更できます。下記は、コントラストを「HIGH」にしたものです。「CONTRAST」を「HIGH」にしたキャプチャBibliotypeのダウンロードBibliotypeは、下記よりダウンロードできます。Queriesを使用して、デバイスを検出。フォントは、セリフとサンセリフを選択可能。ハイフネーションの処理は「hyphenator」を使用。marginなどそれぞれを最適化。テキストの均等揃えも可能。コントラストには「Low」と「High」を用意。詳しくは、下記ページを参考ください。Posts関連記事が見つかりませんでした。