スマホサイトで:hoverの効果を可能にしてみよう | PLUSTRiCK
スマホサイトはPCサイトと異なりマウスカーソルがありませんので、PCではよく使われているhoverやロールオーバーの効果がスマホサイトでは使用できません。 ですが、タップしたときにあたかもhoverしているような効果をつけることはスマホサイトでも可能です。ただし、CSSだけでは対応しきれないため、jQueryを用います。 タップして色をつけるだけであれば -webkit-tap-highlight-color を使ってもよいのですが、これだとAndroidが対応していませんし…。 なによりテキストだけのリンクであればありだと思いますが、ユーザーのアクションとしてはまだ弱いと感じています。 ですがスマホサイト上のすべてのリンクにhoverを使うと、返ってうるさい感じがでてしまうので、それは避けたいところです。hoverを使う場所としては、ページ内のボタンをタップしたときにボタンの色を変える、
スマートフォン時代にGoogle検索は不要？よりコンパクト化される情報サイズと、これからの検索の課題 | ナイルのマーケティング相談室
土居です。僕の最近の情報収集源として大活躍のNewsPicksさんで話題になっていたテーマについて書いてみようかなと。あんまり検索に関わる人たちの目には触れていなかったみたいですが。 スマホ時代はGoogle検索が激減する：「コンテンツの面白さ」だけが評価される時代に！ 誤解なきようにお伝えしますと全体の傾向としての話や記事の大半については同意できることもありますので反論・否定といった意図ではなく、個人的な見解とポジショントークをふんだんに交えつつ、引用させて頂きながら補足解説を出来ればなといった意図です。 スマホでは検索されない？ パソコンを利用して仕事をする人が多いでしょうから実感は薄いかもしれませんが、移動中や自宅などでスマホを利用している時にGoogle検索（いわゆるググる）を利用することは少なくないでしょうか？ 色々なサイトの流入を見ていると感じることが出来ると思いますが、スマホ
スマートフォンのUIをデザインする際に参考になるサイトや記事５選！！ |
今回はスマートフォン用のUIをデザインする際に参考になりそうなサイトを厳選しました！なかなか良いアイデアがでてこない！と悩んでいるデザイナーの皆さん、必見ですよ。今回はスマートフォン用のUIをデザインする際に参考になりそうなサイトを厳選しました！なかなか良いアイデアがでてこない！と悩んでいるデザイナーの皆さん、必見ですよ。 スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト >>詳細はこちらからどうぞ！ メニューリストのデザインで全体のテイストが決まってしまうと言っても過言ではありません。それくらいメニューリストやグローバルナビゲーションは重要なコンポーネントだと思います。そんなメニューリストの表示例が数多く掲載されているのでとても参考になります。 最近はメニューリストもフラットデザインだったり、背景を半透明にしてるタイプが流行ってるみたいだな！ Mobile Design
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
スマートフォン向けサイトの確認に便利な Chrome 拡張機能 Ripple Emulator - 😊クリエイティブWeb
iPhone や Andoroid のスマートフォンの画面確認に便利なのが Ripple エミュレーター（現在は、Apache Ripple として開発中）です。Chrome の拡張機能ですが、下の図のように機種を選択すると機種の枠が表示されるし、ボタン一つで縦横も変更できるので、画面デザインの調整にはとても便利です。ただし、便利に使うためには、下の方に記載しましたが、インストールに注意が必要です。 WEB サービスの作成では、スマートフォンへの対応は大きな課題ですが、iPhone, iPad, Andoroido 等いろいろな機種があり、それに画面サイズも多く縦にでも横でも使えるので対応は結構大変です。今まで Andoroid での表示の確認には、Android SDK のエミュレターを使っていましたが、相当に重いソフトです。自分の場合 Andoroid アプリを作るわけではなく、画面の
500色の色えんぴつ TOKYO SEEDS | FELISSIMO - Home
えんぴつづくりに歴史のある 東京の葛飾区で、 TOKYO SEEDSはつくられます。 500もの色数、 洗練された誰もが使いやすい形、 そして世界中の“しあわせの情景” から生まれた色名。 この世界に類をみない 色えんぴつを形づくるすべては、 あなたの日々の暮らしを 居心地よく彩り豊かにするために。 500色の色えんぴつが、 この世界に誕生して27年 より感動的に生まれ変わった TOKYO SEEDSで、 毎日が彩られる贅沢を、ぜひ。
iPhoneデザインボックス » 舞浜シェラトン・グランデ・トーキョーベイ・ホテル｜東京ディズニーリゾートオフィシャルホテルのスマートフォンサイトデザイン
関連するスマートフォンサイトデザイン みんなが見てる人気のスマートフォンサイトデザイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobbin - The world’s largest mobile & web app design reference library
コーポレートサイトがマルチデバイスに対応しました!! | 株式会社 Branding Engineer
お探しのページは見つかりませんでした。｜クレジットカードの三井住友VISAカード
新着記事
iPhoneデザインボックス
thinkthing.net
Cupcake Recipes :: Cupcake db :: Easy to follow cupcake recipes! - CUPCAKEDB.COM
iPhoneデザインボックス » russet – ラシットのスマートフォンサイトデザイン
iPhoneデザインボックス » ベイクルーズ グループ ： BAYCREW’S GROUPのスマートフォンサイトデザイン
iPhoneデザインボックス » 株式会社 トンボ鉛筆のスマートフォンサイトデザイン
iPhoneデザインボックス » Maison de FLEUR | メゾン ド フルール | クロスカンパニーのスマートフォンサイトデザイン
iPhoneデザインボックス » 女子旅つくるプロジェクト｜JTB × KOBE COLLECTION / TOKYO RUNWAYのスマートフォンサイトデザイン