HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。
画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。
これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読む上級者 - HTML&CSSの応用
ウェブサイトにおけるフロントエンドのHTML・CSSを使ったコンテンツについて情報を発信します。
このレベルでは、何かを言える立場にありません。もしかしたら役に立つかもしれない情報を発信するだけです。
HTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え
HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。
このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。
これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むHTMLとCSSだけで簡単に作る。吹き出し（バルーン）。漫画のセリフを入れるやつ。
画像を使わずにHTMLとCSSだけで吹き出しを作る方法です。漫画のセリフを入れるところに使われ、バルーンとも呼ばれます。
画像を読み込まないので、応答時間やページの表示時間が少しだけ短縮できます。
CSSで形や色味をかんたんに変更できるのもメリット。
続きを読むHTML&CSS,【旧】レスポンシブ対応の基本フォーマットを作成した
HTMLとCSSだけでレスポンシブに対応するWebページの基本フォーマットを作成しました。
- 1カラム
- 2カラム（左メニュー、右メニュー）
- 3カラム（両端メニュー）
の4パターンを用意。
cssクラスを1か所変えるだけでパターン変更ができて、スマホになるとサイドメニューが下の方に表示されるようにしています。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
