- Bought between 100 and 499 items
- Exclusive Author
- Has been a member for 4-5 years
- United States
Hey guys/gals,
So, I finally downloaded Coda and am really liking it so far, but can’t figure out how to live edit CSS ? I’m use to using web developer toolbar for FF and watching all my CSS styles take effect immediately so I can see whats happening live. Is this do-able in Coda? I see where I can create a split view, but it just splits the code into two sides. If I live preview my CSS via the button, I just see the code on a white bg. All of my css files are linked properly in the html file as well.
Anyone out there use Coda?
edit – I am editing these files locally on my mac
- Envato Staff
- Reviewer
- Community Moderator
- Venezuela
- Has been a member for 4-5 years
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Microlancer Beta Tester
- Sold between 10 000 and 50 000 dollars
- Exclusive Author
You can’t do that with Coda, try CSSEdit instead. – http://macrabbit.com/cssedit/
- Bought between 10 and 49 items
- Exclusive Author
- Has been a member for 3-4 years
- Referred between 1 and 9 users
- Sold between 100 and 1 000 dollars
This is how I do it. You’ll have to drag the associated html file to the preview window. Whenever you save the updates press reload on preview and you’ll see the update live.
- Envato Staff
- Has been a member for 4-5 years
- Attended a Community Meetup
- Australia
- Beta Tester
- Contributed a Blog Post
- Contributed a Tutorial to a Tuts+ Site
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Sold between 5 000 and 10 000 dollars
You can actually use a plugin called Lively that allows you to open a separate live preview window. http://menumachine.com/blog/2008/12/a-live-preview-window-for-coda/
- Bought between 100 and 499 items
- Exclusive Author
- Has been a member for 4-5 years
- United States
Awesome! Thanks for all of the replies guys. I think I will try each of these options and see what fit best for me.
Can’t believe this wasn’t included with Coda though. Hopefully this issue will be addressed and an upgrade added into future releases.
- Envato Staff
- Has been a member for 4-5 years
- Attended a Community Meetup
- Australia
- Beta Tester
- Contributed a Blog Post
- Contributed a Tutorial to a Tuts+ Site
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Sold between 5 000 and 10 000 dollars
Can’t believe this wasn’t included with Coda though. Hopefully this issue will be addressed and an upgrade added into future releases.
Once you know what the code will do, you don’t really need a live preview window. When you do need a live preview window is when you’re trying to fix IE bugs (or another browser), but most apps with live preview windows only render like one browser (Safari in Coda’s case), which doesn’t really help.
Anyway, just my two cents.
- Envato Staff
- Reviewer
- Community Moderator
- Venezuela
- Has been a member for 4-5 years
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Microlancer Beta Tester
- Sold between 10 000 and 50 000 dollars
- Exclusive Author
Can’t believe this wasn’t included with Coda though. Hopefully this issue will be addressed and an upgrade added into future releases.Once you know what the code will do, you don’t really need a live preview window. When you do need a live preview window is when you’re trying to fix IE bugs (or another browser), but most apps with live preview windows only render like one browser (Safari in Coda’s case), which doesn’t really help.
Anyway, just my two cents.
Use Firebug if you need a quick preview, but I don’t need live preview, I second what Jarel just said. 
