Dreamweaver テンプレートのスニペット
Dreamweaverテンプレートで個人的に良く使うテンプレートコードをスニペットにしてみました。 Dreamweaverテンプレートはソースコードがコメントだらけになるので嫌う人が多いかもしれませんが、小規模サイトでCMSを入れるほどでも無いサイトを制作する場合にかなり有効だと思いますので、是非利用してみてください
Category Application Archive
Dreamweaverコードヒントでfont-sizeプロパティのパーセント表記を追加する
Dreamweaverはコードビューでコードを記述していると、最初の数文字で入力されるプロパティを予測してツールチップに表示してくれる便利な機能があります。 プロパティに対して値を入力する際に、そのプロパティに対して設定出来る値も一覧表示してくれるので、コーディング時にはこの機能は重宝します。 このコードヒントの機能
Dreamweaver拡張機能「閉じタグコメントを挿入」を便利に使う
(X)HTMLのコードの可読性を高めるために、divの閉じタグ手前にいつもコメントを入れています。けれどもこれが結構面倒な作業で、自動にならないかなと思っていたら面白法人カヤックさんのKAYAC DESIGNER'S BLOGでDreamweaver用拡張機能として公開されていました。 コメントを生成して挿入するDre
とってもクールなランチャー Alfred
Mac OSXのランチャーAlfredがクールで気に入りました。ショートカットキーで素早く呼び出せるのがとても便利です。 AlfredはOption + Spaceキーを押すと検索ボックスが表示されます。検索ボックスの入力フィールドにアプリのスペルを入れると、インストールされているアプリケーションの候補が表示されます。
Dreamweaverでショートカット設定をエクスポート
以前に書いた記事、Dreamweaverでショートカットキーを設定して作業効率を上げるで『ショートカットキーのエクスポートの仕方がどうしてもわからない』と書きましたが、設定ファイルが分かりました。 Dreamweaver CS3の場合ですが、CS4でも同じような場所にあると思いますので参考に探してみてください。 Win
Dreamweaverでショートカットキーを設定して作業効率を上げる
普段コーディングをするときはDreamweaverを利用しています。 主にコードビューで作業をすることが多いのですが、デザインビューや分割ビューに素早く切り替えられるようにショートカットを設定しています。また、作業効率を上げるために良く入力するタグはショートカットキーを設定しています。(Dreamweaver初期で設定
Color Palette panelをFireworks CS3に入れた場合の不具合
普段はPhotoshopをメインに使ってますが、ワイヤーフレーム作成をする必要があったので久々にFireworksを利用しました。 そうしたらテキスト入力をすると何故か砂時計がチカチカと出てしまいテキストが選択出来ません。よく見るとヒストリーパネルがもの凄い勢いで進んで行きます。どう見ても不具合が起こってる感じでした。
Dreamweaverテンプレートでのエラー
Dreamweaverテンプレートを使用している時、編集可能領域を編集しているにも関わらず、こんなエラーが出た事無いですか？ 編集可能にマークされていないコードに変更を加えました。これらの変更を保持しても、次回のテンプレート適用時にファイルが更新されて、これらの変更は失われます。それまで変更を保持しますか? しかもコ
Photoshopで変数を使って見出し画像リソースを管理する
2エントリー連続でPhotoshop関連になります。今回は左のような見出し画像を書き出すリソースファイルを変数を使って管理します。 このような見出し画像を作成する場合、通常だと背景画像レイヤーを複数枚と見出し名テキストレイヤーを大量に作らなければなりません。私も今まではテキストレイヤーだらけになっていました。このよう
Photoshopでのスライス作成
わが制作チームのデザイナーLovwar君が中々ナイスなテクニックを開発してブログに掲載していました。あまりにもナイスで自分向けにカスタマイズして自分用アクションを作成してみました（パクリ）。 Lovwar君のアクションは選択範囲を指定してアクションを実行するタイプですが、私のは最初にアクションを実行して途中で中止を入
Photoshop和訳
覚え書き。 ■選択範囲 （select） Modify （選択範囲を変更） Contract （縮小） Expand （拡張） Feather （境界ぼかす）
Dreamwevaerテンプレートで三項演算子を使ってQ&Aテンプレートを作る
またまたDreamweaverテンプレートネタです。 Dreamweaverのテンプレートでは三項演算子が使えます。三項演算子とはある条件が一致した場合は左の値、それ以外は右の値を実行する演算子です。記述方法は@@(（条件）?'真の時実行する値':'それ以外の場合実行する値')@@と言う形です。今回はDreamweav
Dremweaverテンプレートでbodyのクラスをトリガーにしてカラムを切り替える
Dreamweaverテンプレート式と言うエントリーにも書きましたが、ドリのテンプレートで属性を編集可能にすると言う機能があります。今回はbodyにclassを与え、それをトリガーにして1カラム、2カラムを切り替える方法をエントリーします。 まず最初に1カラム用、2カラム用のcssを予め用意しておきます。
Dreamwevaerテンプレート式
Dreamweaverのテンプレートでタグに付加するクラスやIDをテンプレートプロパティ画面から入力させるようにする場合、[修正]→[テンプレート]→[属性を編集可能にする]から作成します。この時、属性を付加するタグの直後とhead内に以下のようなDWテンプレートタグが記述されます。 <!-- TemplateP
Dreamweaverで開いてるディレクトリを一括で閉じる
ひょっとしたら意外と知られていない機能かも？と思ってエントリーしてみました。 Dreamweaverで作業を続けてると気づけばファイルパネル内でたくさんのディレクトリが開きっぱなし！てな事になってることも多いかと思います。 これを一気に閉じるにはMacの場合はOptionキー、WinだとCtrlキーを押しながらディレク
PhotoshopとFireworksの連携
Fireworks CS3の機能でPhotoshopファイルを開く時にPhotoshopのエフェクトを再現するPhotoshopライブエフェクトと言う機能があります。 ところがこいつが結構くせ者でして、Photoshopライブエフェクトがかかったファイルをpng形式で保存してしまうとFireworksがクラッシュして二
Mathオブジェクト
いつも忘れてしまうので自分のための覚え書き。 Math.random()...0〜0.999...9までの値をランダムに所得する。Math.floor()は小数点以下を切り捨て、Math.ceil()は小数点以下を切り上げ、Math.round()は少数点以下を四捨五入する。Math.floor(Math.rando
Flash CS3のペンツール
久々のエントリーになります（苦笑） 会社の人間に聞かれて気づいたんですが、Flash CS3ので塗りを指定しているのにも関わらず、ペンツールや鉛筆ツールで描いた場合、塗りが反映されません。矩形ツールで描いた場合はばっちり塗られます。 最終的にバケツツールを使えば塗れるんですが、これって変ですよね？Flash 8では普通
Dreamweaverテンプレート
最近Dreamweaverのテンプレート機能にはまってます。今までほとんど使わなかったんだけど、色々な事が分かってくると非常に楽しい。なんで今まで使わなかったんだ！と思うくらい便利。その中でいくつかメモしておこうと思う。 親テンプレートで属性を編集可能にした場合、その子テンプレートから作られたhtmlファイルでも属性を
Dreameweaverのバグ？
最近はCSSレイアウトがメインのためほとんど使う事の無くなったDreamweaverビヘイビアパネル内から呼び出すスワップイメージ。久々にこのパネルを使う必要があったので使ってみたら...ん？なんか入力エリア小さくない？こんなだっけ？？下段のソースの設定の幅くらいはあったような気がするんですけど...
Dreamweaverスニペットの文字化けを直す
最近DWのスニペットを多用するようになりました。汎用的に使うものはすべてスニペットに登録。作業効率がぐーんとアップしました。 ところがフォルダを作ってフォルダ名に日本語を使うとDWを再起動した時に文字化けしてしまって、せっかく名前をつけたフォルダなのに良く分からなくなってしまう。 スニペットのデータが入ってるフォルダ内
作業効率を高めるDreamweaverの小技 第2回
気づけば第2回が公開されてました。第2回は特定の要素（タグ）を削除したいで、DWの検索/置換機能を主に解説してあります。 僕もCSSテンプレ内にimg { border: none; }を入れてるんだけど、DWの仕様としてimg要素にリンクを貼ると必ずborder="0"記述が入る。根こそぎ取ってもリンクを貼るとまた復