タグ

tipsと正規表現に関するbasementjaxxのブックマーク (4)

  • 接頭辞つきのクラス名にマッチする CSS セレクター

    Kraken というフロントエンドのフレームワークのコードを見ていたら、なるほどと感心する CSS セレクターの書き方を見つけた。grid-one、grid-two みたいな接頭辞つきのクラス名にマッチするセレクターで、こんな感じ: [class^="grid-"], [class*=" grid-"] { /* ... */ } 単純に考えると [class*="grid-"] でいけそうな気がするけど、それだと foo-grid- みたいに頭に余計なものがついていてもマッチしてしまう。そこでホワイトスペースを接頭辞の前に置いて [class*=" grid-"] とすることでそれを避けている。すると今度は class="grid-one" みたいに class 属性の先頭で頭にホワイトスペースがない場合にマッチしないので、[class^="grid-"] という前方一致のルールを追加。

    接頭辞つきのクラス名にマッチする CSS セレクター
  • Dearie is under construction

    Thank you for being patient. We are doing some work on the site and will be back shortly.

  • メールアドレスを抜き出す - 逆引き秀丸の正規表現で置換サンプル集 - DEARIE

    文章からメールアドレス(と思われる個所)を抜き出し、カンマ区切りでメールアドレスのリストを作ってみます。 まずはメールアドレスを検索してみます。 少し長くなりますが、これで大抵メールアドレスぽいものはマッチするでしょう。 ぼくのアドレスは boku@dearie.jp だけど、きみの アドレスは ki-mi@dearie.jp だったかい、ベッキー? Noooooo!!いいえジョニー、わたしのアドレスは wa.ta.si01@becky.dearie.jp もしくは wa.ta.si02@becky.dearie.jp よ。 becky@dearie.jp なんかでは、決してないわ。 さて、ここからメールアドレス以外の部分は削除して、メールアドレスだけにしたいと思います。 検索: 置換: メールアドレスの前後を削除してしまおう、とやってみると残念な結果に。 boku@dearie.jp,k

  • Dreamweaverの正規表現置換サンプルと解説

    Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんw 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには? Ctrl+F(コマンド+F)押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 HTML→XHTMLで一番多い作業がこれだと思う 置換対象: <td width="397"><font size="2">テキスト</font></td> 置換後: <th scope="row">テキスト</t

    Dreamweaverの正規表現置換サンプルと解説
  • 1