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でお願いします(クリック)

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

• 15000以上のいい感じの線形アイコン「Lineicons」
• CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
• AIを使ってサイトマップが作れる「Octopus.do」
• ライブラリ依存のないモーダルオープンライブラリ「Blendy」
• 個性的な明朝フリーフォント「築豊初号明朝OFL」
• CSSで太陽が差し込むようなアニメーション実装
• 可愛くアニメーションする「beautifully crafted animated icons」
• アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
• ユニークなカタカナフォントtorisippo
• 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
• 過去のエントリ