jQueryのプラグイン、FarbtasticでET withwithにカラーラベルを実装する

Posted on | 2009/10/29 11:45:44

ET withwithの画面シンプルで気に入っていたのですが、ちょっと分類の視覚的なアピールが足りないなと。というわけで、FarbtasticというjQueryのプラグインでCategoryとClientのテーブルに色情報を持たせて、上のように区別しやすくしました。

Farbtastic: jQuery color picker plug-in | Steven Wittens – Acko.net

PHP側の処理もシンプルでスタイル属性を直接記入して、色番号のところに数値を挿入してカラーラベルを実現しています。

<li class="category" style="border-top:5px solid <?php echo($content['Category']['color'])?>;">
<?php echo $html->link($content['Category']['category'], array(‘controller’ => ‘contents’, ‘action’ => ‘view_category’, $content['Category']['id'])); ?>
</li>

色の入力は先述のFarbtasticで簡単に選ぶことが可能。

いいですね、カラーラベル。ちょっと手帳的な楽しさがあります。

• 

  意外と知らない、「ヒトリシゴト」。案外、愉快で、楽しいです。気軽に読める、ビジネスエッセイ。

• 

  プランナー、加藤康祐のブログ、kosukekato.com : the idea espressoに掲載したコラム、2006/7/20「歴史は作られている」から2010/5/23「行為が流通するプラットフォームに新しい時代を感じる」を一冊の本にしました。

• 

  今話題のInstagramを使った写真集です！あなたもInstagramするきっかけになれば！68点の写真を収録。