人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートについての質問です。
CSSファイルの作成の際に使っているソフトや、ツール、管理方法などを紹介してください。

自分はこういう風にCSSファイルを作成、管理している!というような報告レポートでも結構です。

ポイントは高めに設定します。


●質問者: silentlion
●カテゴリ:ウェブ制作
✍キーワード:CSS スタイルシート ソフト ファイル ポイント
○ 状態 :終了
└ 回答数 : 9/9件

▽最新の回答へ

1 ● izayoimizuki
●30ポイント

CSSエディタにソースを汚されるのが嫌なので

EmEditorによる強調表示を利用して作成しています。

最悪メモ帳やviでも何とかできるようにインデントを行っています。


管理は

インデント

分かり易いID,Classネーミング

@includeを利用した共通部分の統一

という古風な管理スタイルです。

◎質問者からの返答

わかりやすさを意識して管理しているんですね。

参考になりました♪


2 ● andi
●50ポイント

http://ringonoki.net/tool/html/topstyle.html

自分は基本的に普通のエディタでゴリゴリ書いちゃうのですが、以前はこのソフトを使っていたことがあります。

軽いしプロパティなどもあまり悩まずに設定できるので非常に便利ですよ。


CSSファイルの作成はお恥ずかしながら、基本的に1枚のファイルに全ての定義をぶち込んでしまうタイプですが、そのファイル中で上部は全体定義、中部はレイアウト定義、下部は個別定義という風に分けて書くようにしています(だんだんとゴチャゴチャしてくるのでそれぞれ別ファイルにして@importした方が良いと思いますが)。

◎質問者からの返答

Top Styleは有名ですよね。

Proの評判も聞いてみたい所です。

上・中・下と分けて作るのはわかりやすくて良いですね。


3 ● borin
●30ポイント

http://www.macromedia.com/jp/software/dreamweaver/

Adobe - Dreamweaver 8

私はCSSファイルに関してはDreamweaverを使っています。

載せたサイトよりも旧バージョンになりますが、

それでもなんら困ることはなく、スムーズに使えていますよ。


CSS作成にも時間がかかりませんし、

私としては使い勝手のいいソフトです。

◎質問者からの返答

Dreamweaverは、ちょっと管理がわかりにくくないで吸うか?ID,Classごとに分けて管理できると文句なしなんですけど。


4 ● wakufactory
●30ポイント

http://chrispederick.com/work/webdeveloper/

Web Developer Extension

FirefoxのプラグインにWebDeveloperというのがあります(URL)。これはいろいろな機能があるのですが、そのなかに開いてるページのCSSを編集する機能があって、変更がリアルタイムに表示に反映されます。

これを使うと実際の画面を見ながらcssの修正が可能です。実際に修正を反映するには、cssを保存し直してサーバに反映させる必要があります。

◎質問者からの返答

FirefoxはCSS編集用として使ってます。

CSSの構造を解析するのに便利ですよね。


5 ● kurupira
●10ポイント

私は別ファイルに作成しました。ビルダーなら簡単に作成出来ます。

あとはメモ帳で開いて、フォントの色を変更したりしました。

◎質問者からの返答

CSS作成に役立つ方法として具体的な方法が知りたいです。ビルダーとは、HomepageBuilderのことですか?


1-5件表示/9件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ