PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて
Dreamweaverに装備されている共同編集機能「チェックイン・チェックアウト」について | 埼玉県熊谷市 Webデザイン・企画・制作「デザイン事務所｜エイビッツ」
Dreamweaverには昔から装備されているチェックイン・チェックアウト機能。 その機能の存在は知っていましたが、SOHO・個人事業では複数人で同一のサイトデータを同時に編集するなんてことはまずない。 それ以前の会社員時代であってもコーディングや更新業務はたった一人での作業でしたので、一度も使うことなく今まで来てしまいました。 それがここに来て必要に迫られることになり・・・万が一のミスも許されない状況となってしまったので今更ながらお勉強です。 チェックイン・チェックアウト機能。 要するに、複数人で同一のWEBサイトの更新などする際に編集するファイルの新旧がお互い分かるように、バッティングして編集してしまわないように、編集をはじめたら印をつけて他の人が編集できないようにしておきましょう！？と言う機能。 このチェックインとチェックアウトの言葉がどうにも逆に思えてしまい、深く考えずに叩き込みま
Dreamweaverで始めるWordPressサイト構築の基礎知識
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」（以下、Dreamweaver）をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」（旧、Zen-Coding）を想定している。 今回は、Dreamweaverの概要と最新版Dreamweaverの新機能、WordPressの概要、Dreamweaver＋WordPressの環境構築を行う際に必要な初期設定などを紹介していこう。 そもそもDreamweaverとは、なぜDreamweaverを使うのか DreamweaverはWebサイト／Webアプリケーションの制作ツールだ。HTMLエディタという見方をすれば非常に動作が重そうで、他の軽量なエデ
これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや！間違いない！」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語？？」ってことと、「インストールが上手くいかない！コマンドプロンプト使い方わからない！Dreamweaver（以下DW）動かない！GUIソフトってなに！？」ってことです。
[Dreamweaver] CS6でオススメの拡張まとめ | Cappee Design
こんにちは、@cappeeです。 リカバリ後、後回しにしていたDreamweaverの拡張機能のことを思い出して色々と調べてみました。 調べたところたくさん記事はあるのですがDreamweaverの対応しているバージョンが古かったり、CS6にはすでにデフォルトで機能があったりと整理が必要そうだったので、Dreamweaver CS6 でオススメの拡張を自分なりにまとめました。他にオススメがあればぜひ教えてください！ コーディング効率化：Zen-Coding なにわともあれまずZen-Codingは入れておかないと始まらないですね。コーディングの効率化には必須の拡張です。 下記の一覧より「Zen Coding for Dreamweaver（バーション）」をダウンロードし、mxpファイルをダブルクリックすると「Adobe Extension Manager」が開くので、承諾してインストールす
Dreamweaver CS5.5でスマホアプリ作ってみた (1/3)
たった1年で新バージョンの登場となったDreamweaver（関連記事）。5月下旬発売の「Dreamweaver CS5.5」はCS5からのアップグレードでも1万5750円という価格設定に驚かされる。だが、ベータ版を触って価格以上に驚いたのがスマートフォン対応機能の“本気度”だ。 Dreamweaver CS5.5では、オープンソースのJavaScriptフレームワーク「jQuery Mobile」をテンプレート的に利用することで、iPhoneやAndroidに最適化されたスマートフォンサイトをわずか数ステップで作れてしまう。jQuery Mobileは、iPhone/Android/Windows Phone/BlackBerryなどで利用できるクロスプラットフォーム設計のフレームワーク。以下のようなシンプルなスマートフォンサイトなら、PhotoshopもFireworksも使わず、Dr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2015年最新版、PhotoshopやIllustratorなどAdobe系アプリの便利なショートカットをそれぞれ一枚にまとめたチートシート
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
WORKS ONLINE BOOK STOREの移管に関して