タグ

2010年9月8日のブックマーク (4件)

  • iPhone向けWebサイトの制作等に役立ちそうな情報まとめ - かちびと.net

    iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプト WebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titaniu

  • 日本のサイトで使用しているサーチボックスのサイズとボタンの一覧

    「Webサイト価値ランキング 2010」と「Alexa - Top Sites in Japan」から上位30数社のウェブサイトで使用しているサーチボックスのサイズとサーチボタンを調査したので紹介します。 30文字以上(8) 15~29文字(9) 10~14文字(11) 10文字以下(3) 概要 各サイトのサーチボックスにひらがな50音を入力し、キャプチャをとりました。下記の掲載順番は表示文字数の多い順になっています。 サーチボックスはトップページのものを選択していますが、該当しない場合は個人ユーザー向けのページを選択しています。 30文字以上を表示するサーチボックス

  • 第8回 適切な説明を加えたデザインにするには | gihyo.jp

    ツールチップでさりげなく情報を伝える サイトの情報設計をする際、カテゴリーを整理したり、グローバルメニューの分け方を考えるのが重要ですが、メニューでひとことでは言い切れない場合が少なくありません。 特に、ユーザーの利用頻度が多い管理画面などは、「⁠あれ、これ何のページだっけ?」ということが起こり得ます。運用・管理の引き継ぎで大変な想いをした方も少ないないのではないでしょうか。 そんなときに、「⁠ひと言だけれど、カーソルを合わせたときに説明が出る」ようにすれば、ユーザーにとってわかりやすく、ユーザビリティの高いUIになります。 今回は、ツールチップを使って、ユーザーの操作の邪魔にならない形でさりげなく情報を伝える方法をご紹介します。ツールチップとは、カーソルを合わせたときに補足情報が表示される小さな枠のことで、使い方によっては効果的なUIを実現することができます。 tipsyとDD_bela

    第8回 適切な説明を加えたデザインにするには | gihyo.jp
  • 【ケータイ】tableタグを使って表現力アップ!(初心者向け)

    こんにちは。カヤックで携帯サイトのコーディング、運用などをやっているフィリップです。 携帯コーディングでtableを使うと、ページ構成の表現度が結構広がりますので、今回は事例を使って、その基的な使い方や落とし穴を紹介したいと思います。 tableタグは新しい機種では問題なく使えますが、古い機種の場合では効かないこともあるので、今回は以下の端末を対象とします。また3キャリア向けにxhtmlは1ソースにしています。 【docomo 902以降端末、au WIN端末、softbank 3G端末】 注意:tableの入れ子をすると、表示されない場合があるので(au端末の一部)、tableの入れ子は避けた方がよいでしょう。 【事例1】メニューなどのテキストを綺麗に並べたい時 画面のスクリーンショット html <table width="100%"> <tr> <td width="50%"> <