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

[HTML] パンくずリンクについてのまとめと考察
パンくずリンク|パンくずリスト（breadcrumb navigation）はどうコーディングするのが今風なんだろう。ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、よくあるデザインパターンは次の通りである。 1行テキストテキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。ページタイトルを　>　で繋いだものページタイトルを　>　以外の文字で繋いだものシンプルなリンクの羅列区切り文字を入れずに画像やCSSで階層を表現する。マルチステップ開始から完了までの行程を表示する。サブナビゲーションつき各ページリンクに属するページを
teruwyi 2011/01/01
リンク
[HTML5+CSS3]　第二回コーディングコンテスト　に参加してました
締切後のソース公開OKらしいんで晒しておきます。応募用デザインにキュンとしたので、思い立ったが吉日な勢いでコーディング。連休中のいい暇つぶしになりました。イベント自体は前々から知ってたんだけど、腰が重くてなかなか手を出さず…実質的な製作期間は４日くらい。例によってMooToolsをしこたま多用してます。完成したのはこれボタンにはCSS3のtransitionとグラデーションをフル活用してます。このプロパティ面白いんだけど手打ちは地獄を見れるぜ…！ transition.cssのカオスさは必見かもしれない。一応IE6とかでも同じように見れるようにはしてあります。なんかもう癖みたいなもんで。工程スクショ Chromeの神プラグインWebページショットで制作経過を撮影してみた。製作中に気づいた事など要素を均等に横並びにするdisplay:boxが意外と使えない横並びしたく
teruwyi 2010/04/08
リンク
Dreamweaverの正規表現置換サンプルと解説
Dreamweaverの検索と置換って何気に凄い。色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには？ Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。テキストを維持したままタグを減らしつつ変更ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う置換対象： <td width="397"><font size="2">テキスト</font></td> 置換後： <th scope="row">テキスト</t
teruwyi 2009/07/03
(x)html

dreamweaver

regexp
リンク
[WP]xamppでpermalink設定を有効にする
ローカルで構築するときに便利なxamppだけど、普通にインスコしただけだとWordpressのパーマリンク設定が使えない。パーマリンク設定を有効にするには、\xampp\apache\confにあるhttpd.confファイルの変更が必要。 \xampp\apache\confのhttpd.confファイルをテキストエディタで開く。この行を検索 #LoadModule rewrite_module modules/mod_rewrite.so ▼先頭の#を外す。 LoadModule rewrite_module modules/mod_rewrite.so 次に、この行を検索 AllowOverride None ▼NoneをAllに変更する。 AllowOverride All 以上変更したらApatcheを再起動する。パーマリンク設定しなおして完了。
teruwyi 2009/03/27
wordpress

xampp
リンク
1