Dreamweaver不要!?テキストエディターデザイナーを助ける「5つのお気に入り」WEBサービス

投稿日:2012-07-24


Screenshot dreamweaver bajo Ubuntu / V1c70r

おはようございます。

会社でもプライベートでも「たまに」ですが

WEB制作もやっております。

 

ただ、わたくし、WEBデザイナー必須の「Dreamweaver」を使いません。

いや、正確に言うと「ほぼ使えません」><

 

「使えない」のか「使わない」のか微妙ではありますが

 

使ってない理由があります

  • 動作が重く感じる
  • 値段が高い
  • 使い方を覚えるのがメンドウ
  • 「レイアウト崩れ」に悩まされた
  • 大規模構築はやらない(できない)

個人的にあまり資金が豊富ではないので

「Dreamweaverとそれが快適に動くPC環境」

を維持しつづける資金的体力がないことが一番大きな理由ではありますが

(職場にはDreamweaverもPCもあります)

もう1つは

「レイアウト崩れ」に悩まされたときに

どうせ「HTMLソースをみて直す」なら「タグ覚えた方がはやくね??」

と思ってしまい。

あまり、というか「ほぼ」

大規模なサイト構築やデザインに凝ったサイトはやらない(できない)し、

割と数ページという少ないページ規模のサイトでもCMSを導入するので

総合的に考えたら自分の範疇では「Dreamweaverは必要ないかな」となり

 

テキストエディターとタグでがんばろう!!

となりました。

(でも、Dreamweaverを知らないだけなので、知ってる人に色々良さを教えてもらいたい!)

 

しかし

テキストエディターにタグをただ書いていくのでは効率が悪すぎます!

Dreamweaverのメリットの1つはこの効率だともおもいます。

 

そこで、テキストエディターデザイナーをサポートしてくれる

タグやCSS、ボタンパーツなどを「生成」する

便利な「WEBサービス」を紹介したいと思います。

 

ブログを書く時にも便利なものもあります!

 

1.[CSS]レイアウトデザインに必須

 
CSS Layout Generator | CSS Creator

 

2.[CSS]サイトデザインに必須

 
オンラインCSSジェネレーター:ちょっとコアなスタイルシート生成ツール – HTMLタグボード

 

3.テーブルタグ作成ツール

 
Web便利ツール/テーブルタグ作成ツール – TAG index Webサイト

 

4.ボタン素材を自動生成

 
ボタン素材 自動生成サイト – ButtonMakerアフラット

 

5.色を決める「カラーピッカー」

 
Color Picker

 

また、便利なものを見つけたら紹介します!!

サポート募集中

この記事はお役に立てましたか。
よかったら、コーヒー ☕ をご馳走いただけたら励みになります。



おすすめのクリエイティブ・コーディング関連カテゴリー

ウェブツール

機能はシンプルなものですが、p5.jsやTone.jsで描画したり音が出たりするので遊んでみてください。
・【Midi Number Tools】:MIDIナンバーから音名と周波数を判定します
・【Delay Time Calculator】:テンポに応じた音符の長さを判定します