Tag : CSS

【CSS】css3で追加されたnth-childとnth-of-typeの違いについてまとめてみた

最近は、nth-of-typeのほうが使い勝手がよくて、nth-childをあまり使わなくなった感のある旦人です。この2つの擬似要素が似ているようで、全然違う働...

【CSS】css3だけでアコーディオンメニューを作ってみた話

アコーディオンメニューといえば、なんとなくjavascriptを使わないと作れないイメージでした。が、今回ブログのテーマを一新する際に極力cssだけで表現できた...

【SVG】cssとsvgを使って日本地図のイメージマップを作ってみた話【CSS】

svgことScalable Vector Graphics(スケーラブル・ベクター・グラフィックス)は、web上でも扱える二次元ベクター画像です。今までは対応し...

【CSS】CSS3で追加されたワイルドカードの使い方を確認

CSSといえば、すべての要素に適用できるワイルドカードみたいな「*」があります。リセットCSSやノーマライズCSSを書くときなんかに重宝するアレです。 さ...

【CSS】今さらだけどcssのセレクタの親子関係の確認まとめ

今さらだけど、CSS3で追加されたセレクタも合わせてCSSのセレクタの親子関係をまとめてみようと思います。 ここでは、便宜上、クラス名を親、子、孫といった...

【CSS】CSSだけを使ってアプリによくあるフリックすると動くメニューを作ってみた話

アプリを使ってるとよく見るフリックすると、そこのブロックだけが動くメニューのUI。あれを再現してみることにしました。パッと見、javascriptも使ってそうな...

【CSS】外部サイトへの別タブリンクとPDFへのリンクに自動的にアイコンをつける

外部サイトへのリンクが別タブで開くように設定しているときやリンク先がPDFファイルだということを指定しといたとき、あらかじめアイコン表示がされていると便利ですよ...