スマホはメニューバーが命!! スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか? 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう! 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で
スマホ向けサイト制作の実装&使えるTips10選:jQuery Mobileでスマホ向け企業サイト構築(3)(1/4 ページ) まだjQuery Mobileを触ったことのないWeb制作者向けに、基本的な利用方法を学びながら、jQuery Mobileを使った簡単な企業サイトの構築の仕方を解説していきます。今回は、画面遷移の制御、アイコン表示、ナビゲーションバー、検索フィルタ、基本的なHTMLスタイル、固定ポジションモードなどを紹介します jQuery Mobileでスマホ向けサイト制作は、こんなに簡単にできる 前回の第2回「触りながら覚えるスマホ向け企業サイト設計の基礎知識」では、サイトの基本構造についての説明と、トップページのコーディングに合わせてヘッダ、フッタなどのツールバー、リストビューコンポーネントを紹介しました。 新年1発目となる本連載の第3回はお知らせページの作成を進めつつ、
私のiPhoneを見た人は大体、「この電話、変だよ? ウィルスにでもやられたの?」と言います。ウェブブラウザもメールクライアントもTwitterもFacebookも無いからです。 見た目はこんな感じです。 別に何も問題はありませんし、壊れたわけでもありません。わざとやっているのです。最初は1週間の実験としてやってみたのですが、それが今や数カ月経ち、もう戻したくありません。なぜ私が、あらゆることができるiPhoneの機能を基本的なものだけに削ぎ落としたのか。その理由と、同じようにやってみたくなった人のために、iPhoneを基本機能だけにするやり方をお教えしましょう。 私にとっては、基本機能だけのスマホを使うのはまったく大変なことではなく、本当に良い気分でした。別に、スマホの機能を減らすべき、というような説教じみたことは一切言うつもりはありません。興味がある人は試してみたらどうかと思っているだ
人気RSSリーダー「Feedly」はPCブラウザの拡張機能やWeb版だけでなく、iOS・Androidアプリでも利用することができる。 Feedlyレビュー Feedlyアプリは、スマホ・タブレット向けに操作性が最適化されており、ユーザの使い方に応じて多様な詳細設定項目が用意されている。 2013年6月現在、日本語版が提供されておらず、今後の見通しも不明であるため、日本語で詳細設定を解説しておきたい。 PC向けFeedlyの設定方法の解説記事 アプリのAdvanced Settings:詳細設定 iOSアプリとAndroidアプリとで、設定項目の名称や順序、設定可能な項目が異なる場合がある。 もっとも、ほとんど重複する内容であるため、合わせて解説することにした。特に混乱することなくチェックできると思う。 本解説がベースにしているアプリのバージョンは、iOSがVersion 16.0.1、A
新しいスマートフォンを買って最初にすることは「液晶保護フィルムを貼る」作業ではないでしょうか。しかし、この液晶保護フィルム、気泡が入らないようにするのはもちろん、ズレないようにまっすぐ貼るのが至難の業。 でも、今回ご紹介するYouTubeにminh8080さんが投稿していた方法を使えば、今までよりずっと簡単にぴったりとフィルムを貼ることができるでしょう。用意するのはマスキングテープです。 やり方は以下の通り。 貼付面にホコリなどがつかないよう、きれいに拭き取る。 剥離シートをはがさずにフィルムを貼付面に置き、貼る位置の当たりをつける。 マスキングテープでスマートフォンとフィルムの一辺を2カ所留める。 フィルムを持ち上げ、剥離シートをはがす。 ゆっくりとフィルムを戻して、気泡を抜きながら貼り付ける。 ポイントは貼る位置を前もって決めて、マスキングテープで固定してしまうこと。テープがちょうつが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く