DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
Wordpressのコードヒントが出るDreamweaverの拡張機能 « きんくまデザイン｜デザインを生かしたプログラミング
11/10/22更新 CS5.5だとうまくいかないとのコメントがあり、調べてみました。 取り急ぎ、動くように修正しました。 WordPressCodeHints.xml 解凍したファイルを下記のパスになるようにいれてください。 Winの人は似たパスのところにおけば動くと思います。 /Applications/Adobe Dreamweaver CS5.5/Configuration/CodeHints/WordPressCodeHints.xml ※注意 何年か前に作ったものなので、コードヒント自体が古いものになっています。 下記のページから、関数をひろってきて、上のxmlデータを上書きすれば最新のものになります。 http://codex.wordpress.org/Function_Reference Perl,Ruby,Pythonなどがあやつれれば、上のリンクから必要な部分を拾って
「Adobe Dreamweaver CS5」を試す -WordPressのテーマ改造CMS編
前回の記事までは、CSSを一切書かないで、CSSのプロパティを書く程度の作業だった。エディタ上でがつがつコードを書いていくのに比べて、楽に作業ができたと思う。今回、WordPressのテンプレートフレームワークのカスタマイズを行なうため、大部分をマウスだけでというわけにはいかないが、「Dreamweaver CS5」の恩恵を受けつつ、作業を進めていきたい。 「Adobe CS5」体験版はこちらから 今回行うのは下記のカスタマイズだ。 ・メインコンテンツ部分をmain-wrapperというidをつけたdivで囲う ・ロゴを画像にする 今までWordPressのテンプレートを多少いじったことがある人なら、「なんだそんなこと」と思うかもしれない。例えば、メインコンテンツ部分をdivタグで囲いたい場合は単にdivで囲えばいいし、ロゴを画像にしたければ、既存のロゴのテキスト部分をimgタグで置き換え
制作でDreamweaverを使うときに便利な、ワークスペースごとの基本機能のまとめ | Mnemoniqs Web Designer Blog
制作でDreamweaverを使うときに、知っておきたい基本機能をワークスペースの各要素ごとにまとめてみました。ほんと基本的なことばっかりですが、意外と知らないまま使ってたっていう同僚もいたので。あんまり活用してないところがあれば、確認しておくのもいいかと思います。 目次 ワークスペースのレイアウト ファイルパネル ドキュメントウィンドウ コーディングツールバー ステータスバー 挿入パネル 検索および置換 プロパティインスペクター ワークスペースのレイアウト 僕のDreamweaverCS3はこんなワークスペースのレイアウトとなっております。結果パネルだけポップアップ。 (クリックで拡大) [スタイルレタリングツールバー]と[標準ツールバー]はほとんど使わないので非表示にしています。[挿入パネル]は必要なときだけオープン。 レイアウトは人ぞれぞれなので一番使いやすいかたちで。 ファイルパ
【Dreamweaver】最近の head 周りでよく使うコードスニペット | バシャログ。
パンダ、ペンギン･･･次はシマウマかな？と予想する Latin です。 英語だからゼブラアップデートって所でしょうか？ さて今回ですが、最近のコーディング周りで使う機会の多い OGP や js 系のソースのスニペット化についてです。 今回はヘッダー周り限定なので、コピペすりゃすぐ解決しそうな気もしますが、スニペット化すればいろんな応用ができますよという意味も含めてお届けしたいと思います。 →Dreamweaver のスニペット登録についての記事はこちら 今回の前提条件ですが HTML5、CSS3、modernizr.jsを使う前提のフォーマットです。 記述やファイルの階層などは独自のモノですので、自分の環境に合うように改変してください。 目次 [Dreamweaver]最近の head 周りでよく使うコードスニペット html 要素に modernizr.js 向け記述とソーシャル向け x
DreamweaverとWordPressを連携させてテーマを編集する方法
dreamweaverCS5からはWordPress（他にも一部のCMS）との連携が更に強化されました。今までは特に連携させずテーマ編集をしてたのですが、作業効率が上がるかもと試しで設定をしてみました。 dreamweaverCS5からはWordPress（他にも一部のCMS）との連携が更に強化されました。 今までは特に連携させずテーマ編集をしてたのですが、 作業効率が上がるかもと試しで設定をしてみました。 MAMPインストール WordPressインストール DreamweaverとWordPressの連携 WordPressテーマの編集 WordPressのコードヒント はじめに 私の環境はMacで、DreamweaverCS5を使用してます。 ただしwindows環境でもファイルのパス等が変わるくらいで設定方法は変わらないと思います。 また私はMAMPの環境設定でDocument R
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dreamweaverのコードカラーリングまとめ | Webデザインのタネ
dreamweaver.cc
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog