HTML– tag –
-
Tailwindcssでテキストボックスのフォーカスが当たった時に枠線の色を変える方法
テキストボックスにフォーカスが当たった時、黒く太い枠線が表示されます。 サイトによってはテーマカラーに応じて好きな色に変えたい時もありますよね。 なので、Tailwindcssを使ってフォーカスが当たった時にだけ枠線の色を変えようと思います。 ↓の pas... -
PHPでログイン画面を作ろう
問題のデータを入れるために管理画面が必要になりました。 ただ、その管理画面は筆者以外には触らせるわけにはいけません。 その管理画面が出来上がるまでの過程を、ここに書き記しておきます。 ログイン情報ファイルを作ろう 今回は、Basic認証ではなく、... -
Tailwindcssでダークモードを動的に適用する方法
Tailwindcssにはダークモードが搭載されています。 筆者もダークモード愛用者なので、これは嬉しいところ。 HTML<html class="dark"> ... </html<html class="dark"> ... </html 上記のように、HTMLの先頭のクラスに dark を指定... -
reCAPTHAをお問い合わせフォームに組み込もう
お問い合わせフォームは作ったけれど、bot による嫌がらせに遭う場合も考えられますよね。 それをブロックすることで定評のある reCAPTHA をお問い合わせフォームに組み込むことにしたのでそのメモ書きです。 reCAPTHAをlocalhost専用として登録しよう bot... -
Tailwind CSSでフッターの境界線をおしゃれに見せる方法｜box-shadow活用例
ポートフォリオサイトを制作しているとき、「フッターとコンテンツの境界線をどう見せるか」で悩みました。 単純にborderを使う方法もありますが、どうしても線の印象が単調でお粗末な印象を受けてしまいがちです。 そこで今回は、Tailwind CSS のbox-shad... -
PHPでお問い合わせフォームを作ろう
プライバシーポリシー、免責事項は作ったので、Googleアドセンスに必要なお問い合わせフォームを作ることにしました。 Googleフォームで作れば簡単だけれども、せっかくなのでPHPで作ることにしました。 送信ボタンを押しても、POST処理がおこなわれない問...
12