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のアニメーションで一時停止する方法をメモ。...
JavaScriptのプラグイン「perfect-scrollbar.js」を使ってみる
スクロールバーをカスタマイズできるプラグイン「perfect-scrollbar.js」を使ってみます。 ※今回はバージ...
Pugでコメントアウトをする
PugでHTMLにレンダリングされないコメントアウトを記述しようとして迷ったのでメモ。...
jQueryのバージョンを確認する
サイト制作時はあまり使うことはないかもしれませんが、他のサイト閲覧時にページ内で使用しているjQueryのバージョンを確...