cssで複数画像背景の横幅を1枚ごとに変える

CSSで背景画像を複数設定する方法があります。 複数画像を背景にするときは、以前はdivタグを複数重ねて無理やり設定したりしていましたが、一つのタグ内で、複数背景画像を設定できるのはとても便利だなと思いました。 今回さらにこの複数背景画像を ...
PHPで親子関係のクラスで__construct()を両方動作させる

PHPなどプログラム言語には「クラス」と呼ばれる記述方法があります。使い方はプログラマーによりそれぞれ異なるかと思いますが、私は主にグローバル変数の重複を避けるために使用します。 どういうことかというと、プログラム制作時にグローバル変数を使 ...
:nth-childと:nth-of-typeとの違いを調べてみた。

近年、レスポンシブに対応するスタイルシートが急速に発達しました。それにともない、スタイルシートは多種多様化しました。その反面HTMLコーディング自体はシンプルになりました。 シンプルなHTMLに、複雑なスタイルシートをあてがうような形です。 ...
いまさらながらマイナンバーカードを申請しマイナ免許証をつくってみた。

マイナンバーカードが導入されてからしばらく経ちましたが、ようやくマイナンバーカードを申請しました。いままで申請しなかったのはひとえに以下の理由からです。 免許証とマイナンバーカードが一体化したら申請しよう。 いずれ免許証と一体化すれば、いろ ...
cssで複数背景画像指定のうち、特定の画像だけサイズを大きくする

CSSで一つのタグに複数の背景画像を設定することができます。以前の記事でも紹介しています。 複数画像をまとめて背景に設定できることで、レスポンシブ対応などに応用ができます。ところが、今回このようなケースがありました。 複数画像を背景設定し、 ...
エクセルでActivX、トラストセンターに関する警告が出たので対処した。

パソコン関係のトラブルはいつも、ある日突然です。昨日までは大丈夫だったのに…。今日立ち上げたら動かなくなった。 そんな経験は誰しもあるのではないでしょうか? 私も今日パソコンを立ち上げ、仕事用のエクセルファイルを開いたところ、セキュリティー ...
PHPでmb_detect_encoding関数の判定が違う文字コードになることがある

PHPを使用してwebサイトの出力を行う場合「文字コード対応」は避けて通れない部分です。大抵はUTF-8ですが、マイクロソフトオフィスとの親和性を考えるとShift-JISもありです。 PHPでHTMLを出力することを考えると「どちらの文字 ...
Illustratorでガイド線を通常の線にもどす

Illustratorで印刷物を作成する際に、思いのほか活躍するのが「ガイド機能」です。ガイド線は通常のパス線とは異なり邪魔にならないため、目安となるガイド線を作り、紙面レイアウトに役立ちます。 なので、私は紙面レイアウトの前に、ある程度の ...
さくらサーバーでPHPのエラーログを出力する

PHPで開発をすると、原因不明のエラーが発生することがあります。例えば500 Internal Server Errorなどです。 PHPの中身に問題があるのはわかるのですが、どの部分に問題があるのかわかりません。しかもテスト環境では動作し ...
アナリティクス計測にcookie同意ツールを盛り込んだらアナリティクスの意味がなくなったお話

サイトの運営状況を測定するツールとして、Googleのアナリティクスがあります。アクセス数はもちろんのこと、アクセスの時間帯、よく見られるページ、年代、アクセスデバイスなどが事細かに調べることができます。 webマーケティングには欠かせない ...
cssで中央ぞろえしたboxを左へ200pxずらしてみた

近年HTML5、CSS3によりweb構築技術が急速に発達しています。そのため、一昔前ならば実現が非常に困難だったことも今では容易にできてしまいます。 そんな中、こんなコーディングをすることがありました。400pxのボックスを、中央位置から左 ...
cssで横幅指定時にpadding指定をするとはみ出る現象に対処。

ホームページを作る際にまず最初に覚えるべき基本的なこととして、マージン(間隔)とパディング(余白)があります。 これを間違えるといびつなレイアウトになるため、きちんとそろうようにコーディングすることが大事です。 ですが、私自身長年ホームペー ...
Microsoft Authenticatorに「authenticatorによるオートフィルは2025年7月に終了します。」と表示された件について調べてみた

私はMicrosoft Authenticatorを二段階認証に使用しています。スマホにワンタイムパスワードが表示されるので、その番号をサイト等に入力します。 ところが先日、スマホでMicrosoft Authenticatorアプリを開い ...
cssで中央寄せだけどテキストは左揃えにする

横書きの場合、テキストは左揃えにします。短いテキストの場合は中央揃えにするケースもあります。 ですが今回、ホームページ作りで次のような形にする必要がありました。 テキストは左揃えで、中央寄せにする。 えっ。どういうこと? ちょっと想像がつき ...
スマホでinputタグの入力を数字入力モードにする

ホームページ制作で入力フォームは、お問い合わせフォーム、管理画面などでよく使用します。その際にふと思うことがあります。 入力モードが自動で切り替わったらいいのに。 例えば名前を入力するときは、全角で入力します。次に電話番号欄があったりすると ...
liタグの黒丸の色だけを変えてみた

ul、liタグはweb制作業者であれば、よく利用するタグではないでしょうか?親子関係になっているタグでもあるため、包括しやすく、写真を一覧で並べる場合等レイアウトにも重宝します。 無論liタグ本来の使い方は、箇条書きです。そのため、デフォル ...
display: flexで、高さを統一しているときに、特定要素のみ高さをフリーにする

ホームページ制作をしていると、2列構成や3列構成にすることもしばしばあります。以前ならfloat指定でカラムを構成していました。ですが、最近ではdisplay:flexなるスタイルシートが増え、おもったより簡単に列構成レイアウトができるよう ...
さくらサーバーで特定フォルダだけPHPバージョンを変更する

PHPのバージョンは、思いのほか頻繁に上がります。ただ上がるだけならばよいのですが、バージョン8になってからは古い仕様が動作しなくなってきています。 つまり、PHPバージョンを上げたとたん、エラーで表示されなくなるなどの不具合が発生します。 ...
運用しているサーバーのPHPを7.4→8.3へバージョンアップしてみたお話

当サイトも2004年の開設から20年過ぎました。その間にPHPのバージョンも5→8へ上がりました。 最近までPHP7.4を使用しており、このほどようやくPHP8.3へバージョンを上げました。ですが一筋縄ではいかなかったことがいくつかありまし ...
xamppのphpMyAdminでSQLインポート時のエラー(#2006 MySQL server has gone away)に対処

xamppでテスト環境を起こす際に、MYSQLデータをphpMyAdminからインポートしようとしたところ、エラーとなり途中までしかインポートできませんでした。 いままでそんなことなかったのに、なぜ何だろうと原因を調べていたら、おもったより ...
xamppに最新版のMYSQLを入れてみた

先日xamppにPHP8.4を入れました。その際に、phpMyAdminを最新版にしました。 phpMyAdminを最新版にバージョンアップした際にこう思いました。ついでにxamppのMySQLも最新版にできないものか・・・。 xamppで ...
xamppにPHP8.4を導入しphpMyAdminも動くようにする

php開発環境として使用しているxamppが更新されなくなって1年以上たちます。いまだに最新版が更新されません。 その間に、PHPのバージョンも8.2→8.4へと上がりました。 さすがに、最新版のPHP開発環境がないと困るため、何とかしよう ...
さくらサーバでPHP5.6でMYSQL8.0へ接続できなかったお話

今回は結論から申し上げます。さくらサーバー(スタンダードプラン)で、PHP5.6からMYSQL8.0への接続は断念しました。PHP5.6からMYSQL8.0へ接続するには、MYSQL側の設定を変更する必要があるのですが、MYSQLを他の利用 ...
スタイルシートで文字を「斜体」にしようとしてはまる

HTMLでホームページを制作する場合、スタイルシートは欠かせません。今や装飾はほとんどスタイルシートでできます。 そんななか、今回ちょっとしたことですがはまったことがありました。 デザイン上、文字テキストを斜体にする必要がありました。斜体自 ...