WordPressのプラグイン「Intuitive Custom Post Order」を使ってみる
投稿記事やカテゴリーを任意の順番に変更できるWordPressのプラグイン「Intuitive Custom Post ...
browser-syncでSSIを使う
Gulp + browser-sync の環境でSSIを使う機会があったので、設定方法をメモしておきます。...
配列で不要な項目を除去する
JavaScriptを使って、配列内の不要な項目を除去したいことがたまにあるのでメモ。...
XAMPPでSSIを使う
ローカル環境でSSIを使う機会があったので、XAMPPでSSIを使う方法を調べました。...
iPadやAndroid Tabletでheight: 100%;が効かない
PCだとheight:100%;が意図した形で効いているのに、iPadやAndroid Tabletでは効かない現象に遭...
メガドロップダウンメニューでメニューがうまく切り替えられない不具合の対応
文章では説明しにくいのですが、メガドロップダウンメニューでナビBからナビAに切り替えた際に、ナビBのメニューがフェードア...
ビルトインウェブサーバーでPHPの開発環境を作成する
ローカルでPHPを使う場合はXAMPPを使用することが多かったのですが、ビルトインウェブサーバーを使うと簡単に開発環境が...
SSIで共通部分を管理する
SSIを使って、ヘッダーなどの共通部分をまとめて管理してみます。...
Windows環境で.htaccessなどのファイルを簡単に作成する
Windows環境で、「.htaccess」や「.gitignore」などの「.」から始まるファイルを簡単に作成する方法...
Gulpの環境でPHPを使う
Gulpとbrowser-syncを使ってHTMLのコーディングを行っている際に、一部PHPファイルを使いたいという状況...
gulp.spritesmithでRetina対応をする
CSSスプライトを生成するgulp.spritesmithでRetina対応をする方法をメモ。...
CSSでフェードのアニメーションを実装する
CSSでフェードのアニメーションを実装する方法をメモ。...
Pugでタグの外にテキストを出力する
Pugでチェックボックスとテキストを並べて出力しようとしたときに少し迷ったのでメモ。...
異なるサイズの画像でRetina対応をする方法
個人的にRetina対応をする場合、imgタグのwidth/heightに実サイズの半分を指定するか、画像サイズに応じて...
矢印キーでリンクのフォーカスを移動する
キーボードの矢印キーでリンクのフォーカスを移動する処理を実装したのでメモしておきます。...
EditorConfigを使ってみる
インデントや文字コード、改行コードなどの設定をエディタ間で統一できる「EditorConfig」を使ってみます。 一人で...
ページ内リンクが日本語だとIEでリンクが効かない
ページ内リンクのハッシュ部分にエンコードした文字列を指定していたのですが、IEでだけページ内リンクが効かないようだったの...
Pugとgulp-dataを使ってmetaの内容をjsonで管理する
gulp-dataを使って、Pugで使うmetaの内容をjsonで管理するようにしてみます。...
tabindex属性でフォーカスを当てられるようにする
tabindex属性を使って、aタグ以外の要素でもフォーカスを当てられるようにしてみます。...
keyframesのアニメーションを一時停止する
keyframesのアニメーションで一時停止する方法をメモ。...