タグ Dreamweaver
人気順 10 users 50 users 100 users 500 users 1000 usersAdobe系ソフトの代替ソフトウェアのまとめ、Photoshop, Illustrator, Lightroom, After Effectsなど | コリス
Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの... 続きを読む
AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA
schedule2018.07.16 公開 folderFrontend local_offer Appweb-design 概要 この記事はAtom、Sublime、ついでにBracketsなどのユーザに向けたVS CODEの布教記事です。VimやDreamweaver、JetBrains系エディタを使っているユーザのことはあまり考えてません。 VS CODE とは VS CODE (正式名称 Visual Studio Code) (以下、C... 続きを読む
Adobe XD, Photoshop, Illustratorの注目情報が満載!Adobe MAX Japan 2017 フォローアップのまとめ | コリス
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催された Adobe MAX Japan 2017 のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれ... 続きを読む
Dreamweaverで覚える最新Web開発ワークフロー: ライブビューを使ってBootstrapのレイアウト作成 | Adobe Creative Station
この連載でも取り上げていた Dreamweaver Nextが、先日「Dreamweaver CC 2017」として正式にリリースされました。 今回は新しくなったDreamweaverを使って、Bootstrapのレイアウト作成の実例をご紹介します。 正式版がついにリリース!完全に生まれ変わったDreamweaver CC | Adobe Creative Station サンプルデザイン Ado... 続きを読む
Adobe、コードエディター「Brackets」v1.5を公開。「Dreamweaver」への組み込みを表明 - 窓の杜
ニュース Adobe、コードエディター「Brackets」v1.5を公開。「Dreamweaver」への組み込みを表明 今後も「Brackets」単体での無償提供は続けられる (2015/10/16 17:54) 「Brackets」v1.5 米Adobe Systems Incorporatedは15日(現地時間)、オープンソースのコードエディター「Brackets」の最新版v1.5を公開した。... 続きを読む
DreamweaverとBootstrapで作るレスポンシブページ 第1回 「Jumbotronを使ったヒーローエリアのレイアウト」 | Adobe Creative Station
2015年6月に公開されたDreamweaver CCの大事な新機能のひとつとして「Bootstrapのサポート」が挙げられます。 DreamweaverだけあればBootstrap制作を開始でき、ライブビューへは[挿入]パネルから、コードビューへは[スニペット]パネルから、Bootstrapのコンポーネントを簡単に取り入れることができるようになりました。 Bootstrapに興味はあるがまだ使っ... 続きを読む
DreamweaverがCC 2015で神進化!もういらない子なんて言わせない! | YouKnow.jp
life of one's own lifehackデザイン制作会社の新入社員 デザイナーと趣味でサイト制作 詳しい詳細はこちら CATEGORYMac (3)WEB製作 (9)その他 (1)アプリ (2)ガジェット (3)ゲーム (3)スマートフォン (2)デザイン (10)日記 (2)紹介 (11) TAGmac (3)Photoshop (3)SublimeText (1)WEBサービス (... 続きを読む
PSDデザインカンプのスライス不要!DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG
こんにちは。デザイナーのたかあきです。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDre... 続きを読む
フォトショップやイラストレーターはじめるなら「Adobe Pinch In」を要チェック!| 起業のことなら起業のツボ
Adobe製品といえば、Photoshop、Illustrator、 Dreamweaverなどがありますが、 実際に使うとなると難しそうだし…と躊躇してしまう人も 多いと思います。 参考書などを購入して勉強するのも良いですが、 実は、Adobe社から公開されている公式の入門サイトがあるのです。 それが「Adobe Pinch In」というサイトです。 ご存知の方も多いとは思いますが、 公式サイト... 続きを読む
2015年最新版、PhotoshopやIllustratorなどAdobe系アプリの便利なショートカットをそれぞれ一枚にまとめたチートシート | コリス
Photoshop, Illustrator, InDesign, Dreamweaver, Flash, Premiere, After Effects など、Adobe Creative Cloudの各アプリのよく使...記事の続きを読む 続きを読む
ろまん快道 » 完成!「アドビ・クリエイティブ・スイーツ」
完成!「アドビ・クリエイティブ・スイーツ」 フリーランスのWebデザイナー松本のブログです。Webのデザイナーを生業としているので、Adobeのアプリケーションはもちろん活用している。 デザインを作るのにはPhotoshop、HTMLを書くのにはDreamweaver、アイコンや図を作るのにはIllustrator…という具合に、仕事をする上で無くてはならないアプリケーションである。 MacのDo... 続きを読む
更新するのが面倒!サイトの共通部分を簡単に作る様々な方法|WEB Drawer
サイトにはヘッダーやフッター、ナビゲーション部分など全ページに共通して入る要素があります。 この部分を修正する時はHTMLを全ページ修正するととても手間がかかって大変です。自分のサイトはだいたいCMSで管理しているのでテンプレートを直せばあっと言う間なのですが、それ以外の場合の共通部分を簡単に治す方法を改めて調べてみました。 がんばって直に書いてるものを置換する Dreamweaverのテンプレー... 続きを読む
【ADC MEETUP 08】Adobe Ink&Slideを触ってみた&大量tips集備忘録
執筆:Daily GIF89a編集部 ©ADC MEETUP ROUND 08 2014年7月30日、品川、コクヨホールでWebデザイナーを対象に、「ADC MEETUP 08」がアドビ システムズ株式会社主催で開催された。Webデザインに役立つ機能を中心に、PhotoshopやIllustrator、Dreamweaver、Museなどの素晴らしいtipsを公開するセッションが行われた。本記事で... 続きを読む
爆捗! WordPressテーマ作成ショートカット(5):知って得するSass/Compassのインストールと使い方 (1/2) - @IT
爆捗! WordPressテーマ作成ショートカット(5):知って得するSass/Compassのインストールと使い方 (1/2) 本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。今回は、SassベースのCSSフレームワーク「Compass」につい... 続きを読む
爆捗! WordPressテーマ作成ショートカット(1):Dreamweaverで始めるWordPressサイト構築の基礎知識 (1/3) - @IT
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」(以下、Dreamweaver)をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」(旧、Zen-Coding)を想定している。 今回は、Dreamwe... 続きを読む
もう同じコードを繰り返さない!SublimeTextのスニペットで快適コーディング! | 株式会社LIG
こんにちは。 小林です。 今日も、SublimeTextの便利な使い方を、一緒に覚えていきましょう。 今回は、「スニペット」についてです。 DreamWeaverやEclipse等のIDEをご利用の方にはおなじみかと思われますが、 まずは、「スニペット」とは何ぞやというところから。 スニペットとは? snippet 【名詞】 切れ端、断片 切れ端や断片で何ができるのかといいますと、例えば、何かもの... 続きを読む
ノンプログラマーに朗報!簡単&無料でありえないくらい美しいサイトが作れるWeb作成ツール - NAVER まとめ
一昔前:ホームページビルダー、Dreamweaverなど プロ向けツールを駆使して自前でクオリティの低いサイトを作る自己満個人が続出 →一方で挫折者も続出、テンプレ天国時代到来 少し昔:ブログやTwitter、Facebookで代用する人多数 少し前:WordpressやBloggerなどのCMSをSNSと連携させる個人が増える →挫折者続出、テンプレ祭り到来 最近:コーディング... 続きを読む
「DreamweaverとPhotoshopを使い、神速でスライスする方法」をこけむさズさんで教わってきた | 株式会社LIG
こんにちは。デザイナーのせいとです。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる!」ということを実感いたしました。 そこで教えても... 続きを読む
Dreamweaver歴8年半の僕が3日前にSublime Text 2にしてやったこと | clear sky source
これまでかたくなに Dreamweaver を利用していたのですが、CS6 にアップデートしたあたりから動作が重くなり、直近ではもーやってられんとなりましたので重い腰をあげて Sublime Text 2 デビューをはたしました。 これでやっと僕にも春が来るのかなとワクワクしております。 参考にした記事 以下あたりを読みました。 基本 Sublime Text 2ってエディタがすごくイイ。Drea... 続きを読む
PHP学習のススメ:第1回 DreamweaverでPHP | ADC - Adobe Developer Connection
PHPを操れるようになれば、自分でお問い合わせ用のフォームを作成したり、簡単なデータベースシステムを組んだりすることができます。また、PHPはWordPressのカスタマイズにも必須の知識であるため、学習してみたいジャンルの一つではないでしょうか。 しかし、PHPは「プログラム言語」であるため、その敷居は決して低くなく、なかなか学習しにくいのも現実。そこで、この連載ではPHPそのものの紹介というよ... 続きを読む
楽してコーディング!Dreamweaverのテクニックいろいろ | 株式会社LIG
こんにちは、デザイナーのハルエです。 以前のブログで、Dreamweaverのオススメ拡張機能についていくつか紹介させていただいたのですが、今回はDreamweaverに標準搭載されている隠れた便利機能に付いてご紹介させていただきます。 CS6から導入されてまだまだ浸透されていない機能や、搭載歴は長いのにあまり知られないまま謙虚に過ごしている機能がたくさんあると思うんです。 CSSトランジション ... 続きを読む
【Sublime Text 2】改行タグ<br>をDreamweaverでのショートカットと同じようにキーバインドを設定する | バシャログ。
先週末に寝違えて、いまだ首が右にまわらない ishida です。 最近は、Dreamweaver より Sublime Text2 でのコーディング率の方が高くなってきました。 Dreamweaver では、コードビューにて「Shift+Enter」で改行コードが挿入されるのはとても便利でした。 Sublime Text2 では標準でそのような機能がないので、キーバインドを設定して改行コードが簡単... 続きを読む
【Fireworks】スマホサイトに!スライスを偶数にリサイズするコマンド作りました。 | バシャログ。
今年の花粉は少なめ、て話を聞いたこと無い気がするhakoishiです。 なんかそういうところボジョレーっぽい。 さて、今回はスライスを偶数にリサイズするFireworks機能拡張を作りました。 以前、ソース内の画像サイズを半分にリサイズするDreamweaverコマンドを作ったのですが、 Dreamweaverで画像サイズをリセットするコマンド&半分にするコマンド(Retina対応に便利) 画像サ... 続きを読む
sublime text 2のプロジェクトを設定してみよう|WEB Drawer
Dreamweaverでは「サイトの定義」を使っていたのですが、sublime text 2でもそれに似た機能がないかと思ったら、 Projectというのがありました。 使い方 上のメニューバーのProjectから使います。もし、Side barが表示されない場合は「View」→「Side bar」で表示させて下さい。 やり方はいろいろあるかと思いますが、まず製作するフォルダごとsublime t... 続きを読む
Dreamweaverで原稿流しの様子を撮ってみました | Webデザインのタネ
普段のブログの原稿を流している様子をそのまま撮ってみました。撮ってみたのは前回の記事です。再生時間は約7分。 2画面分を小さな幅に収めているので、全画面で見ていただくのをおすすめします。 (最近は図が多いのでFireworksでモック1枚作って、原稿を埋め込んでます。) やっていることを大まかに解説すると、 Dreamweaverでテンプレートを適用 テンプレートパラメーターにページタイトルを貼り... 続きを読む