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

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

Posted on 2008年11月14日 | 1 Comment| Clip to Evernote

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

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

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

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

↑クリックで拡大

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

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


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

« | »

6 Comments for this entry

  • さん

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

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

  • 国際結婚SE

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

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

  • 唯奈

    >さんさん
    作者HPはよく繋がらない状態になってるんですよね(;´▽`A“
    ベクターに行った方が早いかもです(;´▽`A“
    CSSは慣れると便利ですよ^^v

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

  • cyah

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

  • 唯奈

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

ADgger

堅実に儲かるアフィリエイト

サイトの歩み

2014年2月27日に6周年を迎えます
5周年まであと…