ラベル デザイン の投稿を表示しています。 すべての投稿を表示
ラベル デザイン の投稿を表示しています。 すべての投稿を表示

2010/09/07

少し誤解を招く、Google Readerのフルスクリーンモード

Google Readerをディスプレイ全体に表示する機能ではありません。ヘッダ/フッタ/サイドバー等を非表示にして、記事表示領域をウィンドウ内で最大化する機能です。ショートカットキーは修飾キーなしの"f"を押すだけでトグルします。

最大化した状態では、上部に「▼」が表示されており、マウスオーバーするとフィードに関するメニューが表示されます。

個人的にいままでStylishのuser styleで実現していた事が公式に実装されたので、一つ管理するスタイル指定が減って御の字です。

最大化(日本語のヘルプでは「全画面表示」)した状態では、"u"キーによるサイドバーのトグルはできません。また、サイドバー非表示状態で、最大化→最大化解除とすると、なぜかサイドバーの非表示まで解除されます。この辺はマイナーバージョンアップでその内直るでしょうか。

2010/08/27

共通スタイル

P { font-size : 12pt !important; font-family : serif !important; margin : 1em 0 !important; }

これだけは使いたいHTMLタグ、というのをあげるとしたら、個人的にはPタグ。

BRタグで改行すると画面サイズに依存するので、たまに入力欄に合わせたらしい改行位置が、自分の画面では行頭2文字目で改行されていたりと悲惨な事になります。

また、最近iMacにしたところ、画面サイズが大きくなったものの、それ以上にピクセル数が上がっているため、ドットピッチが小さくなり、同じフォントサイズでも見た目が小さくなってしまいました。

全 タグやDIVタグのフォントサイズを大きくしたり、画面をズームすると余分なところまで大きくなりすぎてしまいますが、Pタグは使う人でも、本文部分以外 にはそうそう使われないので、本文さえちゃんと読めれば良い、という需要であれば、上記のスタイルだけでもだいぶ見やすくなりました。

また、Windowsでは明朝フォントというのは生理的に受け付けなかったんですが、Macだと存外キレイなので、デフォルトフォントの設定もゴシックから明朝に変えてます。

このスタイル指定で一番読み易くなったのはGoogle Readerでしょうか。元々フィード経由のエントリーはスタイル指定がほとんど落ちていて、Google Reader仕様の統一感あるデザインになるので、フォントがしっくりくれば相当読み易くなります。

margin指定はGoogle Docsで書式に「標準の段落テキスト」を使うとソース上、段落がPタグで囲まれますがなぜか行間が開かない為です。

2009/06/28

折り紙

最近、折り紙にハマってます。「折り紙」というWebサービスなどではなく、純粋な折り紙です。

折り紙もハードウェア的な制約が(*)多いのであまり好きでは無かったのですが、一部の折り紙にプログラマブルな性質があることに最近気付きました。

ちょっとググってみたところ、「ユニット折り紙」の「そのべ式」という事だけわかりました。

参照:ユニット折り紙 - Wikipedia

昔から祖母の家にあったのですが、20数年間、2種類しか無いと思っていた折り方(正確には組み方)に今年に入ってからブレイクスルーがありました。

細かい話はしょーもないので端折りますが、祖母のさりげない配色センスの良さと、自分の絶望的な配色センスの無さの差から思わぬ広がりに気付いたので、人生何が役に立つか解りません。

以来、週1で祖母宅に行くたびに細々と作ってましたが、ちょっとまどろっこしくなってきたので、自宅でも作成。ある程度大きな物になると、1個(組)4時間とかかかってしまいます。

作品の載ってるサイトなどもありそうですが、まだ色々自分で弄ってみたいので一通り出来てから他人の作品を見てみようかと画策中。

*:コピーコストが高い、ループコストが高い、コピーが劣化する等々。

2008/05/18

コンテンツ表示比率を考える

最近個人運営でもこんな感じのサイトが増えている様に思います。

酷い時は目的のエントリーがタイトルすら初期表示領域に入らない、なんてサイトも。リーダーで気になったエントリーをタブで開いておいて後から一覧、なんてスタイルだと後から見に行った時に、そのタブが何を見ようとして開いたのか分からない(思い出せない)事があります。

Main Contentes Per Display areaなんて指標が簡単に計算できたら楽かもしれない。上の図だと3-4%位でしょうか。

読者視点で見るとこんな構成の方が良い。

フォーカスしている項目が最も目立つ
たとえばHタグのレベルをページによって切り替える。 <!-- site top page --> <h1>site title</h1> <h2>category title</h2> <h3>entory title</h3> <!-- category summry page --> <h2>site title</h2> <h1>category title</h1> <h2>entory title</h2> <!-- entory permal page --> <h3>site title</h3> <h2>category title</h2> <h1>entory title</h1>
メインコンテンツより先にサイドバーの描画をしない
レイアウト上、左側にあってもいいので、HTML上は後ろに配置してCSSかなんかで切り替える。

などをずっと考えていますが、メンドクて実行に至らない。リーダーで読めばいいような気がする。