- 2013.12.24
【js不要！】cssだけでIE8対応のレスポンシブサイトを作る方法
こんにちは、ECプロデュース部の岡本です。 未だに高いシェアを誇る「Internet Explorer 8」。9月にはこのようなレポートも発表されていました。 IE10がシェア第2位へ – 8月ブラウザシェア | マイナビニュース 今回はこのIE8にレスポンシブサイトを「jsを使用せずに」対応させる方法を紹介いたします。 コーダー泣かせの「IE8」 photo credit: Ken- […]
モバイルファーストラボ編集部
- 2013.12.24
【まとめ】[12/15-12/21]スマートデバイス関連のニュース
みなさんこんにちは、ロックウェーブの岡本です。 今週火曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。
- 2013.12.20
BASEに学ぶ、FIXしたナビゲーションを使ったECレイアウト
今回は「完全無料のショップサービス」として一時期話題をよんだ「BASE」のiOSアプリから購入してみました。 スマホで簡単ショッピング BASE(ベイス) 1カラムでアイキャッチを大きく見せるレイアウト モール画面はアイキャッチ画像１枚＋ショップ名のシンプルなレイアウトです。 左右スワイプで商品カテゴリ変更ができ、スクロールすることでそのカテゴリのショップを見ていくことができます。 商品リストは2 […]
- 2013.12.16
【まとめ】[12/8-12/14]スマートデバイス関連のニュース
みなさんこんにちは、ロックウェーブの岡本です。 今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。
- 2013.12.09
【まとめ】[12/1-12/7]スマートデバイス関連のニュース
みなさんこんにちは、ロックウェーブの岡本です。 今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。
- 2013.12.06
レスポンシブ化するなら知っておきたいtable-cellの使い方
こんにちは、ECプロデュース部の岡本です。 今回は「要素を段落ちさせずに並べること」ができる便利なプロパティ「table-cell」について紹介します。 RWDグローバルナビの課題：段落ち サイトをレスポンシブする際、必ず問題になるのが「グローバルナビの扱い方」です。 floatやinline-blockで作成した場合、全ての要素で単位を「％」に指定しないと「段落ち」が発生します。 しかし上の画像 […]
- 2013.12.02
【まとめ】[11/24-11/30]スマートデバイス関連のニュース
みなさんこんにちは、ロックウェーブの岡本です。 今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。
- 2013.11.29
失敗するレスポンシブWebデザインにありがちな2つのミス
こんにちは、ECプロデュース部の岡本です。 官公庁のWEBサイトも次々とレスポンシブWebデザインを採用し、今まで以上にマルチデバイス対応の重要性が上がっているのだなとひしひしと感じております。 しかしこちらのスライドのように、「レスポンシブWebデザインにすれば何でも上手く行く」という考え方はとても危険です。 そこで今回はレスポンシブWebデザイン化する際に、「失敗しやすい2つのポイント」を紹介 […]
- 2013.11.25
【まとめ】[11/17-11/23]スマートデバイス関連のニュース＆無料WPテーマ
みなさんこんにちは、ロックウェーブの岡本です。 今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。
- 2013.11.22
WordPressのレスポンシブ化に便利な２つのカスタマイズタグ
こんにちは、ECプロデュース部の岡本です。 GumbyやTwitterBootstrap,Foundationなど、便利でデザイン性の高いCSSフレームワークが増えてきました。 これらのフレームワークを使ってレスポンシブなWordPressサイトを作ろうと考えられている方も少なくないと思います。 しかしそれらでサイトを作成してもいざWordPress化しようとすると、 「クラス値が指定できない」 […]
- 2013.11.21
レスポンシブWebデザインサイト構築でエントリーフォーム最適化：文字入力モード切り替え
こんにちは、開発部の河野です。 今回お伝えする内容は フォームの内容に合わせた最適な入力方法が必要 HTML5 による文字入力モードの切り替え レスポンシブサイトを意識した文字入力モード切り替えを実践するには スマートデバイスではフォーム内容に最適な入力方法が必要 かつて、ケータイ（従来型携帯電話）の時代には、フォームに合わせて文字入力モードの切り替えをするのが一般的でした。例えば、メールアドレス […]
- 2013.11.15
jQuery masonryで流れるようにコンテンツが動くレスポンシブWebデザインを構築
以前「タブレット対応ECサイトのポイント〜インテリアショップMOMU〜」でもご紹介したインテリアショップMOMUのレスポンシブECサイト。 今回は技術的な面でどのようにレスポンシブWebデザインで構築されているのか、見てみたいと思います。 サイト名 モームオリジナルインテリア URL http://www.momu-shop.jp/ QRコード リッチなレスポンシブウェブデザインで好印象を このイ […]