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

Posted Mar 22nd 2007 7:30PM by David Chartier
Filed under: Internet, Utilities, Web services, Design Tips

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)

3-22-2007 @ 8:30PM

Megan Taylor said...

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

3-22-2007 @ 9:43PM

Thomas said...

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

3-22-2007 @ 9:51PM

no_link said...

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

3-22-2007 @ 10:52PM

Kunal said...

#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. :)

3-22-2007 @ 10:56PM

Nick O'Neill said...

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.

3-23-2007 @ 1:28PM

kingkool68 said...

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/

#	Blogger	Posts	Cmts
1	Brad Linder	98	7
2	Joey Celis	65	1
3	Jay Hathaway	52	14
4	Lee Mathews	27	31
5	Drew Olanoff	15	12
6	Christina Warren	11	3
7	Nancy Messieh	9	0
8	Kristin Shoemaker	9	5
9	Danny Mendez	5	0
10	Emily Price	4	0
11	Adam Maras	4	1
12	Dolores Parker	3	2
13	Ian Dumych	3	1
14	Todd Ritter	2	0
15	Nik Fletcher	2	0
16	Christina Clark	2	2
17	Gordon Finlayson	2	0
18	Patrick Beeson	1	3
19	Sue Polinsky	1	0
20	Victor Agreda, Jr.	1	3

Blogger

Posts

Cmts

Joystiq hands-on: PixelJunk Eden The Best of Big Download: July 13-19 Rumor: Nintendo exec hints at MotionPlus-infused Wiimotes	First Look: Pwnage for 2.0 Pwnage 2.0 released iPhone 101: Geocaching with an iPhone 3G
Download Squad Week in Review Rewind, play, rewind, play: AudioLobe makes transcription easier Moralize.us: if YouTube commenters ruled the world ...	VIDEO: Camaro TV spots through the years -- some more bitchin' than others Spy Shots: Next gen BMW Z4 snapped again on SoCal freeway Pics Aplenty: More of the Chevrolet Camaro
Another breakthrough purportedly brings us closer to quantum computing Kohjinsha SC3 convertible UMPC hits the test bench iPhone Dev Team unleashes Pwnage Tool 2.0	LinkedIn launches self-service, targeted advertising Spokesperson fiasco #11: Bruce Willis and Seagram's Blackstone's GSO keeps on giving