Adobe系ソフトの代替ソフトウェアのまとめ、Photoshop, Illustrator, Lightroom, After Effectsなど | コリス

2019/09/24 999 users Lightroom コリス Illustrator まとめ

Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの... 続きを読む

AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA

2018/07/17 832 users Brackets WeBA Sublime vim 死角

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 フォローアップのまとめ | コリス

2017/11/30 56 users コリス Illustrator イラストレーター Adobe

Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催された Adobe MAX Japan 2017 のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれ... 続きを読む

DreamweaverとBootstrapで作るレスポンシブページ 第1回 「Jumbotronを使ったヒーローエリアのレイアウト」 | Adobe Creative Station

2015/08/17 61 users Bootstrap コードビュー ライブビュー スニペット

2015年6月に公開されたDreamweaver CCの大事な新機能のひとつとして「Bootstrapのサポート」が挙げられます。 DreamweaverだけあればBootstrap制作を開始でき、ライブビューへは[挿入]パネルから、コードビューへは[スニペット]パネルから、Bootstrapのコンポーネントを簡単に取り入れることができるようになりました。 Bootstrapに興味はあるがまだ使っ... 続きを読む

PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG

2015/05/20 140 users CSSコーディング スライス 爆速化 HTML 株式会社LIG

こんにちは。デザイナーのたかあきです。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDre... 続きを読む

フォトショップやイラストレーターはじめるなら「Adobe Pinch In」を要チェック！｜ 起業のことなら起業のツボ

2015/05/04 81 users フォトショップ Illustrator Photoshop

Adobe製品といえば、Photoshop、Illustrator、 Dreamweaverなどがありますが、 実際に使うとなると難しそうだし…と躊躇してしまう人も 多いと思います。 参考書などを購入して勉強するのも良いですが、 実は、Adobe社から公開されている公式の入門サイトがあるのです。 それが「Adobe Pinch In」というサイトです。 ご存知の方も多いとは思いますが、 公式サイト... 続きを読む

2015年最新版、PhotoshopやIllustratorなどAdobe系アプリの便利なショートカットをそれぞれ一枚にまとめたチートシート | コリス

2015/04/27 113 users コリス InDesign Premiere Flash

Photoshop, Illustrator, InDesign, Dreamweaver, Flash, Premiere, After Effects など、Adobe Creative Cloudの各アプリのよく使...記事の続きを読む 続きを読む

更新するのが面倒！サイトの共通部分を簡単に作る様々な方法｜WEB Drawer

2014/08/26 113 users WEB Drawer 共通部分 テンプレー 方法 フッター

サイトにはヘッダーやフッター、ナビゲーション部分など全ページに共通して入る要素があります。 この部分を修正する時はHTMLを全ページ修正するととても手間がかかって大変です。自分のサイトはだいたいCMSで管理しているのでテンプレートを直せばあっと言う間なのですが、それ以外の場合の共通部分を簡単に治す方法を改めて調べてみました。 がんばって直に書いてるものを置換する Dreamweaverのテンプレー... 続きを読む

爆捗！ WordPressテーマ作成ショートカット（5）：知って得するSass/Compassのインストールと使い方 (1/2) - ＠IT

2014/02/25 68 users Sass Compass CMS CSSフレームワーク メイン

爆捗！ WordPressテーマ作成ショートカット（5）：知って得するSass/Compassのインストールと使い方 (1/2) 本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。今回は、SassベースのCSSフレームワーク「Compass」につい... 続きを読む

爆捗！ WordPressテーマ作成ショートカット（1）：Dreamweaverで始めるWordPressサイト構築の基礎知識 (1/3) - ＠IT

2014/02/09 147 users Sass Emmet Zen-Coding Compass

本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」（以下、Dreamweaver）をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」（旧、Zen-Coding）を想定している。 今回は、Dreamwe... 続きを読む

ノンプログラマーに朗報！簡単&無料でありえないくらい美しいサイトが作れるWeb作成ツール - NAVER まとめ

2013/07/13 1224 users Twitter Facebook WordPress 自前

一昔前：ホームページビルダー、Dreamweaverなど 　　　プロ向けツールを駆使して自前でクオリティの低いサイトを作る自己満個人が続出 　　　→一方で挫折者も続出、テンプレ天国時代到来 少し昔：ブログやTwitter、Facebookで代用する人多数 少し前：WordpressやBloggerなどのCMSをSNSと連携させる個人が増える 　　　→挫折者続出、テンプレ祭り到来 最近：コーディング... 続きを読む

「DreamweaverとPhotoshopを使い、神速でスライスする方法」をこけむさズさんで教わってきた | 株式会社LIG

2013/05/10 525 users Photoshop 株式会社LIG 神速 方法

こんにちは。デザイナーのせいとです。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えても... 続きを読む

Dreamweaver歴8年半の僕が3日前にSublime Text 2にしてやったこと |  clear sky source

2013/04/24 425 users sublime text エディタ 直近 あたり 重い腰

これまでかたくなに Dreamweaver を利用していたのですが、CS6 にアップデートしたあたりから動作が重くなり、直近ではもーやってられんとなりましたので重い腰をあげて Sublime Text 2 デビューをはたしました。 これでやっと僕にも春が来るのかなとワクワクしております。 参考にした記事 以下あたりを読みました。 基本 Sublime Text 2ってエディタがすごくイイ。Drea... 続きを読む

PHP学習のススメ：第1回　DreamweaverでPHP | ADC - Adobe Developer Connection

2013/04/19 91 users 敷居 カスタマイズ WordPress ADC 連載

PHPを操れるようになれば、自分でお問い合わせ用のフォームを作成したり、簡単なデータベースシステムを組んだりすることができます。また、PHPはWordPressのカスタマイズにも必須の知識であるため、学習してみたいジャンルの一つではないでしょうか。 しかし、PHPは「プログラム言語」であるため、その敷居は決して低くなく、なかなか学習しにくいのも現実。そこで、この連載ではPHPそのものの紹介というよ... 続きを読む

楽してコーディング！Dreamweaverのテクニックいろいろ | 株式会社LIG

2013/02/18 79 users コーディング ハルエ 株式会社LIG テクニックいろいろ 標準

こんにちは、デザイナーのハルエです。 以前のブログで、Dreamweaverのオススメ拡張機能についていくつか紹介させていただいたのですが、今回はDreamweaverに標準搭載されている隠れた便利機能に付いてご紹介させていただきます。 CS6から導入されてまだまだ浸透されていない機能や、搭載歴は長いのにあまり知られないまま謙虚に過ごしている機能がたくさんあると思うんです。 CSSトランジション ... 続きを読む

DreamweaverでSassファイルを編集するには？ | Webデザインのタネ

2012/11/15 51 users タネ Sassファイル ファイルアイコン webデザイン 認識

DreamweaverでSassファイルを編集しようとすると、テキストファイルという認識になってしまい、CSSのときのようにキーワードに色がついたり、コードヒントは出てきません。CSSと同じようにするには、次のように設定します。 1.アイコンを変える ファイルパネル上では、謎のファイルという認識でDreamweaverのファイルアイコンではありません。ちょっと気持ち悪いのでCSSアイコンになるよう... 続きを読む

HTML・CSS・Sassのコーディング環境 2012 | Webデザインのタネ

2012/11/14 312 users タネ コーディング環境 EmEditor Sass コンパイル

平日7日間ずっとDreamweaverを書いてきました。 今日は僕の現在のコーディング環境を紹介します。 Windows HTML→Dreamweaver CSS→Dreamweaver Sass→EmEditor コンパイル→Console 2 + Compass Mac HTML→Dreamweaver CSS→Dreamweaver Sass→CotEditor コンパイル→ターミナル + ... 続きを読む

作業効率化！Dreamweaverのオススメ拡張機能まとめ | デザイナーブログ | 株式会社LIG

2012/11/12 390 users ハルエ 株式会社LIG デザイナーブログ 作業効率化 最低限

こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamwea... 続きを読む

Sublime Text 2をShift_JISに対応させるプラグインがあると聞いて | REFLECTDESIGN

2012/10/05 159 users REFLECTDESIGN emacs vim エディター

今エンジニア界隈で話題になっているエディター「Sublime Text 2」。プラグインの豊富さは、まだまだVimやEmacsなどには劣りますが、それらエディターのように細かい設定やプラグインをインストールしなくても、ある程度の環境が最初から揃っているなど導入コストが低い点が優れていると言われています。 しかし！ DreamweaverなどのGUIエディターから乗り換える人が多いようですが、それで... 続きを読む

マークアップエンジニア だからうれしい Fireworksの使い方あれこれ

2012/07/06 206 users エンジニア JSer Fireworks まぼろし 松田直樹

マークアップエンジニア だからうれしい Fireworksの使い方あれこれ — Presentation Transcript マークアップエンジニアだからうれしいFireworksの使い方あれこれ株式会社まぼろし 松田直樹 1 自己紹介• まぼろしの松田と申します• デザイン、マークアップ、JSer、 ライティングなど• 主な著書 『効率的なサイト制作のためのDreamweaverの教科書... 続きを読む

MacでコーディングするならCoda2！DreamWeaverから切り替えた使用感などをレビュー！ | PLUS

2012/05/25 240 users 入江慎吾 コーディング Diet Coda plus Mac

福岡を拠点にWebサイト制作・iPhoneアプリ制作を行うフリーランス 入江慎吾のWebサイト。 PLUSはワクワクするWebサービスやiPhoneアプリを制作しています。 Macでは有名なエディタCodaがメジャーアップデートされ、Coda2が出ました！あわせてiPadアプリのDiet Codaも出ていて、iPadでもコーディングができる時代に。DreamWeaverを使っていましたが、前から気... 続きを読む

アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中 － Publickey

2012/05/07 358 users Publickey Brackets アドビ アナウンス 地位

アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画... 続きを読む

誰でも1時間でDreamweaverを使ってウェブサイトが作れるようになる動画チュートリアル。 | Last Day. jp

2012/03/27 828 users Sayobs Last Day. jp 動画チュートリアル

こんにちは@sayobsです。今日紹介するのはAdobeから発売されているドリームウィーバーを使って誰でもHTML/CSSでウェブサイト(ホームページ)を制作する動画チュートリアルを紹介します。 僕も最初はこの動画を見てDreamweaverの使い方を覚えました。英語ですが、凄く分かりやすいですよ。WordPressで自作テーマを作りたい人にもおすすめのチュートリアルです。 1時間で覚えよう Pa... 続きを読む

小規模なWebサイトにぴったり。PHP製のメールフォーム「TransmitMail」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/03/17 554 users MOONGIFT セッション PHP製 ITエンジニア

TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフォームを設置するといった時にぜひお使いください。 0 続きを読む

Dreamweaverの便利なコマンドや拡張機能のまとめ｜WEB Drawer

2012/03/12 598 users コーディング コマンド WEB Drawer まとめ ファイル

コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に... 続きを読む