スマートフォンサイト制作で「なんで拡大縮小できるようにしてるの？」と言われた時の対処法 | Border/memo

2014/10/16 368 users border memo viewport width 実在

※ この話はフィクションです。実在の人物や団体などとは関係ありません スマートフォンサイトを制作していて、「サイトを自由に拡大縮小できるようにしてるのは理由あんの？」と言われた時の場合の話です。 Viewportの設定どうしてたか <meta name="viewport" content="width=device-width"> これだけ。こうするとサイトの幅=デバイスの幅になり、拡大縮小は自... 続きを読む

ライバルを出し抜け！スマートフォンサイト制作でコンバージョン率を上げる7つのポイント | LPO研究所

2014/02/18 488 users コンバージョン率 ライバル LPO研究所 マルチデバイス 鎌田

LPO研究所所長の鎌田です。 今回は「スマートフォンサイトでコンバージョン率を上げるための重要ポイント」をお伝えします。 レスポンシブデザインだの、HTML5だのといった技術的な話は一切しません。あくまで「コンバージョンに直結するスマートフォンサイト制作の考え方、施策」についてお伝えします。 時代はスマートフォンだ、マルチデバイスだと騒がれてはいるものの、実際のところ、Web上でスマートフォンから... 続きを読む

【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 | 07design.blog

2013/01/08 639 users 基礎知識 07design.blog 総まとめ

お久しぶりです。本年もよろしくお願いいたします。この１年も色々とお仕事させてもらいましたが、特に急増した仕事がスマートフォンに関わるものでした。そこで今更ではありますが、初心者向けに…お久しぶりです。本年もよろしくお願いいたします。 この１年も色々とお仕事させてもらいましたが、特に急増した仕事がスマートフォンに関わるものでした。 そこで今更ではありますが、初心者向けにスマホサイトを制作するにあたっ... 続きを読む

はじめてのスマートフォンサイト制作「jQuery Mobile を使った制作編」 | ウェブル

2012/05/08 128 users jQuery Mobile ウェブル 制作編

前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 アニメマップ | 全国のアニメの番組表を生成するサービス この記事を書きながら以上のサイトをスマホ対応しました。どんな感じで動くのかチェックしたり、実際に動いているサイトのソースを見たい場合などは参考にしてください。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対... 続きを読む

はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」 | ウェブル

2012/05/07 478 users ウェブル 用語 用語整理 基礎知識 アニメマップ

テレビの前でアニメ番組表見ながら録画したい人は必ずいると思いますので、アニメマップをスマホ対応していきます。ただ、今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマ... 続きを読む

iPhoneサイト制作（スマートフォンサイト制作）最適化のために最低限必要なreset.cssをつくってみよう | HTML5でサイトをつくろう

2012/02/16 430 users CSS reset.css 命令 記述 ソース

iPhoneサイト制作（スマートフォンサイト制作）をする上で、ソースの無駄な記述を最低限に抑え、通信速度を上げることが「最適化」へとつながります。 スマートフォンサイト用に最適化したcssを制作する場合、reset.cssの記述を減らすことで、重複する命令を減らして、読み込みのスピードを上げることができます。 今回はスマートフォンサイトを制作する上で、最低限必要となるreset.cssの記述につい... 続きを読む

画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

2012/02/13 322 users 容量 通信速度 外出先 グラデーション 機会

スマートフォンサイトを制作する上で重要となる「最適化」。 PCサイトとは違い、外出先や移動中などに見られる機会が多いスマートフォンサイトでは、できるだけ容量を抑えて通信速度を上げ、サクサクと閲覧できることがもとめられます。 スマートフォンサイト最適化のためには様々な方法がありますが、できるだけ使用する画像の容量を減らすこともその一つです。 今回は、スマートフォンサイト制作に便利な、CSS3のグラデ... 続きを読む

レスポンシブwebデザインで制作する時のポイント | Design Spice

2011/09/22 917 users Design Spice レスポンシブWebデザイン 復習

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つ... 続きを読む