Pirka’rはWindows/Mac OSX/Linux向けのフリーウェア（ソースコードは公開されている）。ここ数年でブラウザのシェアは大きく変わってきている。それまでIEが主流だったのがFirefoxが大きくシェアを取り、さらにSafariやGoogle Chromeといったブラウザが続いている。特にCSSやJavaScriptの互換性の問題もあってIE系ブラウザが嫌われる状況になっている。
検証もできる
ユーザにとって選択肢が増えるのは良いことだが、開発者やデザイナーにとっては辛い。JavaScriptの動作やレンダリング結果にブラウザによる差異があるとなっては確認作業も大変になる。その手助けをしてくれるツールがPirka’r（ピリカル）だ。
CSS DocはRuby製のオープンソース・ソフトウェア。プログラミングソースを複数人で参照するときや、ライブラリを開発した際に必要なのがドキュメントだ。最近では各言語向けに○○Docと呼ばれるものが普及している。これにより関数やメソッドの前に特定のシンボルを付けつつ説明を書くだけで後々コマンド一つでソースドキュメントを生成できるようになる。
CSSファイルからドキュメントを生成
同様の仕組みはデザイナーの方にとっても大事かもしれない。特に修正していく内に入れ子になったり、情報が散在して分かりづらくなってしまうCSSはそうだ。そこで使えるのがCSS Docだ。CSS Docを使うと、CSSファイルを解析して、複数ファイルのドキュメントを生成してくれる。
Mockapp templateはKeynote、PowerPoint用のフリーウェア。iPhone用ネイティブアプリケーションを開発するという話をちらほら聞くようになってきた。まだまだ日本での販売台数は少ないが先行投資兼世界市場へのアピールを兼ねてチャレンジする企業、個人が多い。企業であればアプリケーションの説明を兼ねてモックアップが必要になることもあるだろう。
iPhoneアプリ作りの企画に
その時に使えるのがMockapp templateだ。Mockapp templateはAppleのプレゼンテーションソフトウェアであるKeynoteやWindowsのPowerPoint向けに提供されるテンプレートで、iPhoneのモックアップを作成するのにぴったりな素材になっている。
世の中には何でもPowerPointでやらないと気が済まないという人たちがいる。Excel使いがそうであるように、PowerPoint使いがいるのだ。余計なソフトウェアを購入するよりはよっぽども良いが、再利用性のない方法をとられても困る気はするのだが…細かいところは気にしないでおこう。
PowerPointを使ってアプリケーションの画面を作る
そんなPowerPointウィザードな方々に送る、プロトタイプ作成ツールキットがPowerPoint Prototyping Toolkitだ。
今回紹介するフリーウェアはPowerPoint Prototyping Toolkit、PowerPointを使ってアプリケーションのプロトタイプを作成するツールキットだ。
大学ノートには横線が引かれている。これを使って文字を書けば、斜めになったり一部だけ文字の大きさが変わって読みづらくなったりしない。整然と並んで書かれていれば後で読み返す時にもきっと分かりやすいはずだ。ある一定の基準に沿っていると安心感があり、情報を受け入れやすくなるのだ。
グリッド
コンテンツを重視したWebサイトではそのような読みやすさの観点も考える必要がある。そのためのフレームワークがBaselineだ。
今回紹介するオープンソース・ソフトウェアはBaseline、グリッドに沿ったCSSフレームワークだ。
これは面白い。一般的にコンピュータ向けに提供されるペイント系ソフトウェアは、紙で行っていた作業をリプレイスするものが多い。デジタルならではの機能というと、レイヤーやアンドゥといった機能だ。だがもっとできることはあるはずだ。コンピュータ上ならではの創作プロセスが必要だ。
デジタルならではの芸術が生まれるかも知れない
そこにチャレンジするのがAlchemyだ。まさにデジタル時代ならではの芸術性が生まれるのではないだろうか。
今回紹介するオープンソース・ソフトウェアはAlchemy、コンピュータ上の創作プロセスを一変させるソフトウェアだ。
CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。
CSS Spriteを作るならぜひ使いたい
CSS Spriteを作成するWebサービスも存在するが、画像が追加されるたびにアップロードし直すのが面倒だった。そこでTonttuを使ってみよう。
今回紹介するフリーウェアはTonttu、Adobe AIR製のCSS Sprite作成ソフトウェアだ。
Webサイトでテキストを指定したフォントで表示しようと思った場合、CSSで指定するか画像を使うかのどちらかが選択肢になる。CSSで指定した場合、コンピュータ上にフォントがある必要があり、画像で作成する場合は再利用性が悪い。
好きなフォントで描画する
そこで使ってみたいのがCufónだ。英文フォントに限定されるだろうが、テキストを好きなフォントで描くことができる。
今回紹介するオープンソース・ソフトウェアはCufón、Canvas + JavaScriptによるテキストレンダリングライブラリだ。
良い写真やイラストがあり、色合いを変えたり、塗りを変更して二次創作をしたいと思うことがあるかも知れない。だが既に色が塗られているイラストから線だけを抜き出すという作業は手間ひまがかかる。そんなことをやっていたら日が暮れてしまうだろう。
某イラストより
そこで境界線を抜き出す作業をコンピュータにやらせてみよう。ある程度できれば、後は多少手を加えればすぐに使えるようになる。
今回紹介するフリーウェアは境界線画抽出、写真やイラストから境界線を抜き出すソフトウェアだ。
CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。
Lessの記述例
そんな訳でCSSは慣れれば慣れるほど使い方が難しい代物だ。そこでLessを使って分かりやすく管理してみよう。
今回紹介するオープンソース・ソフトウェアはLess、プログラミング的に記述するCSSライブラリだ。
|
MOONGIFT
|
Open Service
|
|
Rails 2.0
|
Resident on Net
|
|
iPhone最適化
|
リーンソフトウェア
|
|
MarketPedia
|
Producing Web
|
|
Cool Coding
|
