[B! 便利テク] nabemacのブックマーク

nabemac id:nabemac

便利テクに関するnabemacのブックマーク (10)

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

dreamweaver

正規表現

便利テク
リンク
わずか四文字でIE6/7/8を区別するCSSハック | コリス
「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettuts+から紹介します。 <textarea name="code" class="css" cols="60" rows="5"> body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ } </textarea>
nabemac 2010/03/30
なんと！

IE

CSS

便利テク
リンク
アニメ製作現場のお話
今は国民的巨匠になってしまわれた宮崎駿氏が『母をたずねて三千里』の時にアニメーターに配付したとおもわれる資料である。パースに関して重要なことが適格に書かれているので、アニメ界の発展のためにアップさせてもらうことにした。 ‥‥ 非常に残念なことだが、このダメな典型例（以下＜ダメ絵＞と略す）がアニメ界に蔓延している。しかもこの＜ダメ絵＞を描いている人たちは、エイズウィルス保菌者のように、それがダメなことを知るよしもなく＜ダメ絵＞遺伝子を次世代に残していくのである。 ‥‥なんとか食い止めなければ！ 11/05/2005
nabemac 2009/10/14
イラスト

便利テク

作画
リンク
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法:phpspot開発日誌
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法が紹介されていました。具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいＵＩに調整されています。マークアップ上も、次のように綺麗になっています。実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。 jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。詳細は以下のエントリから参照。 Pretty checkboxes with jQuery | Aaron Weyenberg
nabemac 2009/08/27
フォーム

UI

CSS

javascript

便利テク
リンク
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 12 | コリス
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Create a Realistic 3D Blueprint Design a Realistic Chalkboard A
nabemac 2009/05/27
テキスト

便利テク

photoshop
リンク
http://www.designwalker.com/2009/05/illustrator-text-effect.html
nabemac 2009/05/26
ロゴ

デザイン

Illustrator

便利テク
リンク
オリジナルのテクスチャを作成するチュートリアル集
オリジナルのテクスチャを作成するPhotoshopのチュートリアルを紹介します。 An Old Texture from Ancient Times Digital Star Carbon Fiber
nabemac 2009/04/21
テクスチャ

便利テク

photoshop
リンク
[CSS]スクリプト無しで、ナビゲーションの背景全体を変更するスタイルシート
ナビゲーションのホバーはその箇所のみ背景が変更になるものが多いですが、ナビゲーションの背景全体が変更になるスタイルシートをCSSplayから紹介します。 Total background hover demo このスタイルシートは「unusual series（普通ではないシリーズ）」としてリリースされており、ちょっと記憶にはないタイプのナビゲーションです。ラベルの各コンテンツごとにテーマカラーがあるサイトなど、ぴったりはまりそうです。
nabemac 2009/04/21
便利テク

CSS

ナビゲーション
リンク
[JS]一覧表示のレイアウトを切り替えるスクリプト -Easy Display Switch
<textarea name="code" class="html" cols="60" rows="5"> <li> <div class="content_block"> <a href="#"><img src="sample.gif" alt="" /></a> <h2><a href="#">Image Name</a></h2> <p><!—Description here--></p> </div> </li> </textarea>
nabemac 2009/03/20
便利テク
リンク
[CSS]ジャケ写をセクシーにスタイリングするスタイルシート | コリス
ジャケ写をジュエルケース、コンパクトケース、ビニールスリーブに入っているようにみせるスタイルシートをKomodo Mediaから紹介します。 Sexy Music Album Overlays demo デモでは、3つのスタイルがスクリプトで切り替わるようになっていますが、個別に適用することもできます。仕組みは、元画像にケース画像をオーバーレイさせています。
nabemac 2009/03/20
CSS

便利テク
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx