CSSデザインツールを教えて下さい。

私はプログラミングは得意です。(もう何百万行書いてきたか覚えていません)
なのでHTMLなんて寝ながらでも書けるのですが、
CSSが苦手なのです。

例えば、<画像><画像の説明>、というパーツがあった場合、
<画像の説明>を<画像>の上下中央に配置したいけど、やり方が分からない
→ググル
→display: table-cell;でvertical-align: middle;すればいいよ
→やってみる
→崩れる
→またググル
の繰り返しです。
たったこれだけのCSS編集に１時間もかかってしまいます。

そこで、部分的なパーツをスタイリッシュにGUI操作＋値指定などで、
楽に作成できるCSSデザインツールを探しています。

よくある、テンプレートを選んで中の文字や画像を差し替えて・・・、といった類のものではなく、
もう少し細かい粒度(例 <div><img><span></span></div>の全体をターゲットとした)でパーツレベルで楽にＣＳＳが作成できる、CSSデザインツールが良いのです。

お勧めのものを教えて下さい。
なお、無料を求めています。（が、良ければ買います）

宜しくお願いします。

gin

2017/03/02 03:04

いろいろなサイトにマルチポストしているようですが、下のヘルプにもあるようにマルチポストは推奨されていません。ご一読後必要事項を追記ください。

行動規範の内容に同意します

回答2件

いくら何でもマルチポストしすぎでは？
teratailではマルチポストは禁止です。
http://qiita.com/dounatte/items/f3dec76ff477fc1fdb5a
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q10171173210
https://oshiete.goo.ne.jp/qa/9656303.html
http://qa.atmarkit.co.jp/q/10201
http://echo.2ch.net/test/read.cgi/hp/1488192984/30-

私はプログラミングは得意です。(もう何百万行書いてきたか覚えていません)

私もどちらかといえば、デザインよりもプログラミングが得意な方です。
経験上、プログラマはツールを使って漠然と作るよりも仕様書を読んで内部仕様を覚えてから書き始める方が習得が早いと思います。
display: table-cell;で vertical-align: middle; は必須レベルの知識であり、ツールを使って学習コストを減らせるとは思えません。
CSS 2.2から読み始めて徐々に知識を増やしていく事をお勧めします。
https://momdo.github.io/css2/Overview.html

Re: zatsudayo さん

投稿2017/03/02 04:31

編集2017/03/02 04:36