Design Tip: CSSFly lets you edit live site design in your browser

Filed under: Internet, Utilities, Web services, Design Tips

Design Tip: CSSFly lets you edit live site design in your browser

by David Chartier (RSS feed) Mar 22nd 2007 at 7:30PM

If you're a CSS-slinging web designer who often peers into how other sites are designed, why not take it a step further and actually redesign them, live, in your browser? CSSFly is a tool that seems almost too good to be true: the service allows you to open a site in a frame, with another frame containing the site's markup allowing you to dig in. You get your choice of how and where the frames open, i.e. - markup on the top, bottom, left or right, but unfortunately the markup isn't colorized in any way to help shuffle through the code. Still, CSSFly is a handy way to tinker with virtually any CSS-driven site without having to get out the big guns or ask the site owner for an FTP login.

Reader Comments (Page 1 of 1)

Megan Taylor said 8:30PM on 3-22-2007

CSSVista lets you edit CSS live with a split browser for Fireox and IE.

Nick O'Neill said 10:56PM on 3-22-2007

This isn't bad, but the Firefox developer toolbar offers the same functionality and some. You can even edit html on the fly. I use it at work, and highly recommend it.

Thomas said 9:43PM on 3-22-2007

This is extremely cool and works on Mac and PC. Thanks for sharing!

no_link said 9:51PM on 3-22-2007

How is this better or different then the web developer toolbar for firefox? You can edit CSS, HTML , and place windows wherever you want

Kunal said 10:52PM on 3-22-2007

#3, I use the Web Dev Toolbar for Firefox too, and it's a great add-on.

The difference seems to be that CSSFly is not a browser add-on, so you can use it within any browser, even on a public computer, to play with a site's stylesheet. I'm not sure if I'd ever want to do that, but the option is there now. :)

kingkool68 said 1:28PM on 3-23-2007

Come on the best tool out there for web development is Firebug, hands down. You can select a specific piece of HTML code and see all of the styles that are applied to that code and even styles that are overridden as indicated by a strikethrough. Check it out at http://www.getfirebug.com/

Featured Time Waster

Graveyard Shift - zombie-busting Time Waster

With Halloween fast approaching, it's a great time to get in some practice defending your territory against zombies. In Graveyard Shift, you take aim at zombies and other creepy-crawlies, blasting them into splatters of cartoony green guts. It's a casual first-person shooter, and it's very easy to get the hang of - use the mouse to aim, click to fire. Graveyard Shift has at least 15 levels, and it might even have some secret stages I haven't unlocked yet. They key to getting good at Graveyard Shift is learning to use ...

View more Time Wasters

Featured Galleries

Defective by Design, London: Protest Pictures

Download Squad at the Crunchies After-Party

Android First-look: Amazon.com MP3 Store

Latest Jobs from Download Squad Jobs

Post a Job

Flickr Pool

www.flickr.com

Download Squad bloggers (30 days)

#	Blogger	Posts	Cmts
1	Jay Hathaway	114	5
2	Lee Mathews	84	33
3	Sebastian Anthony	57	190
4	Brad Linder	38	7
5	Jason Clarke	24	0
6	Grant Robertson	8	8
7	Dolores Parker	8	2
8	Victor Agreda, Jr.	7	0
9	Nik Fletcher	3	0
10	Matt Heerema	3	3
11	John Burke	2	0
12	Paul O'Brien	2	0
13	Download Squad Staff	1	0

More Tech Coverage

Control Shift It's all about the experience
Somewhat Frank Perspectives on tech as it fuses in everyday life
Switched Gadgets, web news and commentary
Urlesque Exposing bits of the web

Download Squad