Html

Thumbnail of post image 068

游ゴシック体は、Mac(OSX Marverics以降)、Windows(8.1以降)でもインストールされているため、ウェブサイトでfont familyに設定すればMacやWindowsでみたときに表示の差異がなくなる(完全にではな ...

Html

Thumbnail of post image 182

イメージマップ(クリッカブルマップ)は画像の一部分をリンク設定できます。
昔からある機能ですが、私の場合、FireworksやDreamweaverでしか設定したことがなかったので仕組みがよくわかっていませんでした。 ...

2019-04-10Html,Web

Thumbnail of post image 038

SSLを設定して、ページをアップしたに、このようなメッセージが表示されることが

「このページには安全でない他のリソースが含まれています。このリソースは送信中に他のユーザーから見られる可能性があります。また、悪意のあるユーザ ...

2020-02-22Html,Web

Thumbnail of post image 056

WordPressのOGP設定はこちら

OGP(Open Graph Protocol)とは
シェアしてもらった時にそのページのタイトル、説明文、サムネを指定できるタグ。
Facebook,Twitter, ...

CSS,Html

Thumbnail of post image 173

リンクをクリックしたときにでるまわりの点線?
IEやFirefoxで表示される。これを表示させたくない場合は

a{ outline:none; }

とすると消せるそうなんですが、tabキーを使ってリンクを移動している ...

2022-05-15Html

Thumbnail of post image 190

サイトをレスポンシブにする場合にまず最初に設定することのまとめ。

ブレークポイントを決める

レイアウトを切替る画面サイズを決めます。
PC・タブレット・スマートフォンそれぞれに対応したレイアウトにするなら

2015-03-08Html

Thumbnail of post image 143

Internet Explorer の互換表示とは、新しいバージョンのIEで崩れてしまったホームページを以前と同じように表示させる機能。

IE11では非推奨になりました。

つい最近知ったのは、イントラネットでは ...