CSSのbofore?after?〜疑似要素を使ってテキストを装飾する

CSSのbofore?after?〜疑似要素を使ってテキストを装飾する

こんにちは。開発部 山田です。

関東では雪が降るなど、冬も本格的に到来を感じております。

ECサイトでは読み込み速度がお店の売上に直結することもあり、Webサイトのパフォーマンスチューニングの改善は日々取り組まなければなりません。そんな中で、やはり画像の読み込みは何かとネックになってくるなと感じて止まない今日このごろです。。

今日はそんなモヤモヤを解消する手がかりというか小休止になればと思い、今更ながらCSSの疑似要素を取り挙げてみます!!

Read More

モバイルファーストインデックスへの対応と対策(ECサイト編)

モバイルファーストインデックスへの対応と対策(ECサイト編)

11月5日、Googleの「ウェブマスター向け公式ブログ」にてモバイルファーストインデックスが発表されました。

今回は、モバイルファーストインデックスへの対策(そもそもモバイルファーストインデックスとは何か、モバイルファーストへの大きな流れ、重要なモバイル中心思考など)やモバイルファーストインデックスに対して、一般的なECサイトが置かれている3つの状態から、具体的にどのような対応を講じればよいかをECサイトの構築運営という視点で解説します。

Read More

モバイルファーストインデックスでレスポンシブの重要性が高まる

モバイルファーストインデックスでレスポンシブの重要性が高まる

先日発表のGoogle検索エンジン「モバイルファーストインデックス」によりレスポンシブ(レスポンシブ ウェブ デザイン)の重要性が更に高まりました。もちろんECサイトでも同様のことが言えます。そこで、ECサイトの構築運用視点でのモバイルファーストインデックスとレスポンシブの関係や、レスポンシブとは何か?なぜレスポンシブが重要なのか?旧来型のモバイル・PCを個別にページ構築運用する方法と何が違い、どう良いのか?メリット・デメリットなどについて、まとめたいと思います。

Read More

テキスト入力・メニュー選択どちらもできるdatalist要素を使ったフォームの作り方

テキスト入力・メニュー選択どちらもできるdatalist要素を使ったフォームの作り方

datalist要素を使ったフォームの作り方

今回はHTML5に新しく加わったdatalist要素を使ったフォームの作り方を紹介します。datalist要素とはinput要素にサジェスト機能を追加する要素です。

フォームを作成するとなると<input type=”text”>や<select>を使うことが多いですが、datalist要素を使うことで、これら両方の入力形式を一つのフォームで併せて実現することができます。

Read More

ページ内リンクをスムーズに移動!スムーズスクロールの設置方法

ページ内リンクをスムーズに移動!スムーズスクロールの設置方法

皆さんこんにちは。昼と夜の気温差が大きかったり、日によって汗ばむくらいの天気になったり、毎日の服装が難しく感じるサポート部山本です。

さて、今回はスマホサイトでもよく採用されているスムーズスクロールの設置方法を、レスポンシブwebデザインに対応した形でご案内します。

Read More

モバイルファーストインデックスでECサイトが実施すべきこと

モバイルファーストインデックスでECサイトが実施すべきこと

前回、速報でモバイルファーストインデックスがGoogleから正式に発表されたことをお伝えしました。今回はECサイト運営者がモバイルファーストインデックスに対して実施すべきことや気をつけなければいけない点についてまとめてみます。

また内容は随時追加してアップデートしていきますので、是非チェックしてみてください。

【Google公式】モバイルファーストインデックスを発表〜モバイル向けページが検索結果の評価基準に〜

Read More