トップページ

2024.05.02

New Post

新着記事

HTML&CSS
ブログ・LPで押さえるアクセシビリティ5つ｜HTML/CSSから始める
alt・キーボード・色・見出し・動きの配慮。アクセシビリティの意味を押さえたあと、ブログやLPで最初に直したい HTML/CSS を5つに絞って解説します。
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標準要素からライブラリまで
ひげよし モーダルって、画面の前面にコンテンツを重ねて表示する要素だよね？簡単そうに見えるけど、実は難しいって聞いたよ。 プログラマーさん そうなんだよね。見た目は簡単そうでも「アクセシビリティ」を考…

More

About

このブログについて

主にWEB制作に関わるプログラミングの記事を更新しています。
新しく得た知識や調べるのに時間がかかった情報などを備忘も兼ねて掲載しています。

ご覧いただいた方に少しでもプラスな情報になっていると嬉しいです。

Profile

プロフィール

あば たつお

WEB制作エンジニアのたつおです。
検索してもすぐに見つからないことや、理解するのに補足が必要な情報など、調べるのに時間がかかったことを書き溜めたくてブログを開設しました。
同じでことで困っている人の助けになれたら幸いです。

あば たつおをフォローする
タイトルとURLをコピーしました