以前「タブレット対応ECサイトのポイント〜インテリアショップMOMU〜」でもご紹介したインテリアショップMOMUのレスポンシブECサイト。 今回は技術的な面でどのようにレスポンシブWebデザインで構築されているのか、見てみたいと思います。 サイト名 モームオリジナルインテリア URL http://www.momu-shop.jp/ QRコード リッチなレスポンシブウェブデザインで好印象を このイ […]
こんにちは、モバイルファーストマーケティングラボ編集部です。 サイトを運用しているとき、こんなトラブルが起こったことはありませんか？ 「新しくページを追加したけども、Analyticsで測定されていない！」 「サイトをリニューアルさせたけども、RSSを読み込まなくなった！」 「解析タグをカスタマイズしたいけども、書き換えるページが多すぎる！」 多くの場合、外部のAPIを自分で管理できなくなるほど実 […]
Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか？ 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのでは […]
レスポンシブWebデザインでwebサイトを構築する際にポイントとなるのが、「どのデバイス幅で」「コンテンツをどの幅にするのか」ということだと思います。 webサイトをレスポンシブ化する際のツールでは、「TwitterBootStrap」や「Foundation」などのcssフレームワークが有名ですが、今回は『とにかく”簡単”・”時短”でレスポンシブ対応のHTML・CSSスケルトンが作りたい！』とい […]
通常、Webサイトで表示される文字のフォントスタイルについては、font-style、font-variant、font-weight、font-size、line-height、font-familyなどのプロパティが指定できます。今回はフォントの種類を指定するfont-family、そしてWebフォントについて詳しく見ていきたいと思います。 １．基本的な文字のフォント指定 文字のフォントを指定 […]
こんにちは、コーディング担当の岡本です。 レスポンシブWEBサイトを作成する際に便利なツールといえば、「Twitter Bootstrap」をはじめとする「CSSフレームワーク」が有名ですね。 特に「Twitter Bootstrap」や「Foundation」「Bourbon」などはナビゲーションやフォームなどのUIパーツまで用意されているので、モックアップ作成などに非常に重宝されています。 し […]
Googleが2013年10月1日、Web制作者向けのオーサリングソフト「Google Web Designer」を公開しました。現時点ではPC向けに提供されており、対応OSは、AppleのOS X、MicrosoftのWindows7〜となっています。 PC、タブレット、スマートフォンなどのマルチデバイスに対応できるコンテンツ作成、さらにHTML5およびCSS3を駆使してインタラクティブな広告素 […]
弊社の提供するレスポンシブECサイト構築ASP「aishipR」で制作したECサイトの事例をご紹介いたします。 aishipRでは2種類のレスポンシブ対応テンプレートをご用意しており、アカウントID発行時にあらかじめ選択したいずれかのテンプレートを設定（※2013年8月よりサービス開始）することで、レスポンシブサイトのコーディング知識が無くても、最短２週間でオープンも可能になりました。 レスポンシ […]
こんにちは、ロックウェーブの岡本です。 Googleから「SEOを気にせず、コンテンツに集中できるツールである」と評価されているWordPress。 デザインについては公開サれているテーマファイルを利用される方が大多数だと思いますが、それでも「ちょっとしたところ」をカスタマイズしたくなるのが心情です。 そこで今回はWordPressが自動で出力してくれる７つのクラス値を利用したカスタマイズ法を３つ […]
こんにちは、ロックウェーブの岡本です。 弊社のレスポンシブCMS「aishipR」でもついにWordPressブログが作成できるようになりました。 WordPressを利用することで、自社サイトの中でオリジナルのブログを追加できるようになります。 オプションプランでの追加という形になりますので、「ECサイトのSEO対策にブログを始めたい！」という方はぜひご連絡下さい。 このWordPressの特徴 […]
昨今、スマートフォン・タブレット市場が拡大する中、通販サイトのインターフェースやデザインが大きく変わってきています。 PCでしか表現が出来なかったデザインや機能がスマートフォンやタブレットでも表現が出来るようになったことは大きなメリットです。 今回は、技術的な経験や知識が少ない初心者でも簡単に使える『Twitter Bootstrap』の機能をいくつか簡単に紹介したいと思います。 Twitter […]
ショップオーナー・店長さんが受注や顧客の管理をするうえでCSVを確認・修正する場面が多いですが、今回はショップ運営に役立つ無料のツールを紹介させていただきたいと思います。 CSVはテキストエディタやCSV専用のエディタで編集しなければなりませんが、実際にはCSVの編集はExcelで編集をする方がおられます。しかしExcelでの編集では以下の様な問題があります。 数値の頭が「0」の場合、それが抜け落 […]
