「 WEB制作 」 一覧

SVGファイルから簡単にアイコンフォントが作れるサービス、「IconMoon」は超有名ですね。 時々使っているのですが、書き出しから実装まで、いざとなると「あれ？どうだっけ。。。」って忘れてしまうこと …

画像を右寄せにする方法 デフォルトは左寄せになっています。   右寄せにする手順 （１）画像をブロック要素として囲む。 　　　ブロック要素= div・p・ul・li・dl など ブロック要素 …

  Devanath / Pixabay 作ったサイトの文章や画像を簡単にコピーできないようにする方法です。 画像の保存を完全に防ぐことはできません。 でも、コピーにひと手間かかることが抑止 …

「画面サイズに合わせて文字の大きさも変化させたい」けど、「em」や「rem」や「％」ではうまくいかない。 早速ググってみると。。。ありました！ vw(ViewportWidth)とvh(Viewpor …

あるサイトの更新で、日付を打ち消し線で消して、次の行に新しく正しい日付を掲載するよう修正してほしいとの要望がありました。 打ち消し線は、cssでスタイルをもたせてやればスグにできます。   …

× 擬似要素に擬似クラスを適用 ＜例＞ div::after:hover{}  ■結果 after要素に対してはhoverで指定した内容が動作しませんでした。   ○ 擬似クラスに擬似要素を適用 ＜例 …

CSSの基本書式（セレクタ・プロパティ・値） [ right ]   ボックスを配置する場合の、右からの配置位置（距離）を指定するプロパティ。基準位置の右端から配置するボックスの右端までの距離。  こ …

table-layout: fixed; table要素の各セルの幅の表示方法を指定。 teble要素、もしくは『display: table』となっている要素に反映させることができる。 ■使用例 ↓ …

<ol>や<ul>といった箇条書きを指定した場合、リストマーカや番号の左側に大きな隙間ができてしまう。 ここは、CSSで何も指定していなくても、ブラウザが気を利かせてある程度の …

新しくサイトを作ることになった。 もちろん、レスポンシブ対応で。 そこで改めて、ブレイクポイントを考えてみことにした。 Googleでは「モバイルファースト」を推奨している。さらに「モバイルファースト …