他言語サイト
翻訳はみつかりませんでした

上級者 - 最高のWebマスター

何かを言える立場にありません。もしかしたら役に立つかもしれない情報を発信するだけです。

php array_filter: 配列の空要素削除に使うのはダメ!

array_filter(), array_values()を使って、配列から空要素を削除する方法があります。

よく使う方法ですが、絶対にやってはいけないことがあります。

『コールバックのstrlen()』です。

どうして?の人からそもそも知らない人まで、分かりやすいようにサンプルコードで説明します。

続きを読む

HTML5&CSS3: レスポンシブ対応の基本フォーマットを作成した

html5 css3 image

HTMLとCSSだけで作る、レスポンシブに対応したWebページの基本フォーマットを用意しました。

  • 1カラム
  • 2カラム(左メニュー、右メニュー)
  • 3カラム(両端メニュー)

の4パターンがあります。

cssクラスを1か所変えるだけでパターン変更ができて、スマホになるとサイドメニューが下の方に表示します。

続きを読む

WordPress5 新エディタにCSSを適用する方法

wordpress image

WordPressはバージョン5から、編集画面とその中身の処理が大幅に変更になりました。新エディタ(Gutenberg)の採用です。

エディタがブロック形式でコンテンツを作成することになったので、CSSの適用方法も変わりました。

GutenbergでのCSSの適用方法を分かりやすく解説します。

続きを読む

php HTMLを出力する3つの方法

phpのHTML出力には3つの方法があります。はじめに思いつくのは"echo"ですね?

それ以外にも、ヒアドキュメント、バッファリングの方法があります。

それぞれのメリット・デメリットをご紹介しながら見ていきます。

続きを読む

HTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン

html5 css3 image

HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。

画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。

これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

HTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン

html5 css3 image

HTMLとCSSだけで『閉じる・すべて表示』ボタンをかんたんに作る方法をご紹介します。

このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。

これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

HTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え

html5 css3 image

HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。

このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。

これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

HTMLとCSSだけで作る軽量サンプルのまとめ(:checked疑似クラス)

html5 css3 image

CSS3のchecked疑似クラスを使えば、JavaScriptを使わない、軽量なコンポーネントを作ることができます。

閉じるボタンやタブ機能などのサンプルを用意しました。これは処理を制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む
top
この記事を気に入ったらぜひシェアも!!