PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて
DreamweaverでEclipseライクなコード編集ができる拡張機能を作りました。 | Yoropan blog
Eclipseのようにコードの移動や複製がやりたかったので作りました。 提供する機能は以下のとおりです。 Code-delete：選択行のコードを削除します。 Code-move-up：選択行を１行上に移動します。 Code-move-down：選択行を１行下に移動します。 Code-duplicate-up：選択行を上に複製します。 Code-duplicate-down：選択行を下に複製します。 確認環境：windows xp sp3、Dreamweaver 8～CS5 ダウンロードはこちら CodeEditUtils.zip 確認環境：windows7、Dreamweaver CC zxp版のダウンロードはこちら CodeEditUtils.zxp Zipファイルを解凍するとMXPファイルができますので開いてインストールしてください。 「メニューを更新できません。拡張機能はインストー
条件付きコメント内のパスをDreamWeaverのテンプレートに認識させる - SUSH-i LOG
IE6対応をしていると時々条件付きコメントを使って、特定のブラウザ･･･主にIE6ですが･･･だけに読み込ませたいJavaScriptやCSSを記述すると、DreamWeaver内ではコメントと扱われてしまうため、パスが通らなくなってしまい面倒だったので、色々と試してみました。 条件付コメントとは 条件付コメントとは、IEだけに解釈されるHTML内に記述することが出来る条件分岐の記述のことです。 実際には下記のように記述します。 <!--[if IE 6]> ここはIE6のみ表示 <![endif]--> この様に、通常のブラウザではコメントアウトと認識され、特定のブラウザだけ表示させられる仕組みです。 google-code-prettifyでもコメントアウトと扱われてしまっていますね。 使用例 例えばIE6だけに読み込ませ実行させたい、pngfixのライブラリであったり、印刷用のCSS
Dreamweaverがクソ重い場合にチェックする項目 | Moral Hazard!! | モラルハザード!!
確認・・・Dreamweaver cs4以降 ■Dreamweaverのプレビューがクソ重い。■ 原因１・・・cssのid,class名に「-(ハイフン)」を使っている。 id,class名に記号の上では「マイナス」と同じハイフンを使うと、Dreamweaverがこれをマイナス要素かどうかいちいちチェックするので遅くなる。 （ソース） 対処法・・・id,class名にハイフンを使わない。 ソースには「ハイフン」を「_（アンダーバー）」に差し替えるなどの対処法が書いてあるが、かなり古いブラウザの場合はアンダースコアさえ認識しない場合があるので、一応心に留めておく。 ちなみに僕はセレクタ名が長くなる場合はキャメルケースで書いてます。 wrapperLeftContainer みたいな。 ただcssではIE5以下は大文字を解さないので、同じクラスタ名で大文字小文字の使い分けはできない。 原因２・
Adobe Protoで作ったワイヤーフレームをPC上のDreamWeaverとかで開く方法 - undoのブログ
まるでスケッチブックに書くように、webサイトのインタラクティブワイヤーフレームを直感的に作れちゃうアプリ Adobe Proto ですが、このアプリで作ったワイヤーフレーム.proファイルをPC上で開く方法がわかりました。 情報元：Adobe Forums： Can I open Proto files in Dreamweaver? ※Adobe Protoとは http://www.adobe.com/jp/products/proto.html iOS/Androidで提供されているワイヤーフレーム作成アプリです。タブとかアコーディオンメニューとかdivとか動画とか、いろんな要素をぽんぽん並べて拡縮して文字書いて、って感じで簡単にレイアウトを作れます。プレビューモードでは実際にボタン等をクリックして動作を見ることもできます。 この記事ではiOS版Adobe Protoでワイヤ
Dreamweaverの便利なコマンドや拡張機能のまとめ
コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード
Adobe Dreamweaver CS3 拡張機能 for Movable Type 4.1 - ブログ | CMSプラットフォーム Movable Type ドキュメントサイト
アドビ システムズ株式会社より Adobe Dreamweaver CS3 拡張機能 for Movable Type 4.1 発表されました。過去にも Dreamweaver 用の Movable Type 機能拡張が提供され、好評をいだいており、新バージョンへの対応に関するたくさんの要望をいただいておりました。 Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて 今回もシックス・アパートが開発に協力し、mt: で始まるテンプレートタグの記法など新しい機能にも対応するなど、様々な機能が追加されています。 コードヒント機能 ブロックタグなら <MT または <mt: ファンクションタグに限定するなら <$ と入力すると MT タグの候補リストが表示されます。候補はインクリメンタルに検索され、入力が進む度に絞り込まれてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com