スマホ最適化、スマートフォン制作に関するメモ – T2
1．デバイス依存をどう乗り切るか。 エクスぺリア、iPhone、ギャラクシーはこれといった影響なくできていたのですが、 REGZAでFirefoxなどを使った時はもうね。泣きそうになりましたよね。 原因はmoz系に対応するjsとCSS3の記述を全て行っていなかった事だと思います。 初めにどのデバイスでどこまで対応するのかという仕様策定をしてから始めないと モバイル同様苦しむ事になるので注意が必要です。 androidのopera等。 2．横にした時の見え方。 これは意外と苦戦しました。縦だと綺麗なのにスマホサイトでよく見るwidth:100%とかを 適所に使わないといけない。 float:left; とかで2つの要素を詰めないと、縦では詰まっていたのに、横では両端に広がってしまうとか。 それによってhtmlの記述を変えないといけなくなったりとか。 2012/09/26 以前は上記の様に書い
外部CSSを1枚追加して、ブログをスマホ最適化する5つのフロー | Mnemoniqs Web Designer Blog : Web Design and Web Development
レスポンシブWEBデザインを用いて、外部CSSを一枚追加するだけでiPhone/androidに最適化するまでの流れを書いておきます。スマホ用のCSSをスマホにだけ読み込ませて、全体のCSSを上書きするだけなので、ブログのデザインによっては結構手軽に出来ます。 はじめにスマホ最適化後の要素配置を考える <head>にviewport設定とスマホ用CSSの記述を書く 固定幅をリキッドデザインで組みなおす フォントのサイズ、マージン、中央･水平揃えを調整 画像を2倍のサイズで用意する はじめにスマホ最適化後の要素配置を考える スマホは画面も小さいし、容量が重いとそれだけページの表示速度も落ちます。 ロゴ・メニュー・記事など最低限の要素だけ残し、あとはdisplay:none;で消してしまいましょう。 このブログのトップだと、オレンジで囲んだのがスマホで表示させない部分です。 残った要素を、最
分かりやすい提案書はアウトラインが美しい
分量がある文書を作成する際には、文書全体の「アウトライン（骨格、構成）」をきちんと作り上げてから内容を記述する必要があります。今回は、「読みやすく分かりやすい提案書」にするアウトラインの作成方法について紹介します。 読みやすい文書は「階層構造」をしている 読みやすい、分かりやすい文書は、全体が階層構造になっています。文書は、一般的に下記のような階層で構成されています。 大見出し（章） 中見出し（節） 小見出し（項） 階層構造は、複雑で大量の情報を含んだ文書の内容を、分類・整理するために必要不可欠です。階層化した文書は、各トピックで記述される範囲が決まっているため、焦点を絞って読むことができます。このことは、読者の理解を大いに助けます。 階層構造の方法について、順を追ってみていきましょう。まず「大見出し」の層に分割します。その後に各「大見出し」を「中見出し」の層に、さらに必要であれば「中見出
メリット・デメリットから考えるレスポンシブウェブデザインを採用すべきサイト - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
今回は、レスポンシブウェブデザインのメリットとデメリットを整理して、どのようなサイトがレスポンシブウェブデザインを採用すべきかを考えたいと思います。 ・運営が楽。 今までPC、モバイルとそれぞれ別々で運用していた（実質的にはサイトを2つ運用しているようなもの）のに対して、1つの更新でそれぞれの端末に合わせた変更が可能になるので運営が楽になります。 ・URLを分ける必要がない。 PCサイト：http://hogehoge.com スマートフォンサイト：http://sp.hogehoge.com/ のように、スマートフォンサイトを別URLとして管理しているサイトをよく見かけます。 実はこれ、結構な割合でユーザーを混乱させる原因にもなっており、例えばTwitterで投稿されたURLがスマホのURLだった場合、PCからアクセスするとスマホ表示になってしまっているケースがよくあります。 PCでスマ
売れ続けるスマートフォンECサイト構築（2つのポイント） - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
前回記事（売れ続けるスマートフォンECサイト構築（ミッション・ビジョン・コンセプトの設定方法）ではスマートフォンECサイト構築で重要なミッション、ビジョン、コンセプトを形式知にするポイントを解説しましたが、それらを具体的にECサイトに展開して初めて「スマートフォンECサイトに魂が宿り、当該ECサイト自らが売上を拡大する」ことができます。今回はその具体的な展開方法で重要な2つのポイントを記載します。 １つ目はミッション、ビジョンという背景から生まれる『コンセプト』についてさらに深堀し、スマートフォンECサイトに展開することです。2つ目は『サービスの特徴(強み＝差別化のポイント)』について明文化しスマホECサイトに展開することです。私たちがクライアント様のスマホECサイト構築をする場合もこれら2点についてはお時間をいただき、直接ヒアリングして（場合によっては一緒に）整理させていただきます。 時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
このページを見るには、ログインまたは登録してください
