タグ

webserviceとcssに関するteru_whileのブックマーク (3)

  • ブラウザ上で簡単にCSSを作成できる「Sky CSS Tool」:phpspot開発日誌

    Sky CSS Tool ・ky CSSallows you to create CSS classes almost without using manuscript code. ブラウザ上で簡単にCSSを作成できる「Sky CSS Tool」。 このツールを使えば、CSSのプロパティを詳しく覚えていなくても簡単にCSSを組み立てることが出来ます。 CSSを少ししっていれば、スピーディかつ、直感的に分かりやすい方法でCSSを完成させられるでしょう。 使い方は、(1) 左のボックスから、編集したいCSSのセレクタ(body等)を選択します。 そして、(2) 右上のFontやTextをクリックして編集したいプロパティを選択します。すると、(3) 右下のウィンドウに設定ボックスが現れるので個別に設定していきます。 この流れでプロパティを設定していき、最後に右上の方にある「CSS Code」をク

  • CSSとHTMLを相互に書き換えることができる「CSS HTML Converter」:phpspot開発日誌

    CSS HTML Converter / Stuff / Andy Langton's Website CSSHTMLを相互に書き換えることができる「CSS HTML Converter」。 CSS HTML Converter を使って、CSSでのスタイル指定をHTMLに変換したり、逆にHTMLの<font>指定の記述をCSSによる記述に変換することが出来ます。 次がその変換例) HTMLのFONTタグをCSSに変換できてます。 CSSを知っている人には無縁のツールかもしれませんが、HTMLを知っていてCSSはこれからという人にはもってこいのツールなんではないでしょうか。 これからCSSを学ぼうという人には良いツールかもしれませんね。

  • WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p

    なにかと便利なYahoo!UIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで(簡単だけど)手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード

    WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
  • 1