HTMLとCSSだけで作ったレスポンシブに対応したWebページの基本フォーマットを全面的にアップデートしました。
- 1カラム
- 2カラム（左メニュー、右メニュー）
- 3カラム（両端メニュー）
の4パターンを用意。ここでは新旧サンプルの比較を行います。
続きを読むHTMLとCSS
HTMLとCSSで困っている人のために情報を発信します。
HTMLはウェブサイトの構造化文書を定義し、CSSはその文書のスタイルを定義します。
どちらもプログラミングでないことに注意。（あくまで文書のフォーマット）
HTML5&CSS3, レスポンシブ対応の基本フォーマットを作成した
HTMLとCSSだけで作る、レスポンシブに対応したWebページの基本フォーマットを用意しました。
- 1カラム
- 2カラム（左メニュー、右メニュー）
- 3カラム（両端メニュー）
の4パターンがあります。
cssクラスを1か所変えるだけでパターン変更ができて、スマホになるとサイドメニューを下の方に表示します。
続きを読むかんたんHTML&CSS hr, 水平線の太さ・色などの変更方法
HTMLの水平線を表示するのはかんたんで、hrタグを書くだけです。CSSでデザインの変更もできます。
太さや色、グラデーション、画像などサンプルを作りながら、かんたんに誰にも分かるように解説します。
デフォルトのhrタグのしくみもくわしく解説します。
続きを読むHTMLとCSSだけで作る軽量サンプルのまとめ（:checked疑似クラス）
CSS3のchecked疑似クラスを使えば、JavaScriptを使わない、軽量なコンポーネントを作ることができます。
閉じるボタンやタブ機能などのサンプルを用意しました。
続きを読むHTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン
HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。
画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。
これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むかんたんCSS, リストのマーカー（点）を消す方法（ul, ol, liタグ）
HTMLのul, ol, liタグで作ったリストのマーカーを消す方法はとても簡単です。ソースコードのサンプルを使って説明していきます。すぐに終わります。
デフォルトのマーカーを使うことはあまりないので、CSSの初期化処理でul, ol, liタグに直接、1回だけ記述すればいい。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
