HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
スマートフォン対応サイトを設計するときのノウハウ (2/3)
ゴール設計は来店や電話を重視する PC向けのサイトでは、入力フォームによる問い合わせや予約などをWebサイトのゴールに設定することが多くあります。しかし、PCに比べてキーボードが使いにくいスマートフォンの場合、長文の入力を伴うフォーム入力をサイトのゴールにするのは困難です。そのため、PCサイトとは違ったゴール設計が必要になります。具体的には、電話による問い合わせ、地図やクーポンを使ったリアル店舗への誘導、Twitterやメールを使ったURLの共有などが挙げられます。 電話による問い合わせ スマートフォンは電話なので、電話を使った問い合わせに誘導できます。iPhone/Androidでは、携帯サイトと同様にワンタップで電話をかけられる「teltoリンク」が利用できるので、ページ内の目立つ位置に電話番号を表示して利用を促しましょう。 地図による店舗への誘導 小売店や飲食店など、実際にお客様に店
「情報セキュリティには“航空管制”システムが必要」：米RSA
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「情報セキュリティの状況は複雑すぎる。空港での航空管制システムのように特定の人物で運営・管理されるように全体的に、一元的に管理する必要がある」――。9月9日から開催されているセキュリティイベント「RSA Conference Japan 2010」の基調講演で、米EMCのセキュリティ部門であるRSAのプレジデントを務めるArt Coviello氏（EMCのエグゼクティブバイスプレジデントを兼務）は、このように主張している。 現在、1日あたり数十万もの航空機が世界を飛び交っているとされるが、Coviello氏は、空港でその離発着をつかさどる航空管制官は、離発着する航空機の重要度やその相関関係などを把握しているとして、航空管制システムは航空
Apple、iPhone 4購入者にケースを無償配布 アンテナ問題解消のため
Apple、iPhone 4購入者にケースを無償配布 アンテナ問題解消のため：Bumper購入者には返金 米Appleが7月16日（現地時間）、米国本社で記者説明会を開催し、「iPhone 4」の“アンテナ問題”の原因と調査結果、そして対策を発表した。同時に17カ国で7月30日からiPhone 4を発売すること、ホワイトモデルは7月末には出荷することを明かした。 発売から3週間で300万台以上を販売したiPhone 4は、米国を中心に「持ち方によって電波の受信状態が悪くなる」という問題が多くのメディアで取り上げられ、対応が求められていた。こうした状況に対し、説明会に登壇したAppleのCEO、スティーブ・ジョブズ氏は、冒頭のように話し、この問題で影響を受けているのがごく一部のユーザーであること、とはいえ対策として無償でケースを配布すること、iPhone 4に満足できない人には、購入後30日
When can I use... : Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web ...
)
Comparison of browser engines (HTML support) - Wikipedia
This article is being considered for deletion in accordance with Wikipedia's deletion policy. Please share your thoughts on the matter at this article's deletion discussion page. Feel free to improve the article, but do not remove this notice before the discussion is closed and do not blank the page. For more information, read the guide to deletion. Find sources: "Comparison of browser engines" HT
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
