Internet Explorer(IE)のみで異なる内容を読み込ませるための条件式について紹介いたします。 IEでのみ表示が崩れる場合などに活用できます。 IEでのみ読み込みをするための条件式 下記のように条件式を記述…
ページ内に閉じるボタンを設置する方法
リンクを別ウインドウで開いた時などに、以下のような閉じるボタンをよく見かけると思います。 この閉じるボタンを設置する方法を紹介したいと思います。 ページ内に閉じるボタンを設置する方法 閉じるボタンを設置するのは非常に簡単…
記号などの文字参照の値を簡単に調べることができる「Entity Lookup」
Entity Lookupは、記号などを文字参照で記述するためのコードを検索することができるWEBサービスです。よく一覧でまとめられているサイトはありますが、Entity Lookupは検索型で、文字を入力する度にリアル…
WEBページに設置したフォームのオートコンプリート機能を無効化する方法
WEBページに設置したフォームで、ブラウザのオートコンプリート機能を無効化する方法を紹介します。 オートコンプリートとは、ブラウザにIDやパスワードの情報を保存することができる機能のことです。WEBサービスなどでIDやパ…
IEのバージョン毎に異なるスタイルを適用するための小技まとめ
ちょいちょい忘れるので、メモとして残しておきます。 IEのバージョン毎に異なるスタイルを適用する方法のまとめです。 IEに異なるスタイルシートを適用する方法 IEのみ異なるスタイルシートを適用する IEのみ異なるスタイル…
事前レンダリングでページ遷移した時の表示速度を爆速にする
事前レンダリングという技術をご存知でしょうか? 事前レンダリングというのは、サイトを開いた際に次に遷移するであろうページを事前にロードしておくことで、そのページにアクセスした時の表示速度を高速化する技術です。厳密には、前…
レイアウトが崩れる時などにIEの互換表示をサイト側(メタタグ)で制御する方法
WEB サイトを作成したことがある人なら、Internet Explorer(IE) で表示した時だけレイアウトが崩れるといった現象に遭遇したことはあると思います。特に古いバージョンの IE は色んなバグがあって、IE …
CSS3やHTML5のブラウザ対応状況を確認できる「Can I use…」
Can I use… は、CSS3 のプロパティや HTML5 のタグなどについて、ブラウザの対応状況を確認することができるWEBサービスです。 Can I use… の使い方 例えば、CSS3 …
RSSフィードが存在することを知らせるためのlinkタグ
ブラウザの拡張機能などを導入していると、サイトを開いた時にRSSフィードが購読可能かどうかを調べて、アイコンでお知らせしてくれます。 私は、Google Chromeの「RSS Subscription Extensio…
共用SSLを利用してCSSや画像がロードされなくなった時の対処法
お問い合わせフォームなどでメールアドレスや住所を入力してもらう場合、平文で送信すると内容を傍受されてしまう可能性もあります。 そこで送信内容を暗号化して送ることができるのですが、その暗号化プロトコルのことをSSLといいま…