REDLINE MAGAZINE | DW用 CSS3対応セレクタコードヒントREDLINE MAGAZINEトップページへ

すべてのエントリを見る

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>を追加したらちゃんと反応してくれました(n' ω 'n)

追記ここまで。以下が元の本文です。


先日までDreamweaverのコードヒントはこちらの「Dreamweaver スペシャルコードヒント」を利用させて頂いてたんですが、下記のエントリを発見して、種類増えてる!すごいじゃん!と勢いで入れてみました。

CSSセレクターをDreamweaverのコードヒントで出せるようになりました。 - dwlog.net

CSS3で定義されたセレクタに対応しているという点にすごく惹かれたのですよ。上記ページにて、mxp形式のファイルがダウンロードできるので、インストールも楽々でした。

こんな感じ。いい感じ。

キャプチャ画像・エディタ

「:」を入れると、CSS3で追加になったセレクタもドーンといっぱい出てくる。わーい。

あと、個人的には属性セレクタ書くのがめんどくさいなーと感じてたので、同じく「:」を入れるだけでパパっと出てくるのがとても助かります。

キャプチャ画像・エディタ

「:」押してキーボードの「↑」をポチっと押すと(選択肢の一番下へ移動ってこと)属性セレクタの選択がズラーと。

ここで素朴な疑問

2010.04.04追記
以下の内容については作者さんがすでに修正してくださってます(∩´∀`)∩

これって「:」で属性セレクタ呼んだ後、「:」は自分で消してるんですが、みんなそうなるんやんね?私だけが「:」が残るとか、他の人は「 [ 」を押したら属性セレクタ出てくるのに私だけそれが出ないとか、そういう不運に見舞われてるわけじゃないやんね??

スニペットもあったよ!

あと、こちらのサイトの方はそのコードヒントを作成される前にセレクタを全部スニペットにもまとめてらっしゃって・・・。セレクタ愛ですね。

CSSセレクターをDreamweaverのスニペットにまとめました。 - dwlog.net

実は最初こっちをインストールしてたんですが、こちらもこちらで便利なのでオススメです。使い分け用に。

CSS3で追加になったセレクタ

CSS3で追加になったセレクタについてはまーしーさんのこちらのエントリが分かりやすかったです。

CSS3で追加になったセレクタを改めて見直してみる|linker journal|linker

あと、一応当サイトのこのページでも擬似クラスと擬似要素のまとめみたいなの書いたのでよかったら…。表の部分の備考に「これとこれは同じ」という事も書いてるので、「なんか種類多いけど重複してね?」とかの確認はできると思いますです。

<< 近況とか。CSS,PHP雑記の巻。 | CSS セレクタ総復習 (2010年5月版) >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/260

DW用 CSS3対応セレクタコードヒント へのトラックバック一覧

» CSSセレクターコードヒント修正 送信元 dwlog.net
CSSセレクターコードヒント修正 CSSセレクターのコードヒント&スニペットをたくさんDLいただきありがとうございます。作った甲斐があります。 ...
Trackback time : 2010.04.04

コメント (2)

ご利用・報告ありがとうございます。
"["ではじまるやつは完全にミスってました。orz
修正しましたので、ご確認下さい。

その他いろいろ作ってますのでお試し下さい。

スニペットはあの段階ではコードヒントで出せなかったので、とりあえずコーディングの手助けになればと思って作りました(笑)。

>akiraさん
コメントありがとうございました!
>修正しましたので、ご確認下さい。
めちゃくちゃ嬉しいです(∩´∀`)∩
さっそく試してみます!!

akiraさんのブログエントリへトラックバック送ってたんですが、届いてなかったですかね・・・。なんかうちのブログ、トラバが送れない事件が結構多くて・・・失礼しました><




※コメント欄に「<」「>」等を含むソースを記載する場合は実体参照に変換してください。

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。