さくペラ

さくっとぺらいちというサイトのつづき

はてな記法チートシート

はてなダイアリー日記はてな記法の書き方をまとめた壁紙がアップされてました。これは便利ですねー…このブログも表現力を増していかないとー

よく使われるはてな記法をまとめた「はてな記法壁紙」を公開しました - はてなダイアリー日記

以下サンプルです。

リスト記法

  • ケータイサイトのUIを考える
    • エリア定義について
      • 画面が小さい
  1. ナビゲーションについて
    1. アクセスキーの使用
      1. 使用上の注意

引用記法

ポインタがないのでPCのTABキーのように、左上から右下へのフォーカス移動によって、リンクにフォーカスが当たる。

■ここからいえること
1、全部のリンクにフォーカスが当たるので、リンクを見逃すという率は低い。
2、逆に画面下であればあるほど、リンククリックまでのアクションが増え、ユーザー負担が増す。
3、画面上部にグロナビのようなリンクがあると、いちいちそこにフォーカスがあたるので、ストレスになる。

■ここから表出する設計指針
1、よく押されるリンクは比較的上部に置くべき
2、もしデザイン上の理由で画面上部に置けない場合、アクセスキーを設定する
3、bodyのリンク群をショートカットして、フッターにたどり着けるような、あるいはその逆のアンカーリンクが必要になってくる。

さくっとモバイル

スーパーpre記法

引用記法は
<参照元URL:title:bookmark<

引用文

>>

表組記法

docomo au softbank
html iHTML/i-mode xHTML xHTMLbasic(wap2) softbank xHTML
ブラウザ NetFrontv3.0ベース OPENWAVEベース OPENWAVEベース?

脚注記法

まず、画面が小さいという決定的な違いがあります。基本的にはVGAケータイであってもQVGAに解像度を落として表示するので、横幅240pxの世界です。
*1

見出し記法

小見出し

isbn/asin記法

asin:4798020214
ケースで学ぶWebマーケティングの教科書
ケースで学ぶWebマーケティングの教科書

ケースで学ぶWebマーケティングの教科書

ケースで学ぶWebマーケティングの教科書

fotolife記法

f:id:acidgraphix:20081103014724:image
f:id:acidgraphix:20081103014724:image:small
f:id:acidgraphix:20081103014724:image:w80
f:id:acidgraphix:20081103014724:image:right

*1:SoftbankのKYな一部機種は除く