HTML&CSS ブログ・LPで押さえるアクセシビリティ5つ｜HTML/CSSから始める
alt・キーボード・色・見出し・動きの配慮。アクセシビリティの意味を押さえたあと、ブログやLPで最初に直したい HTML/CSS を5つに絞って解説します。
HTML&CSS HTML&CSS アクセシビリティとは？Webサイトにおける意味と考え方
アクセシビリティとは何か、誰のための話か、ブログやLPでなぜ気にするのかを整理。専門用語に入る前の「根本」として読める入門です。
HTML&CSS リッチなCSSアニメーション例5つ｜コピペで試せるサンプル集
transition と @keyframes を使った CSS アニメーションを5つ紹介。コピペ用の HTML + CSS に加え、prefers-reduced-motion の書き方もまとめています。
その他 セキュアなSQLの基本5つ｜初心者が最初に覚えること
セキュアなSQLは「攻撃の手口を覚える」より「安全な書き方を習慣にする」ことから始まります。初心者向けに、最初に押さえるべき5つの基本を整理します。
JavaScript&php JavaScriptのクロージャとは？スコープと変数の覚え方を理解する
クロージャは「関数が、生まれた場所の変数を覚えている仕組み」。for文のループ、コールバック、プライベート変数など、つまずきやすい場面から整理して解説します。
その他 RewriteCondとは？Apacheのリライト条件を理解する
RewriteCondは「RewriteRuleを動かす前の条件」。HTTPSリダイレクトやWordPressのルーティングでよく出てくる書き方を、変数・フラグ・実例とともにわかりやすく解説します。
ツール 正規表現クイズ
正規表現を4択クイズで復習できる練習ツール。全100問からランダム10問、都度解説付き。「問題を更新」で何度でも練習できます。
ツール ダミーファイル生成ツールExcel&PDF
ファイルのアップロード検証をするとき、「5MB の Excel が欲しい」「PDF で試したい」と思っても、手元に適当なファイルがないことがありますよね。 そういうとき用のダミーファイルをその場生成で...
JavaScript&php アクセシブルなモーダルの実装方法：HTML標準要素からライブラリまで
ひげよし モーダルって、画面の前面にコンテンツを重ねて表示する要素だよね？簡単そうに見えるけど、実は難しいって聞いたよ。 プログラマーさん そうなんだよね。見た目は簡単そうでも「アクセシビリティ」を考...
その他 .htaccessで守る！Webサーバーのアクセス制御
ひげよし そもそも「.htaccess」って何なの？ プログラマーさん 「.htaccess（エイチティーアクセス）」は、Apacheウェブサーバーで使われる設定ファイルだよ。 ディレクトリごとに細か...
その他 Linuxパーミッションの仕組みと設定
ひげよし パーミッションって何？関節技か何かかにゃ？ プログラマーさん それはサブミッション笑 パーミッションっていうのはアクセス権限で、正しく設定することでデータの保護、操作ミスによるトラブルを防げ...
HTML&CSS レイアウトシフト（CLS）を防ぐ！画像サイズの指定方法
ユーザビリティ向上のために重要なレイアウトシフトの防止方法（CLS対策）について解説したいと思います。