jQueryでリアルタイムにCSSを書き換えるサンプル

2009年08月30日-

Live CSS Editing With jQuery | Dev Words

jQueryでリアルタイムにCSSを書き換えるサンプルが公開されています。


デモページ

次のようなコードで容易にページの<style>の中身を書き換えちゃうというサンプルです。

これを応用して、ブックマークレットでLightBox起動→中身書き換え→反映 なんていうことをやっても便利に使えるかもしれませんね。

関連の記事検索：jQuery, CSS

By.KJ : 2009年08月30日 12:08

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)

最新のブログ記事(新着順)

• 永遠に縦スクロールするメニュー実装サンプル
• 手書きが逆にわかりやすい注記表示ライブラリ「RoughNotation」
• スライダー付きのビフォア・アフター画像表示UI「Image Compare Viewer」
• CSSレイアウトやUIパーツのパターン集「CSS Layout」
• 画面トップの画像にグラデーションを重ねるジェネレーター「hero-generator」
• CSSオンリーのおしゃれなマーキーエフェクト
• 画像をレイヤーに分けてかっこよくアニメーションするサンプル
• ブラウザ上の操作で要素のあらゆる変形を可能とする「Moveable」
• レスポンシブページを１ページで全部一括チェック「everysize」
• ピュアCSSなのにネイティブアプリっぽく動くスイッチUI「MoreToggles.css」
• 過去のエントリ