• かちびと.net

    WebサイトのCSSをインタラクティブに修正したり保存出来るツール・CSS Pivotがなかなか便利なのでご紹介。その場で修正することが出来て保存も可能です。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

WebサイトのCSSをインタラクティブに修正したり保存出来るツール・CSS Pivotがなかなか便利

スポンサーリンク

なかなか便利だったのでシェアがてら
ご紹介。WebサイトのCSSをプレビュー
を見ながら修正したり、そのコードを
保存することが出来るツール・CSS Pivot
のご紹介。似たような機能のChromeの
エクステンションを普段使用しています
が、乗り換えるかもしれません。

URLを入力すると、そのWebサイトのレイアウトに仮想的にCSSを加える事が出来ます。インタラクティブに修正出来て、保存も出来るのでなかなか便利そうですよ。ブックマークレットも用意されてるのでサクッと使えるのも魅力です。

CSS Pivot


シンプルでいい感じです。URLを入れてOpen URLを押せば編集画面になります。


boxにcssを書いてプレビューを押せば適応されます。cssには強制的に!importantが付いてくれるので、修正が気に入ればそのままコピペすればいいだけ。特に、人に教えるときにもいいかもですね。ここをこう直せばうまく表示できるよ、みたいな感じで。

OpenID対応


保存しておきたい方はサインアップしましょう。OpenID対応なのでGoogleアカウントがあればOKです。

ブックマークレット


ブックマークレットもあります。ここから登録してください。

今まではCSS TesterというChromeエクステンションを使っていましたが、CSS Pivotのほうが便利そうな気もするのでとりあえず両方使ってみることにしてみます。

以下よりご利用になれます。

CSS Pivot

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services