覚えて良かったCSSテクニック « zaru blog
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅：190px マージン：15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
Branberyheag Lab | Flexのビジュアルデザインをskinで変更する
Flexは、そのままでも十分すぎるほどデザインの完成度が高い。 だけど、ボタンやタブ・Comboxなど、CSSで変更してもルックアンドフィールが合わないときがある。そんなときにスキンを使う。スクロールバーのカスタマイズ方法やプリロードのカスタマイズ方法は書いてきたけど、ボタンやら他のパーツも変更する方法まとめて書いておこうと思う。 スキンを適用する方法として２つ方法がある。 グラフィカルスキン 埋め込みアセットを指定 Button { overSkin: Embed("../assets/images/orb_over_skin.gif"); upSkin: Embed("../assets/images/orb_up_skin.gif"); downSkin: Embed("../assets/images/orb_down_skin.gif"); } プログラムスキン 描画クラス
» Flex, 画像skinなどをCSSで一元管理する …The ballad of dead pixels…
Well done is better than well said. –Benjamin Franklin Adobe MAX 2009は、時間の都合上2コマのみ参加して来た。 そのうちの一つのセッション、Effective UI社のJosh Jamison氏による「Flex Deep Dive: Flex Framework」で教わったテクニック。（詳細は後ほど追記したいが、、いつになるかは未定） ボタンの背景など、画像のスキンを扱うとき、今までは特に疑問も無く、画像のスキンを埋め込むクラスを作って、各メンバ変数に画像を割り当てた後、使っていた。 SkinRack.as package { public class SkinRack { [Bindable] [Embed('assets/buttonUp.gif')] public static var testA:Class;
Flex スタイル,CSS,スキン,テーマ - kozy.heteml.jp
属性 † APIリファレンスの「スタイル」に記載されているものがイベント属性として記述できます。例えばButtonコンポーネントであれば、fillColorsスタイルを以下のように記述できます。 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Button label="click!" fillColors="[0x000000,0xFF0000]"/> <mx:Button label="click!" fillColors="[0x000000,0x00FF00]"/> <mx:Button label="click!" fillColors="[0x000000,0x0000FF]"/> </mx:Application> CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
