HTML– tag –
-
ログイン画面を作ろう
問題のデータを入れるために管理画面が必要になりました。 ただ、その管理画面は筆者以外には触らせるわけにはいけません。 その管理画面を作るにあたっての方法をお伝えします。 ログイン情報ファイルを作ろう 今回は、Basic認証ではなく、自分で作ります... -
Tailwindcssでダークモードを動的に適用したい
Tailwindcssにはダークモードが搭載されています。 筆者もダークモード愛用者なので、これは嬉しいところ。 HTML<html class="dark"> ... </html<html class="dark"> ... </html 上記のように、HTMLの先頭のクラスに dark を指定... -
reCAPTHAをお問い合わせフォームに組み込もう
お問い合わせフォームは作ったけれど、bot による嫌がらせに遭う場合も考えられますよね。 それをブロックすることで定評のある reCAPTHA をお問い合わせフォームに組み込むことにしたのでそのメモ書きです。 reCAPTHAをlocalhost専用として登録しよう bot... -
送信ボタンに付けるSVG画像と格闘した
お問い合わせフォームの送信ボタンを押した後、数秒間delayがあることに気が付いたので、 二重クリック防止＋今は送信処理中ですよーということをアイコンを使ってアニメーションで表現することにしました。 とりあえず<img>として画像表示＋Tailwin... -
フッターの区切り線にbox-shadowを使いたい
Tailwindcssにはbox-shadowという、オブジェクトに陰影を付与するクラスがある。 これフッターの区切り線に使えないかな～？ box-shadow をそのまま使った場合 HTML<footer class="shadow-lg"> ... </footer><footer class="shadow-lg"... -
お問い合わせフォームを作ろう
プライバシーポリシー、免責事項は作ったので、Googleアドセンスに必要なお問い合わせフォームを作ることに。 送信ボタンを押しても、POST処理がおこなわれない問題に嵌まる HTML(contact.php)<form id="contact" method="POST" class="border-2 border... -
PHP＋MySQL+TailwindcssV4.1でサイトを作ろうと思った
前職でPHPの経験があったので、リハビリ代わりにPHPを使ったサイトを作ることにした。 とりあえず、XAMMPで開発するので、DBはMySQL CSSフレームワークは前職で触っていたBootstrapを使おうかな？と思ったけれど、 調べると、独学してた時に使っていたNuxt...
12