Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ

2012/01/23 473 users Dreamweaver タネ webデザイン

タグの閉じ忘れみたいな単純なミスを減らすには手動の入力を減らすことに尽きます！ 僕は細かいことが非常に苦手で、最初に業務でHTML書いたときは閉じ忘れやaltの抜けが多くて泣きそうになったことが何度あったことか＞＜ おかげで、今ではほとんど原稿をHTMLに流し込むときはミスなく進められています。 なるべく手入力でHTMLを書くことを減らすにはZen Codingも使っていますが、Dreamweav... 続きを読む

めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン

2011/12/09 2101 users Excel Webロケッツマガジン HTML生成 一生後悔

お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！  Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCS... 続きを読む

Dreamweaverを使ってWordPressのテーマを簡単カスタマイズ！ | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？

2011/11/18 350 users Dreamweaver デベロッパーセンター カスタマイズ

WordPressテーマをカスタマイズする場合、通常は【編集→ブラウザで確認】というやり方で すると思います。ここ最近テーマを編集することが多くなってきたので、作業効率を考えても現状 の方法がベストと思えなく、色々探していたらこちらに参考になる記事がありました。 Dreamweaver CS5とWordPressを連携させる方法 | デベロッパーセンター 偶然ですが、上記の記事内で私が過去に書いた... 続きを読む

[Dreamweaver] コードビューを　Sublime Textエディタ風な黒い画面になるようコードカラーリングを変更してみた | バシャログ。

2011/10/07 64 users ishida コードビュー Dreamweaver 町内会

明日は娘の幼稚園の運動会、 明後日は町内会の運動会と運動会会な週末を迎えようとしているishidaです。 うむ、間違いなく月曜日は筋肉痛で動けないのでしょう。 さてさて、コーディング用エディタとしてこれまでDreamweaverひとすじだったのですが、 Sublime Text の存在を最近知って、併用しています。 特にコードカラーリングのセンスがよく目にもやさしくて、黒い画面もありだなと。 以下... 続きを読む

[Fireworks]これは便利！Adobe Fireworks CSS3 Mobile Pack | バシャログ。

2011/10/07 68 users Fireworks Dreamweaver フロイト BGM

ここ最近はピンク・フロイドを BGM に就寝している sakai です。どんどん陰気になってきている気がします。 11/12（土）に開催される「CSS Nite in MIYAZAKI Vol.3」に出演させていただくことになりました。 近隣の方、ご都合の合う方いらっしゃいましたら是非。Fireworks や Dreamweaver を使って効率よく Web 制作をするノウハウをご紹介する予定です... 続きを読む

[連載]Webデザイン入門（1日目） | Stocker.jp / diary

2011/09/27 1074 users Stocker.jp diary Dreamweaver

本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの... 続きを読む

レスポンシブwebデザインで制作する時のポイント | Design Spice

2011/09/22 917 users Design Spice レスポンシブWebデザイン 復習

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つ... 続きを読む

Dreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能5つ | バシャログ。

2011/09/08 112 users Dreamweaver hakoishi バシャログ 本日

チーム内のももクロ旋風が留まるところを知りません。 まだメンバーの顔と名前覚えきってないんだけどそんなこと言えないhakoishiです。がんばります。 さて、本日はDreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能を5つほどご紹介します。 Zen Coding これはもう、いわずもがなですね。コーディング効率大幅アップ。 下記よりDreamweaver用のファイルを選択してD... 続きを読む

Gitを使っているWebデザイナー必見。DreamweaverからGitを使える「GITWeaver」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/08/05 65 users MOONGIFT Git TortoiseGit 筆者

そんなGitとWindowsを組み合わせて使う際にはTortoiseGitが便利だが、さらにDreamweaverを使ってデザインをしているならお勧めなのがGITWeaverだ。 0 GITWeaverはTortoiseGit必須のDreamweaver拡張なのでWindows版向けのソフトウェアになる（筆者はMac OSX版しかないためスクリーンショットはMac OSX版になっている）。インスト... 続きを読む

Dreamweaverで古いソースコードをクリーンアップする | バシャログ。

2011/05/19 51 users Dreamweaver バシャログ sakai インデント

G.W. の開始とともにギックリ腰をやってしまい、連休中はずっと寝たきりで激痛と格闘していた sakai です。 温泉にでも行ってのんびりするかー、というささやかな夢すら叶わず無念… 今回は Dreamweaver で古いソースコードをクリーンアップする手順をご紹介します。 元のソースコードはこちら。 タグは大文字だし属性値を引用符で囲ってないし非推奨要素が使われているしインデントはグダグダだし、... 続きを読む

必見。スマートフォン対応、WebベースのHTML5オーサリングソフトウェア「Maqetta」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/04/22 68 users MOONGIFT オーサリングツール IBM ITエンジニア

MaqettaはWebベース、Java製のオープンソース・ソフトウェア。HTMLのオーサリングツールと言えばDreamweaverをはじめとしてローカルソフトウェアで行うのが一般的だ。だがその結果をレンダリングするのはWebブラウザだ。この環境の違いで作りやすさが変わってしまう。 メイン画面 どうせWebブラウザ上で動かすならば、元々Webブラウザ上で作ってしまうのはどうだろう。IBMが開発し、先... 続きを読む

jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

2011/04/13 1467 users バシャログ Java jQuery Mobile 必須スキル

Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしま... 続きを読む

jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上！ － Publickey

2011/04/12 91 users アドビシステムズ Publickey フレームワーク 本命

jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上！ アドビシステムズが昨日発表したDreamweaver CS5.5が、JavaScriptフレームワークの「jQuery Mobile」に対応しました。jQuery Mobileは、HTML5のコーディングのみでWebアプリケーションが開発できる強力なフレームワークで、HTMLの優れたオ... 続きを読む

Dreamweaverのスニペットをショートカットキーに登録して作業効率アップ！ | バシャログ。

2011/03/25 71 users Dreamweaver バシャログ コードビュー スニペット

年末進行からそのまま年度末進行に突入して、そろそろ HP がゼロの sakai です。早く 4 月にならないかな。Dreamweaver を使ってコーディングする場合は、キーボードショートカットを使うベシ！ というエントリーを過去にご紹介しています。Dreamweaverのコードビューでよく使うショートカットDreamweaverでテーブルを組むときによく使うショートカットキー今回は一歩踏み込んで... 続きを読む

DreamweaverからCodaに変えました | Webクリエイターボックス

2010/08/30 778 users CODA Dreamweaver Webデザイナー 使い勝手

Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプしま... 続きを読む

| ＾＾ |秒刊SUNDAY | もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個

2008/07/09 739 users 秒刊SUNDAY Firefox Dreamweaver

2008年07月09日 もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個 Firefoxの強みといえば、やはり膨大な種類と強力なアドオンでしょう。その中でも特に使える、そして開発に役立つアドオンがありますので是非活用してみてください。もうこれでアプリ要らなくなるかもしれません。 ◆DreamWeaverの代わりに『Codetch』 言うならば、DreamWeaver。ブラウザ上... 続きを読む

有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳

2007/06/28 2224 users 有料 ネタ帳 ブックマークまとめ ホームページ デザイン作業

今回はデザインという分野の作業を極力省く為のジェネレータを多く収録。 有料のソフト等と同様の力を持つオープンソースのフリーソフトもプラスしてあります。 WEB制作環境 aptana 優れたWEBページの作成支援ソフトであるDreamweaverと同等の機能を持つオープンソースアプリケーション。 レビュー記事はGIGAGINEで CSSVista CSSVistaというフリーソフト。 Interne... 続きを読む

我的春秋: HTML エディタとしての Carbon Emacs

2006/10/08 120 users エディタ 春秋 Carbon Emacs HTML grep

Dreamweaver などがまだ Intel Mac に対応していないこともあって、目下、色々なエディタを試用しながら、自分に合ったモノを探しています。ポイントは以下の通り。 Intel Mac + Tiger でも動作すること UTF-8 の読み書きに対応 GREP（正規表現検索や置換）ができること シンプルな UI 軽量・軽快なこと 要素・属性・属性値・コメントなどの色分け機能 要素名・属性... 続きを読む

Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE

2006/08/01 1447 users InternetExplorer GIGAZINE 文法

JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。Java... 続きを読む

入門！Dreamweaver使い方講座 - ホームページ作成支援

2006/02/28 272 users 入門 Dreamweaver 文法 タブー 事柄

初心者用に講座を設け、Dreamweaverを使用したWEBサイト（ホームページ）作成を支援しています。その他、文法やタブー、CSSについても説明。入門！Dreamweaver（ドリームウィーバー）使い方講座へようこそ！このサイトでは、Dreamweaverを使用した基礎や、WEBに関する事柄を掲載しています。もし今読んでいるこの文が表示されたら、他のブラウザ、又はそのブラウザの最新版でご覧になる... 続きを読む