Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Reload CSS stylesheets without reloading the page?

Tags:

css

safari

I've been using Safari as my development browser and I find it quite difficult to preview CSS changes in a heavy javascript environment.

My web application and development environment is as follows:

  • Mac OSX Snow Leapord
  • Safari
  • TextMate
  • Mootools
    • MochaUI
  • XHTML 1.1 Transitional
  • CSS3
like image 797
fivetwentysix Avatar asked Nov 09 '10 05:11

fivetwentysix


People also ask

How do I force a CSS file to reload?

In Chrome, you can do a hard reload by opening the console (F12 key) and then right-clicking on the reload button to get a menu with additional reload options.

How do I change page content without reloading?

AJAX = Asynchronous JavaScript and XML. AJAX is a technique for creating fast and dynamic web pages. AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.

Can you load multiple stylesheets?

You can't. The last stylesheet you specify will be the one html page will use. Think of it as a big single .

Can I load CSS in body?

No, it is not okay to put a link element in the body tag.


1 Answers

I haven't tried it, but this bookmarket promises to do the job: ReCSS. I'm sure you could repurpose the code in there.

like image 196
theazureshadow Avatar answered Nov 15 '22 21:11

theazureshadow