CSS3のchecked疑似クラスを使えば、JavaScriptを使わない、軽量なコンポーネントを作ることができます。
閉じるボタンやタブ機能などのサンプルを用意しました。
続きを読むWeb
Web技術で困っている人のために情報を発信します。
HTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン
HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。
画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。
これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むかんたんCSS, リストのマーカー（点）を消す方法（ul, ol, liタグ）
HTMLのul, ol, liタグで作ったリストのマーカーを消す方法はとても簡単です。ソースコードのサンプルを使って説明していきます。すぐに終わります。
デフォルトのマーカーを使うことはあまりないので、CSSの初期化処理でul, ol, liタグに直接、1回だけ記述すればいい。
続きを読むかんたんCSS3 vw, vh, vmin, vmax, 端末サイズ単位の使い方
CSS3からvw, vh, vmin, vmaxが追加されました。
新しい相対値（倍率）指定ですが、%との違いが分からない人もいると思います。
また、どこで使うのか分からない人のために、ソースコードのサンプルを入れながら、かんたんに分かりやすく説明します。
続きを読むかんたんCSS em, rem, フォントサイズ単位の使い方
CSSのサイズ指定でよく使われるのは、px, %, em, remです。CSS3からem, remが追加されました。
まだ、em, remとpx, %の違い、どこで使うのか分からない人のために、ソースコードのサンプルを入れながら、かんたんに分かりやすく説明します。
続きを読むかんたんCSS margin, padding, 余白の設定とボーダーとの関係
HTMLのコンテンツに余白を入れる方法です。作業はすべてCSSで行います。
余白は2種類あり役割が違います。それが分かると、余白はとてもかんたんです。
また、ボーダー（枠線）と関係しています。それも合わせてソースコードのサンプルで誰でも分かるように説明します。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
