[B! スマートフォン][web制作] vent0819のブックマーク

vent0819 id:vent0819

スマートフォンとweb制作に関するvent0819のブックマーク (3)

html5-memo.com
vent0819 2012/12/17
JavaScript

スマートフォン

web制作
リンク
スマホ最適化のベストプラクティス10か条 byグーグルGOMO [編集長ブログ―安田英久] | Web担当者Forum
今日は、スマホ最適化のベストプラクティスの情報をお届けします。そして、その元となったグーグルが開設した「GOMO」というスマホ最適化診断サイトの情報も。グーグルによると、スマートフォン最適化のベストプラクティス10か条は、次のようなものだということです。これは、グーグルが開設した「GOMO」というスマホ最適化診断サイトからダウンロードできる診断レポートの内容からの情報です（GOMOについては後述）。スピードを重視多くのスマートフォンユーザーは時間に追われており、1 日のちょっとした時間を活用してオンライン上のタスクをこなします。こうした多忙なユーザーを念頭に置きながら、サイトの読み込み時間を短縮し、テキストを読みやすくしましょう。シンプルな操作操作がわかりにくいサイトを喜ぶユーザーはいません。操作をわかりやすくし、ユーザーが探している情報を簡単に見つけられるようにしましょう。
vent0819 2012/03/15
スマートフォン

web制作
リンク
実例で学ぶjQuery MobileのCSSカスタマイズ (1/3)
jQuery Mobileを利用するとスマートフォンサイトを手軽に制作できますが、基本テンプレートをベースに制作すると「いかにもjQuery Mobileらしい」デザインになってしまい、他のサイトと似通ってしまいます。そこで今回はjQuery Mobileのテンプレートをフルカスタマイズし、オリジナルデザインのスマートフォンサイトを作成する方法を解説します。サンプルとして、次のようなカタログサイトを制作します。トップページには新着商品のサムネイル画像が3つ並び、その下にはアコーディオンパネルでニュースを掲載しています。新着商品のサムネイル画像を選択すると詳細ページに遷移し、詳細ページで画像をタップすると画像を拡大して表示します。 HTMLの作成デザインカンプを元にHTMLを作成します。head要素内は次のように記述します。 ■サンプル1[HTML] <!DOCTYPE html> <
vent0819 2011/10/23
jQuery Mobile

デザイン

web制作

スマートフォン
リンク
1