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

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

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

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

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

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

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でアプリへの書き出しまで出来てしま... 続きを読む

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

2006/08/01 1447 users InternetExplorer GIGAZINE 文法

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

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

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

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

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

2011/09/27 1074 users Stocker.jp diary Photoshop 連載

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

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の... 続きを読む

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

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

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

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... 続きを読む

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

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

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

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

2010/08/30 778 users CODA Webクリエイターボックス Webデザイナー 特徴

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

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

2008/07/09 739 users 秒刊SUNDAY Firefox Web開発 アプリ アドオン

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

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

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

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

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

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

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

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

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

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

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

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

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

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... 続きを読む

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

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

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

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

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

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

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

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

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

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使い方講座 - ホームページ作成支援

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

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

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を使っていましたが、前から気... 続きを読む

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

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

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

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

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

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