DIY
2×4や1×4など、SPF材サイズ早見表【DIY】
WEB制作
プログラミング・Web開発 Font Awesomeのアイコン（WEBフォント）をフォームのボタンに使用する方法
WEBアイコンフォントで有名な「font-awesome」のアイコンを、をフォームのボタンに使用する方法を備忘録としてポストします。
プログラミング・Web開発 HTML5 videoタグで背景に動画を使ったページを作る方法
背景に動画を使うサイトをよく見受けられるようになってきました。どうやって作っているのか気になったので調査してみると、結構簡単に出来ることがわかったので、備忘録としてポストします。
プログラミング・Web開発 CakePHP2でView/Elements以下にディレクトリを追加し、共通ページを管理する方法
CakePHP2ではヘッダやフッタなどサイト共通のパーツは View の Elements（app/View/Elements/）以下で管理できますが、実は Elements 以下にディレクトリを作成し共通ファイルを管理することも可能です。
プログラミング・Web開発 SVGファイルをIllustratorで簡単に作成し、HTML5で表示する方法
最近、ロゴに「.svg」となったファイルを使うサイトが増えていているような気がします。.svgとはなんなのかよく知らなかったので調査し、実際にブラウザで表示させることが出来るようになったので、備忘録としてポストしてみたいと思います。
プログラミング・Web開発 Bootstrapの表（テーブル）の使い方７選
Bootstrapでのテーブル作成する際のメモを忘備録としてポストします。
プログラミング・Web開発 CSSのフレームワーク「Bootstrap」を使ってメールフォムを作成してみる。
CSSのフレームワークである「Bootstrap」を使って既存のメールフォームをリニューアルしたので、その使い方などを忘備録としてポストします。
プログラミング・Web開発 【WEB制作】個人的に使っている、非常に便利なジェネレータ３種類
WEB制作時に使うと便利なジェネレータをご紹介。メジャーなサイトばかりなので知っている人もたくさんいるとは思いますが、まぁ、参考程度にどうぞ。
プログラミング・Web開発 jQueryでサムネイル画像をマウスオーバーするとメイン画像が入れ替わるスクリプトを書いてみた
ECサイトでよくある、サムネイル画像にカーソルを合わせると、メイン画像が入れ替わるというスクリプトをjQueryを使い書いてみたので、公開してみます。プラグイン化もしてみました。