指定したCSSをその場で適用＆プレビューできるサイト「CSSPivot」

CSSPivot

その場でスタイルシートを適用→プレビューできるサイト

「CSSPivot 」は現在のCSSに新しくスタイルを追加し、その場でプレビューできるサイトです。

編集したいページのURLを指定すると、そのページにCSSを新しく適用できます。
実際のウェブページを閲覧しながら適用できるので、デザインを考えるときに便利そう。

また、保存することで個別のURLが生成されるので、友人達と簡単に共有できます。

以下に使ってみた様子を載せておきます。

新しくCSSを適用してその場でデザインをプレビュー

まず「CSSPivot 」へアクセスしましょう。

CSSを編集したいページのURLを指定します。

CSSPivot

するとこのようなテキストボックスが表示されます。
ここにCSSを記述し、プレビューすればその場でスタイルが適用されますよ。

CSSPivot

たとえば、このように「背景を黒色＆フォントを太字」のスタイルを適用するとこのようになります。
その場でプレビューし、ページ全体を確認できるのは便利ですねー。

さらに、保存しておくと、個別のURLを生成してくれますよ。
適用したCSSの情報も保持されます。

デザインの微調整やCSSを少し変更したいときなどに便利ですね。
また、複数人でデザインをあれこれ考えるときにも活用できそうです。

　本記事で紹介したサイト