Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
MdN Design｜総合情報サイト
「PCはFlashを使用してリッチな動画コンテンツに。ただ、スマートフォンでも簡単な動画は見せたい。」 最近は制作の際、このようなオーダーが増えている。ただ、PCと共通したソースで動画を実装するには、いろいろなブラウザ状況を考慮しなければならない。ユーザーによってはJavaScriptやFlashをオフにしている場合があるからだ。 そのようなユーザーに対しても、代替 要素を表示させ、コンテンツ欠如を避ける対策も行う必要がある。 大きく分けると【1】のようなパターンのときに対応が必要だ。 今回、Flash の表示にはswfobject.jsを使用する。swfobject.jsを使用すれ ば、Flashを表示させたいidを指定すると、そのid内にFlashが埋め込まれる。 JavaScriptやFlashがオフのときは、そのままid内のHTMLが表示されるので、ソースを汚さずに実装が可能、とい
PC・モバイルSEO ： iPhone/Safari、Xperia・IS/Android用サイトの作り方
iPhone（Safari）やXperia、IS（Android）用のサイト制作について参考になる記事をまとめておきました。 このまとめが、あなたの知識の穴を埋めてるのに役立てば幸いです。 他にも良い情報や、「いやこのサイト・この本だけ見れば万事OKだから」とかそういう情報があれば教えて下さい。 ※紹介する記事に過去エントリと重複するものもありますがご容赦下さい。 初心者向け iPhone用の画面幅調整について、初心者向け。 → 今から始めるiPhoneコーディング iPhoneの画面幅調整について、より深い言及。 → iPhoneとViewPortとXHTML Mobile DOCTYPEと.mobiドメイン 画面幅調整とアクセス制御とCSSに関する知識について。 → iPhone向けサイト構築 基礎文法最速マスター meta name=”viewport”や表示調整に関する
実例でわかる！スマートフォンサイトの画面設計 (1/3)
スマートフォンサイト設計の基礎知識に続いて、今回からは実際のスマートフォンサイト制作のプロジェクトの流れに沿って、具体的なサイト設計と制作方法を解説します。ぜひ一緒に手を動かしながらスマートフォンサイトの制作の流れを学んでいきましょう。 実在するサイトが課題です！ 題材にさせていただくのは、東京都江東区で幼児向けのプリスクール（就園準備スクール）を運営する「プレイグループ木場校」さんのWebサイトです。 プレイグループ木場校のWebサイトでは、入学を検討している保護者やすでに通学中の生徒の保護者へ向けて、さまざまな情報を提供しています。カリキュラムや先生の紹介といったスクール案内に加えて、コラムなどのコンテンツも充実しており、情報量はかなり多い方だと言えます。 今回はこのWebサイトのスマートフォン対応の企画、設計について考えてみましょう。 ゴールの設定とコンテンツの選定 スマートフォンの
スマートフォン対応サイトの作り方、教えます (3/3)
iPhone、Androidサイト制作に必要な知識 実際にiPhone/Android向けのサイトを制作するとなったら、Web制作者はどんな知識を身につけたらよいのでしょうか。詳細については今後の連載の中で解説しますが、大きく分けると3つあります。 ■HTML+CSS(HTML5/CSS3を含む) スマートフォンのWebブラウザーはフルブラウザーですから、PC向けのサイト制作とは共通点が多く、実際の作業もかなり似通っています。このため、スマートフォンサイトの制作では携帯サイトよりもPCサイト制作のノウハウが活きてきます。 特にiPhone/Androidに搭載されているWebブラウザーは、PCに比べてHTML5やCSS3への対応が進んでいます。PCサイトのように古いWebブラウザーへの対応を考える必要がないスマートフォンの世界では、むしろ新しい技術を積極的に活用したサイト制作がポイントにな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
