Rendur: Dynamically Preview HTML and CSS
Ever needed to test some markup or CSS for how it renders? Typically it's a tedius process of creating a HTML file, saving it, and then viewing it in a browser.
Wouldn't it be nice if you could test this easily within the browser itself? Well, Greg Taff thought so and as a personal project created rendur to do just that.
Rendur, updated last week to version 2.2, is a useful tool for anyone who uses HTML, CSS or JavaScript because it lets you see what your code will produce - as you type it. It lets you "quickly test ideas that are floating around in your head without the hassle of loading your favorite IDE, saving a temporary file to your disk, then opening it with the browser," Taff says on his site.
While Taff's blog implies it runs in other browsers, we could only get it to work to its full potential in Firefox. Using IE (we tried 7 and 8 Beta), you are unable to enter CSS, however, you can still use rendur to test HTML and JavaScript. As for Chrome and Opera, don't bother.
Useful if you need to test small snippets of HTML, CSS or Javascript in isolation, just remember to save the information you enter before you close the browser, or refresh the page.
Share
Facebook
Comments
Subscribe to comments for this post OR Subscribe to comments for all ReadWriteWeb posts
"Ever needed to test some markup or CSS for how it renders?", yes, for a couple years now. And to think I've been testing it with an .html file in my browser. Maybe I'm missing something but I can't see what Rendur offers that people haven't been doing themselves forever without any trouble.
JSBin got it right.
So, to use it, I have to open my browser... similar to when I have to open my browser to preview code? ;] I think they are going in a good direction with the Javascript preview though but it would also be nice to see more advanced stuff like PHP and ASP... if that would even be possible. Then again, most people using that type of technology probably already run a server off their own computer.
Dreamweaver already does an excellent job of html/css previewing.
Yes but if it only works in Firefox why wouldn't I just use Firebug which can do the same thing already?
@Peter I adore Firebug, but not everyone wants to install a plugin just to preview websites. Options are good.
Posted by: Woodrow Jarvis Hill
|
February 15, 2009 7:24 PM
I use Firebug as well but I'll try Rendur for sure =) You never know how it fits if you don't even try it.
Yeah, this would be great for platforms that don't already have great web development tools available. For example, I'm working on an app for the Playstation 3 which has an obscure browser and is painful to test on. With a keyboard and Rendur (if it worked on PS3), this tool would save me a lot of time. Unfortunately, it doesn't work at all on the PS3 and therefore isn't the useful tool it could be.
"As for Chrome and Opera, don't bother." Words to live by... Rendur or otherwise. :-D
On topic: this looks like a pretty neat little addon... though the web-developers-toolbar extension does offer quasi-similar abilities except that it works on already existing pages (where one would usually want quickfire previews of minor changes)... either way, thanks for hunting it down for us, I'm gonna play with it. :)
Thanks for this I found it to be very useful!
thanks for your thoughts and experiences
Thanks for your informations. This tool is great. I tried it and it is absulutely usefull for all web-designers. I make all my homepage in css. With this tool there is no need to upload every update to test it. Thank you!
Thx a lot for this great tool!
great article!
i agree!
designer handbags
replica louis vuitton handbags
replica handbags
fake designer handbags
designer replica handbags
coach bags
[url=http://www.no1replica.net/]designer handbags[/url]
[url=http://www.no1replica.net/]designer handbags[/url]
[url=http://www.no1replica.net/]replica handbags[/url]
[url=http://www.no1replica.net/]designer bags[/url]
[url=http://www.no1replica.net/]fake designer handbags[/url]
[url=http://www.no1replica.net/]coach bags[/url]
designer handbags
replica louis vuitton handbags
replica handbags
fake designer handbags
designer replica handbags
coach bags
Thats the cool’s themes i have see in a long time.
Very nice
Thats the cool’s themes i have see in a long time.
Very nice
This website works perfectly in Chrome.
No problem at all.
But is there no pogram that does this on the desktop?
i mean immediately showing a preview as you go?
seems to me that it is pretty useful ^^