Photoshopのグラデーションツールの操作感でCSSグラデーションを作れるツール:phpspot開発日誌
Ultimate CSS Gradient Generator - ColorZilla.com Photoshopのグラデーションツールの操作感でCSSグラデーションを作れるツールがあるみたい。 その名も「Ultimate CSS Gradient Generator」。Photoshop自体の使いやすさは使っている方なら誰もがご存じだとは思いますがあのUIでCSSグラデーションを簡単に作れます 豊富なサンプルをベースとして編集も可能ですが、瞬時にCSS化されます。 つまみをドラッグで簡単にグラデーション編集 地点をクリックするとポイントを追加することが出来、より複雑なグラデーションも容易に作成可能 関連エントリ CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 CS
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI
CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さまざまなカスタマイズを施したあとにコードを生成してくれるツールだ。 つまるところ、CSSレイアウトに対応したサイト製作ツールといってもいいだろう。 要素ごとにさまざまな属性を直感的に追加していける点が素晴らしい。インターフェースもシンプルで職人ぽいので個人的に好みである。日本語も入力可能だ。 当然ながら作り終えたあとは「Generate Code」コマンドでコードを生成、そのまま使うことができる。 似たようなツールはすでにいくつかあるが、Drawterの完成度はかなり高いのではないだろうか。是非試してみてもらいたい。
YUI: CSS Grid Builder
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut d
HTMLを組んだ後のCSSの作成に役立つ「XHTML to CSS Converter」:phpspot開発日誌
Your CSS Frame / XHTML to CSS Converter Ok, we got it. Copy the code below, put it in your stylesheet and start styling your elements. HTMLを組んだ後のCSSの作成に役立つ「XHTML to CSS Converter」 HTMLをフォームに入力してPOSTすると、次のような変換が可能。 <html> <body> <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> </body> </html> ↓ #container { } #header { } #content { } #footer {
マークアップの生成を高速化「XHTML/CSS Markup Generator」:phpspot開発日誌
XHTML/CSS Markup Generator マークアップの生成を高速化「XHTML/CSS Markup Generator」。 独自の記法を元に、XHTMLとCSSのマークアップをジェネレートできる仕組みです。 例えば、独自記法→XHTMLの変換は、次のように行われます。 例１） #root.company ↓ <div id="root" class="company"></div> 例２） h1#logo.red=Company Name ↓ <h1 id="logo" class="red">Company Name</h1> CSSっぽい書き方でXHTMLが作れるので構造が分かりやすく、何より短くて書くのが楽です。 CSSっぽいので覚えるのもそれほど難しいことではないでしょう。 元の書き方のフォーマットが標準化されるなどすれば盛り上がりそうですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Border Radius
