スマートフォンサイトのhtmlコーディングメモ12個 | 株式会社LIG

2013/06/24 1115 users 株式会社LIG

display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color... 続きを読む

ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイトをまとめました | HTML5でサイトをつくろう

2012/04/18 1364 users レスポンシブWebサイト HTML5 マルチデバイス CSS

スマートフォンサイトとPCサイトの振り分けを考える上で、 ひとつの選択肢となる「レスポンシブWebデザイン」。 スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソースでマルチデバイスに対応したサイトを制作することができます。 しかし、その分ソースや読み込むCSSが多くなってしまったり、構成をしっかりと考えな... 続きを読む

スマートフォンサイトをデザインする上で知っておくべき10のTIPS[to-R]

2011/06/16 1478 users Tips to-R dpi iPhone Android

スマートフォンサイトをデザインする上で知っておくべき10のTIPS Check Tweet iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCで... 続きを読む

初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-

2011/05/23 1472 users WEB Drawer Web制作 iPhone メモサイト

スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの... 続きを読む

jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScript Blog

2011/02/28 1041 users jQueryMobile jQuery Mobile 構築

徐々にjQuery Mobileのバージョンが上がってきて、だいぶ動きもスピード感もいい感じになってきたので、 そろそろスマートフォンサイトの構築で採用されはじめているのではないでしょうか。 この記事では個人的に、どうやるのか分からなくて調べたことをまとめてみました。また最新の情報は、jquerymobile (jquerymobile) on Twitterをフォローしとくとよいかもしれません。... 続きを読む

ASCII.jp：絶対見ておきたい有名企業のスマホサイトまとめ

2011/02/21 2152 users ASCII.jp 有名企業 スマホサイト iPhone iOS

iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実... 続きを読む

スマートフォンサイト集めました。

2011/01/07 1379 users 機会損失 操作

より快適な操作が可能なスマートフォンサイトを構築し、機会損失を抑えろ！ 続きを読む