basementjaxxのブックマーク - はてなブックマーク

[Dreamweaver] テンプレートパラメータのサンプルと解説
以前TwitterでDreamweaverってどうよ？メモ帳でよくね？的なRTが回ったとき、私が便利機能として挙げたのはサイト内全文検索と正規表現置換だったのだけど、もうひとつ、 140文字じゃ到底説明しきれないテンプレートパラメータについて熱く語ってみようと思う。 Dreamweaverのイメージといったらコードの自動補完の次にテンプレート機能っていう感じだからソフト使ったことがある人なら１００％に近い確率でdwtファイルを作成したり修正したりしたことがあるはずだ。しかしテンプレートパラメータについては意外と知らない人の方が多い。メニューを良く見ると「修正」の「ページプロパティ」の下にテンプレートプロパティっていうのがあったりするんだけども、正規表現に似てプログラミングっぽいからとっつきにくいのかな。 TemplateParamコメントタグテンプレートプロパティはテンプレート
basementjaxx 2011/07/06
dreamweaver

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

正規表現

tips

これは便利

web制作

開発

効率化
リンク
[HTML] パンくずリンクについてのまとめと考察
パンくずリンク|パンくずリスト（breadcrumb navigation）はどうコーディングするのが今風なんだろう。ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、よくあるデザインパターンは次の通りである。 1行テキストテキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。ページタイトルを　>　で繋いだものページタイトルを　>　以外の文字で繋いだものシンプルなリンクの羅列区切り文字を入れずに画像やCSSで階層を表現する。マルチステップ開始から完了までの行程を表示する。サブナビゲーションつき各ページリンクに属するページを
basementjaxx 2010/12/29
web制作

UI

ナビゲーション

デザイン

navigation

コーディング
リンク
1