はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Dreamweaver

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 68件)

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

2019/09/24 このエントリーをはてなブックマークに追加 999 users Instapaper Pocket Tweet Facebook Share Evernote Clip Lightroom コリス Illustrator まとめ

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

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

2018/07/17 このエントリーをはてなブックマークに追加 832 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Illustrator イラストレーター Adobe

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

Dreamweaverで覚える最新Web開発ワークフロー: ライブビューを使ってBootstrapのレイアウト作成 | Adobe Creative Station

2016/11/30 このエントリーをはてなブックマークに追加 25 users Instapaper Pocket Tweet Facebook Share Evernote Clip ライブビュー Bootstrap Ado レイアウト作成 実例

この連載でも取り上げていた Dreamweaver Nextが、先日「Dreamweaver CC 2017」として正式にリリースされました。 今回は新しくなったDreamweaverを使って、Bootstrapのレイアウト作成の実例をご紹介します。 正式版がついにリリース!完全に生まれ変わったDreamweaver CC | Adobe Creative Station サンプルデザイン Ado... 続きを読む

Adobe、コードエディター「Brackets」v1.5を公開。「Dreamweaver」への組み込みを表明 - 窓の杜

2015/10/16 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip Brackets 単体 Adobe 表明 コードエディター

ニュース 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/08/17 このエントリーをはてなブックマークに追加 61 users Instapaper Pocket Tweet Facebook Share Evernote Clip Bootstrap コードビュー ライブビュー スニペット

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

DreamweaverがCC 2015で神進化!もういらない子なんて言わせない! | YouKnow.jp

2015/06/26 このエントリーをはてなブックマークに追加 29 users Instapaper Pocket Tweet Facebook Share Evernote Clip 神進化

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

2015/05/20 このエントリーをはてなブックマークに追加 140 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSSコーディング スライス 爆速化 HTML 株式会社LIG

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

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

2015/05/04 このエントリーをはてなブックマークに追加 81 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォトショップ Illustrator Photoshop

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

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

2015/04/27 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス InDesign Premiere Flash

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

ろまん快道 » 完成!「アドビ・クリエイティブ・スイーツ」

2015/03/13 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip 完成 Illustrator 生業 Photoshop Mac

完成!「アドビ・クリエイティブ・スイーツ」 フリーランスのWebデザイナー松本のブログです。Webのデザイナーを生業としているので、Adobeのアプリケーションはもちろん活用している。 デザインを作るのにはPhotoshop、HTMLを書くのにはDreamweaver、アイコンや図を作るのにはIllustrator…という具合に、仕事をする上で無くてはならないアプリケーションである。 MacのDo... 続きを読む

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

2014/08/26 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip WEB Drawer 共通部分 テンプレー 方法 フッター

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

【ADC MEETUP 08】Adobe Ink&Slideを触ってみた&大量tips集備忘録

2014/07/30 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip Muse Illustrator Photoshop 品川

執筆: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

2014/02/25 このエントリーをはてなブックマークに追加 68 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Sass Emmet Zen-Coding Compass

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

もう同じコードを繰り返さない!SublimeTextのスニペットで快適コーディング! | 株式会社LIG

2013/09/26 このエントリーをはてなブックマークに追加 33 users Instapaper Pocket Tweet Facebook Share Evernote Clip SublimeText 快適コーディング スニペット 切れ端

こんにちは。 小林です。 今日も、SublimeTextの便利な使い方を、一緒に覚えていきましょう。 今回は、「スニペット」についてです。 DreamWeaverやEclipse等のIDEをご利用の方にはおなじみかと思われますが、 まずは、「スニペット」とは何ぞやというところから。 スニペットとは? snippet 【名詞】 切れ端、断片 切れ端や断片で何ができるのかといいますと、例えば、何かもの... 続きを読む

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

2013/07/13 このエントリーをはてなブックマークに追加 1224 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter Facebook WordPress 自前

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

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

2013/05/10 このエントリーをはてなブックマークに追加 525 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop 株式会社LIG 神速 方法

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

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

2013/04/24 このエントリーをはてなブックマークに追加 425 users Instapaper Pocket Tweet Facebook Share Evernote Clip sublime text エディタ 直近 あたり 重い腰

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

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

2013/04/19 このエントリーをはてなブックマークに追加 91 users Instapaper Pocket Tweet Facebook Share Evernote Clip 敷居 カスタマイズ WordPress ADC 連載

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

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

2013/02/18 このエントリーをはてなブックマークに追加 79 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーディング ハルエ 株式会社LIG テクニックいろいろ 標準

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

【Sublime Text 2】改行タグ&ltbr>をDreamweaverでのショートカットと同じようにキーバインドを設定する | バシャログ。

2013/02/13 このエントリーをはてなブックマークに追加 30 users Instapaper Pocket Tweet Facebook Share Evernote Clip コードビュー ishida キーバインド 改行コード 標準

先週末に寝違えて、いまだ首が右にまわらない ishida です。 最近は、Dreamweaver より Sublime Text2 でのコーディング率の方が高くなってきました。 Dreamweaver では、コードビューにて「Shift+Enter」で改行コードが挿入されるのはとても便利でした。 Sublime Text2 では標準でそのような機能がないので、キーバインドを設定して改行コードが簡単... 続きを読む

【Fireworks】スマホサイトに!スライスを偶数にリサイズするコマンド作りました。 | バシャログ。

2013/02/06 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip Fireworks hakoishi 偶数 バシャログ 花粉

今年の花粉は少なめ、て話を聞いたこと無い気がするhakoishiです。 なんかそういうところボジョレーっぽい。 さて、今回はスライスを偶数にリサイズするFireworks機能拡張を作りました。 以前、ソース内の画像サイズを半分にリサイズするDreamweaverコマンドを作ったのですが、 Dreamweaverで画像サイズをリセットするコマンド&半分にするコマンド(Retina対応に便利) 画像サ... 続きを読む

sublime text 2のプロジェクトを設定してみよう|WEB Drawer

2012/12/12 このエントリーをはてなブックマークに追加 37 users Instapaper Pocket Tweet Facebook Share Evernote Clip sublime text WEB Drawer View

Dreamweaverでは「サイトの定義」を使っていたのですが、sublime text 2でもそれに似た機能がないかと思ったら、 Projectというのがありました。 使い方 上のメニューバーのProjectから使います。もし、Side barが表示されない場合は「View」→「Side bar」で表示させて下さい。 やり方はいろいろあるかと思いますが、まず製作するフォルダごとsublime t... 続きを読む

Dreamweaverで原稿流しの様子を撮ってみました | Webデザインのタネ

2012/12/10 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip Fireworks タネ 原稿 テンプレート 適用

普段のブログの原稿を流している様子をそのまま撮ってみました。撮ってみたのは前回の記事です。再生時間は約7分。 2画面分を小さな幅に収めているので、全画面で見ていただくのをおすすめします。 (最近は図が多いのでFireworksでモック1枚作って、原稿を埋め込んでます。) やっていることを大まかに解説すると、 Dreamweaverでテンプレートを適用 テンプレートパラメーターにページタイトルを貼り... 続きを読む

 
(1 - 25 / 68件)