病的溺愛シンドローム > web制作者のメモ帳 > お役立ちツール > スタイルシートの作成に便利なフリーソフト

スタイルシートの作成に便利なフリーソフト

Posted on 2008年11月14日 | 5 Comments

あたしはhtmlの作成にはDreamweaverを使ってるけど
スタイルシート(css）の作成はフリーソフトでやってる。
Dreamweaverだとタグをちゃんと把握してないと作れないけど、
ほぼクリックだけでW3Cに準拠した正しいスタイルシートが作成できてしまう素敵なソフトが無料で存在する。
あたしの使ってる便利なソフトを紹介。

「STYLE NOTE」というhtml/cssエディタ。
http://www.wht.mmtr.or.jp/~riki/

idやclassを作ったら{}の中をクリックすると右側に項目がずらり。
必要なものを選択して入力するだけの簡単操作。
タグ打ちでありがちなスペルミスともおさらば♪
カラーセンサーやリンクセンサーなどの機能で、
WordPressテーマのようななが～いCSSの中から修正したい場所を探すのにも便利。

このブログで使ってるテーマのCSSを開くとこんな感じ↓

↑クリックで拡大

勿論htmlも作れる。
でもスタイルシートの作成が抜群に便利かな。

サイトに繋がらない時はVectorからダウンロードできます。

Bookmark and Share

関連記事：

タグ: , , , , , ,

この記事は 2008年11月14日金曜日 の 2:30 AM に書きました。　
この記事のフィードはRSS 2.0で購読できます。

« | »

5 Comments for this entry

  • さん
    11月 14th, 2008 on 5:19 AM

    ちょうど、ｃｓｓの勉強始めたところだったので（なんせｃｓｓなんてなかったころの育ちなもんで、ギャップに苦しんでるおやじです）使ってみます。

    それにしても作者のＨＰつながらない。。。

    返信
  • 国際結婚SE
    11月 14th, 2008 on 8:17 AM

    おお、(ﾟOﾟ)
    便利そうですね。

    エディタは秀丸→サクラと使って、統合環境も含めてそれ以外のエディタにどうも慣れなくて不便していますが、今度使ってみます。

    返信
  • 唯奈
    11月 14th, 2008 on 12:44 PM

    ＞さんさん
    作者ＨＰはよく繋がらない状態になってるんですよね(;´▽｀A“
    ベクターに行った方が早いかもです(;´▽｀A“
    CSSは慣れると便利ですよ＾＾ｖ

    ＞国際結婚SEさん
    秀丸は有名ソフトですねぇ。
    あたしはcgiやphpの編集にはTeraPad使ってます。
    （あ、これも記事になるなｗ）
    フリーソフト大好きヽ(´ー｀)ノ

    返信
  • cyah
    11月 14th, 2008 on 9:57 PM

    プロバイダの提供するスタイルシートいじるのにも使えますかね？もっともほとんどHTMLいじった事のない私が、下手に手を出すと自滅しそうですが。（笑）
    ホームページ作る頃は、ソフト任せでHTMLやらタグやらあまり意識しなくとも作る事が出来た気がするのですが、ブログ全盛になってカスタマイズしようとなると、逆にこの辺理解しないと出来なくなる。ある意味歴史を逆行しているみたいな気がします。

    返信
  • 唯奈
    11月 14th, 2008 on 10:30 PM

    ＞cyahさん
    レンタルブログでもスタイルシートをコピペしてローカルに保存して編集すれば、エディタ使っていじれますよ。
    いじる前の状態も別名で保存しておけば、失敗しても安全です。
    いじろうと思うと、普通のhtmlのホームページよりブログの方が難しいですよね。
    ローカルで１ページずつ作ってアップするより、ブラウザで記事が作成できちゃうブログの方が便利なんですけどねぇ。

    返信

コメント

XHTML:タグが使えます：　<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:zzz: :wink: :v: :uwa-n: :un: :twisted: :sikusiku: :rose: :roll: :photo: :oteage: :oops: :obake: :niyari: :nice: :naku: :munekyun: :mrgreen: :meramera: :lovelove: :love: :lol: :ke: :kanpai: :kaminari: :kame: :ikari: :ice: :hint: :heart: :hatena: :gurume: :gun: :evil: :ehe: :denden: :cry: :check: :cat: :bye: :boon: :blue: :bikkuri: :be-: :ashi: :ase: :arrow: :akubi: :?: :-| :-x :-o :-P :-D :-? :) :( :$: :!: 8-O 8)

ビールをおごる

Image of a beer - if this shows instead of the picture, you did not install the plugin corectly
181 Beers Received

サイトの歩み

2011年2月27日に3周年を迎えます
3周年まであと…

レキシ…

オープンから
2 years and 22 days 経過。
68.7% done