ITエンジニア/デザイナ向けにオープンソースを毎日紹介

CodeBurnerはFirefox/Adobe AIR/Mac OSX用のフリーウェア。Webデザイナー、プログラマーであれば開発中にリファレンスが見たくなることが多いはずだ。都度Webサイトを検索しても良いが、手軽に使えるリファレンスが手元にあると便利だ。


Screen-shot 174.png

HTMLタグの検索

 

特にブラウザ間の誤差があるプロパティなのか否かといった情報は重要だ。そうした情報をつかんでおけばデザインが開発がスムーズになる。多様なプラットフォームに対応しているのがCodeBurnerだ。

CodeBurnerはHTML/CSSのリファレンスを多数のプラットフォームを使って提供している。FirefoxとFirebug向けをはじめ、Adobe AIR、OSX Dashboard、Operaが現在提供されており、今後Dreamweaver版が提供予定になっている。


Screen-shot 176.png

ソースをクリックすると説明が出る

 

2ペインの画面構成になっており、左側で検索して右側にプロパティの簡易説明と各ブラウザでの対応具合が分かるようになっている。さらに詳細を知る場合はCodeBurnerのサイトに飛ぶようになっている。なお既存サイトのCSSやHTMLを読み込んで表示することもできる。

CSSのプロパティ概要をどんどん調べながら作業出来ればスムーズにデザインが進むかもしれない。好みのプラットフォームに合わせてインストールしておけば便利だろう。

 

CodeBurner - Reference Tool for Web Developers

 http://tools.sitepoint.com/codeburner/

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2