iframeで埋め込むときのレスポンシブ対応について

GoogleマップやVimeo、Youtube動画のような外部サービスを埋め込みたいことがよくあります。昨今はレスポンシブ対応でサイトを作っていることが多いので、ブラウザ横幅に応じて、埋め込み部分も可変する必要があります。コードを紹介しながら解説します。

カラーミーショップに動画を埋め込む方法を解説します

カラーミーショップで動画を埋め込みたいことがあります。YouTube、FTPサーバーを使った設置用のサンプルコードを紹介。

通信環境の向上もあって、Webフォントは以前よりも使いやすくなっています。自サイトで使う場合について、ホスティングサービスのフォント（Google Fonts、Adobe Fonts）を利用する方法と、自分でアップロードして利用するフォントの二通りについて、まとめました。

カラーミーショップ・オーナー様で、HTML・CSSを独学で学ばれる方も多いと思います。入門書で基礎をインプットしても戸惑うこともしばしば。カスタマイズで混乱しがちなポイントにしぼって、すぐ使う知識をまとめました。

カラーミーショップはHTML・CSSと独自タグを組み合わせて、ショップサイトをカスタマイズ・新規作成することができます。ときどき独学で習得したいという相談がありますので、HTML・CSSの学習法について解説します。

カスタマイズ時にどうやって自分で調べるか、ウェブ制作者がどのようにしているかについて記事にしました。独学の方には特に必要な知識で、入門書ではほとんど学ばないカスタマイズの実践的な内容になります。難しくありません。慣れるだけです。

カラーミーショップのテンプレート編集で難しく感じるのは独自タグとSmarty構文について情報がすくないことです。ということで、最初のうちに知っておくべき情報をまとめました。プログラミング初歩をかじっていればすぐに慣れます。