RedLine Magazine : DW用 CSS3対応セレクタコードヒント
DW用 CSS3対応セレクタコードヒント 2010.04.04追記 このエントリ書いて寝て起きたら修正版が出てた！仕事速い！このエントリの下の方で属性セレクタがなんたらかんたら…と書いてる部分に対して、修正してくださってます。 CSSセレクターコードヒント修正 - dwlog.net （「 [ 」 を入れたら属性セレクタが出てくるようになったバージョン） が、しかし、今度は「：」を押しても反応がなくなったので作者さんのブログにコメント送ってみたところなう。(2010.04.04 10:58) 2010.04.04 12:19 さらに追記 自己解決 上に書いた「：」を入れても反応しないの件、Configuration/CodeHints/css_selector.xmlの50行目辺りに<menu pattern=":" DOCTYPES="CSS">に対する閉じタグ</menu>を追加したら
RedLine Magazine : Photoshopブラシ「まとめ」の「まとめ」
Photoshopブラシ「まとめ」の「まとめ」 2009.11.22 2件追加しました。 2010.02.07 5件追加しました。 先日Photoshop用ブラシをFireworksで使うためのエントリを書いたので、その肝心のブラシまとめ記事のまとめ。ちょっと自分でもこういう系のエントリをブクマしすぎて把握できなくなってきたのでメモ的に。 勢いでまとめたのでリンクミスとかあったらすいません＞＜ 今まで自分がブクマとかしたブラシまとめ・紹介ページ とりあえず適当にジャンル分けしてみた。 光系・キラキラ系 光が超カッコいいPhotoshopのブラシ色々まとめ:phpspot開発日誌 きらめく光のPhotoshopブラシ200選 | CREAMU 45の光を表現するphotoshopブラシ集[記事紹介]*ホームページを作る人のネタ帳 光線を描くためのPhotoshopブラシ250+ | CREA
RedLine Magazine : 印刷用CSSのお話
印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー（嘘かホントかは知らない）あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ！検索対策っ！さっさと検索対策～！って言うじゃん」とか鬱憤も溜まってました。 印刷用のCSSを用意するようになってからは
RedLine Magazine : カラム落ちとか自分のコーディングとかの話
カラム落ちとか自分のコーディングとかの話 先日の自分もプロパティの書き順とかのエントリに頂いたブクマコメントでこういうのがありました。forestkさん、コメントありがとー。 padding, margin が width, height の側に無いと調整してたら 「カラム落ちした！どこ？どこのサイズがでかいん！？」 とかならないですか？ 結論から言うとならないようにしてます。というか、後からwidthをいじる必要がないように計算機使いながらやってます。探さなくていいように紙も使ってます。 せっかくなのでその辺り含めて、カラム落ちやコーディング手順について書いてみようかなと思いました。（前にもちょっと書いた記憶があるけど） ボックスについて カラム落ちって外枠のボックス自体に問題がある場合と中身に問題がある場合の2パターンあると思うんですが、まずボックス自体について。 頭の中の前提 2段組
RedLine Magazine : OLリスト 番号だけ画像なしでスタイルを変更
OLリスト 番号だけ画像なしでスタイルを変更 こちらのページより、面白いなーと思ったCSSネタ。 CSS Code Snippets : 15 Wicked Tricks | DevSnippets 上記ページの8番目の「Style Your Ordered List」の部分。これはOLリストのliタグの中にpを入れて、OLで付与されるリスト番号の部分のフォントの見た目のスタイルを変更するっていう趣旨。 今までOLリストを使う時、liの中にpタグを入れた経験がなかったし（多分）、実はOLリストの数字の見た目を変えたい時は画像置換で背景画像を表示させてた。画像にしちゃえば好きなフォント使えるし、数字の他にちょこっと飾りなんかも入れれるし。ただ、それをするためにはidやらclassやらをhtmlに別途与える必要が出てくるんよね。それってあまり好みじゃない書き方だったりする。もちろんCSS3の:
Fireworks ショートカットコンボ : RedLine Magazine
Fireworks ショートカットコンボ(追記有) あまりにも放置気味なので何か更新しようかな、ということで、よく使うFireworksのショートカットコンボでも。 >>080912：パスパネルについて追記しました。 最前面のオブジェクトでマスクするショートカットコンボ 例えばこんなん。適当な背景の上にオブジェクトを乗せてマスクする時。 テキストにフチ線がついてるのは白背景だと分かりにくいからつけただけ。とりあえず重ねる。 いくよっ！ 「Alt+M」→「M」→「G」 （「修正」→「マスク」→「マスクとしてグループ化」） さぁ！みんな声を出して覚えて！ (n'∀')η＜オルト エム エム ジー！ 最前面のオブジェクトでマスクの小ネタ え？こんなの誰でも知ってるって？ んじゃ･･･これを合わせて知ってると便利だよ！ 最前面のオブジェクトでマスクする時はオブジェクトを半透明にして合わせる位置を確
RedLine Magazine : Fireworksのスライスガイドって
Fireworksのスライスガイドって 消せるんですね。今初めて知りました…orz 多分きっとこんなのって初歩的な話だよね。４年間もFWを愛用してるのに全然知らなかったわ。 スライスガイド消し方 まずデフォルト（スライスガイドあり）の状態。スライスが増えてくるとガイド線のせいで画面が見にくくなる（と、私は思ってる） 上部メニューの「画面表示」>「スライスガイド」にチェックが入っているのでそれを外す。（そこクリックする） 関係ないけど「スライスのオーバーレイ」って何？そこいじっても特に何も変化しないんやけど。何だろ、これは。 スライスガイドのチェックを外すとこの通り、スッキリ。 スライスガイドなくてもピタっとくる オブジェクトをクリックして「Shift+Alt+U」じゃなくて、ピンポイントでスライスガイドに沿ってスライスを作りたい時もあるじゃないですか。そういう時スライスガイドがあるからピタ
RedLine Magazine : Firefox3とFirefox2のselectの幅
Firefox3とFirefox2のselectの幅 そんなこんなで共存することにしたFx3とFx2なんですが、さっそく共存させてよかったと思った事がありました。 今コーディング中のサイトでこういう見た目にしたいデザイン部分があったんですよ。単純にリストをfloatさせてselectを横並びにしたいーみたいな。 幅違うやん！って気づいた。 これ、Fx3とFx2でselectの幅、若干違うんですね。知らなかった。CSS関連のネタは見たけど部品の違いなんて気にもしてなかった・・・。上のできあがり見本の画像はサンプルだからアレなんですが、実際のデザインにはその部分にも背景画像が入ってて、セレクト周りの幅でうまくコントロールしないと背景からはみ出てアワワ・・・みたいな感じになっちゃってました。一瞬びっくりした。 >>一応確認用のサンプルはこちら 最初もしかしてフォーム周りのmarginだかpadd
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
