Webページ制作に使える6つの便利サイト

CSS-TricksにWebページ制作時に役立つ便利なページ紹介の記事「One Page Apps I Actually Use」が掲載されている。特にCSS3を利用するにあたって便利なページがまとまっており参考になる。紹介されているページは次のとおり。

まず紹介されているのはCSS3 Please!。このサイトはよく使われるCSS3機能のテンプレートをまとめたサイトで、コピー&ペーストして利用できる。主要ブラウザのベンダプレフィックス版もすべて記載されおり便利。コメントも記載されておりわかりやすい。CSS Border Radius Generatorは角の丸みをチェックするサイト。四隅のボックスに数値を入力すると、それを表現するためのCSS3が生成される仕組みになっている。-webkit-と-moz-のベンダプレフィックスも出力される。

HTML-Ipsumはよく利用するHTMLのテンプレートをまとめたサイト。それぞれのタイトルをクリックすると対象のHTMLがシステムクリップボードにコピーされる仕組みになっている。ScriptSrc.netはjQueryを利用するためのscriptタグの書き方をまとめたサイト。対象とするライブラリを選択してCOPYボタンを押せば、そのライブラリを利用するためのscriptタグがシステムクリップボードへコピーされる。

CopyPasteCharacter.comはよく使われるシンボルをコピーするためのサイト。使いたいシンボルをクリックするとそのシンボルがシステムクリップボードへコピーされる仕組みになっている。複数個選択したい場合にはaltキーを押しながらシンボルを選択すればいい。Button Makerはオンザフライでボタンを調整するためのサイト。

こうした便利サイトを知っているのと知っていないのとでは、作業にかかる時間が変わってくる。