jQueryのプラグイン、FarbtasticでET withwithにカラーラベルを実装する
Posted on | 2009/10/29 11:45:44 | View Comments

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が電子書籍に!258本のコラムを収録しています。ePub形式でダウンロードしてiPhone / iPadで読んでいただくこともできます!
早くも第二弾刊行!意外と知らない「ヒトリシゴト」について綴った、自伝的ビジネスエッセイ。ePub形式でダウンロードしてiPhone / iPadで読んでいただくこともできます!
プランナー、加藤 康祐、1980年生まれ。大学在学中の1998年よりデザイン会社にてWEBプランニングやWEBデザインを経験。2005年6月より個人事業、Experience Transportersをスタート。企画から制作まで自ら担当する。








Leave a Reply