css CSSで順番を指定
***-childは要素すべての順番を指定
***-of-typeは特定の要素の順番を指定
種類
-child
-of-type
最初
:first-child
:first-of-type
...
Web覚書
css 
Web覚書 サニタイジング
sanitizing＝消毒、衛生的にする
入力フォームの内容をチェックし含まれる有害な文字・文字列を検知し、無害化するサニタイズ処理。
有害な文字・文字列としてはHTMLタグやjavascript、SQLコードなど。
HTMLタグやj...
js onclickで音声ファイルを挿入
onclickでテキストや画像をクリックで音が出るようにしたい。
ということで
HTML
<audio id="play" src="test.wav"></audio>
onclick="...
Web覚書 languageファイル編集「Poedit」
WordPressのテーマやプラグインを日本語化
日本語化をするための「Poedit」。英語表示だったテーマやプラグインも日本語表示に。
POT （Portable Object Template）
翻訳の元となるファイル、プ...
Web覚書 WP管理画面でHTTP ERROR 500
WordPressの管理画面にアクセスすると、「HTTP ERROR 500」のエラー表示。サーバーがダウンしているのかな?と時間を置いてアクセスするも同じエラー。管理画面以外は見れる状態なので、これは一大事。そもそも「HTTP ERROR...
php セッション認証
セッション認証は、PHPの $_SESSION を用いる認証方式。ログイン認証に成功しセッションIDがセットされたユーザーのブラウザからのみしかアクセスできず、セッション変数はサーバー上に保存され、ログイン認証されたユーザーでもセッション変...
css レスポンシブな正方形
css3で演算が出来るcalc()と、viewportを使用し、
要素の縦横に100vminを付与し、幅と高さの値の小さい方を指定。
さらに左右、上下に20pxの余白を-40pxで設定。
code
.squareBox {
...