HTML&CSS,【旧】レスポンシブ対応の基本フォーマットを作成した
HTMLとCSSだけでレスポンシブに対応するWebページの基本フォーマットを作成しました。『1カラム』『2カラム（左メニュー、右メニュー）』『3カラム（両端メニュー）』の4パターンを用意。cssクラスを1か所変えるだけでパターン変更ができて、スマホになるとサイドメニューが下の方に表示されるようにしています。 The post...
View ArticleHTMLとCSSだけで簡単に作る。吹き出し（バルーン）。漫画のセリフを入れるやつ。
画像を使わずにHTMLとCSSだけで吹き出しを作る方法です。漫画のセリフを入れるところに使われ、バルーンとも呼ばれます。画像を読み込まないので、応答時間やページの表示時間が少しだけ短縮できます。CSSで形や色味をかんたんに変更できるのもメリット。 The post HTMLとCSSだけで簡単に作る。吹き出し（バルーン）。漫画のセリフを入れるやつ。 first appeared on ただ屋ぁのブログ.
View ArticleHTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え
HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。 The post HTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え...
View ArticleHTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン
HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。 The post HTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン first...
View ArticleHTMLとCSSだけで作る軽量サンプルのまとめ（:checked疑似クラス）
CSS3のchecked疑似クラスを使えば、JavaScriptを使わない、軽量なコンポーネントを作ることができます。閉じるボタンやタブ機能などのサンプルを用意しました。これはWebサーバーへのリクエストが1回なので、Webページのパフォーマンスを上げることができます。 The post HTMLとCSSだけで作る軽量サンプルのまとめ（:checked疑似クラス） first appeared on...
View ArticleHTML5&CSS3, レスポンシブ対応の基本フォーマットを作成した
HTMLとCSSだけで作る、レスポンシブに対応したWebページの基本フォーマットを用意しました。1カラム、2カラム（左メニュー、右メニュー）、3カラム（両端メニュー）の4パターンがあります。cssクラスを1か所変えるだけでパターン変更ができて、スマホサイズになるとサイドメニューを下の方に表示します。 The post HTML5&CSS3, レスポンシブ対応の基本フォーマットを作成した...
View ArticleHTML&CSS,【新旧比較】レスポンシブ対応の基本フォーマットを作成した
HTMLとCSSだけで作ったレスポンシブに対応したWebページの基本フォーマットを全面的にアップデートしました。『1カラム』『2カラム（左メニュー、右メニュー）』『3カラム（両端メニュー）』の4パターンを用意。ここでは新旧サンプルの比較を行います。 The post HTML&CSS,【新旧比較】レスポンシブ対応の基本フォーマットを作成した first appeared on ただ屋ぁのブログ.
View ArticleHTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン
HTMLとCSSだけで『閉じる・すべて表示』ボタンを簡単に作る方法をご紹介します。このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。 The post HTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン...
View ArticleHTMLとCSSだけで簡単に作る。軽量なドロワーメニュー（ハンバーガーメニュー）
javaScriptを使わずにHTMLとCSSだけでドロワーメニューを作ります。ハンバーガーメニューとも言います。スマホでよく見る3本線のボタンでメニューが出るやつです。だれでも分かるように、サンプルコードを少しずつステップを踏んで作りながら説明します。 The post HTMLとCSSだけで簡単に作る。軽量なドロワーメニュー（ハンバーガーメニュー） first appeared on...
View ArticleHTMLとCSSだけで簡単に作る。軽量なON/OFF スイッチ
javaScriptを使わずにHTML&CSSだけでON/OFFスイッチを作ります。Webのサービス・アプリの設定画面でよく見るやつで、トグルボタン、トグルスイッチとも言います。だれでも分かるように、サンプルコードを少しずつ作りながら説明します。 The post HTMLとCSSだけで簡単に作る。軽量なON/OFF スイッチ first appeared on ただ屋ぁのブログ.
View Article