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

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

• くちばしフォント【商用可】
• 小説表紙などに使えそうな商用可なフォント「になロマン」
• 筆で書いたようなカナ書体「筆竹仮名B」
• 無料・商用利用可な丸文字ピクセルフォント「マルミーニャＭ」
• スペースコブラ風フォント
• Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
• 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
• CSSのみで実装された５００種類のローディングアニメーション「CSS Loaders」
• 画像ホバーで様々なエフェクトをかけられる「Izmir」
• CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
• 過去のエントリ