solidcodes — 2013-09-27T21:02:21-04:00 — #1
What CSS editor can show live changes while modifying the CSS codes?
Thanks in advance.
ralphm — 2013-09-27T21:09:14-04:00 — #2
solidcodes — 2013-09-27T21:33:38-04:00 — #3
I think I saw one before.
You can see changes immediately (live) while you are typing the codes.
I just forgot the name of it.
If I will found it again.
I'll share it here, so everyone benefit.
solidcodes — 2013-09-27T21:39:47-04:00 — #4
solidcodes — 2013-09-27T21:41:41-04:00 — #5
ralphm — 2013-09-27T21:42:17-04:00 — #6
I may have been a little cheeky above, but serious at the same time. You don't need any addons to use your browser this way. I love the way you can edit your CSS in the Chrome developer tools and see the results as you type in the browser. You can save your changes to your actual code too, though I haven't learned how to do this myself yet.
solidcodes — 2013-09-27T21:50:08-04:00 — #7
Thanks for the input.
Actually I'm looking for the best CSS editor out there.
I'm interested to know how to save CSS codes using Chrome browser, how to do that?
solidcodes — 2013-09-27T22:04:07-04:00 — #8
I think this will teach us.
solidcodes — 2013-09-27T22:09:25-04:00 — #9
I'm learning, I'm learning... lol
francky — 2013-09-27T22:52:09-04:00 — #10
Is firebug good for CSS?
- With one rightclick you can see (and edit) the html of an element, and in the meantime see (and edit) the css in the right window. Firebug shows all the css of the element: the id-css, the class-css, the general element-css, and the inherited css as well as the inherited/overruled css. See screenshot 1.
- The other way: you can edit a complete stylesheet and add or change styles in it. With Ctrl-A you get the whole new stylesheet, copy/paste it as your new local css-file, upload it and ready. See screenshot 2.
I guess Firebug is comparable with the Chrome Dev Tools.
solidcodes — 2013-09-27T22:59:29-04:00 — #11
I'll try to use them both.
And compare them.
ralphm — 2013-09-27T23:39:00-04:00 — #12
Yes, that's the video I was thinking of, but didn't have time to google it. Good find.
ronpat — 2013-09-28T00:50:22-04:00 — #13
I do wish those vids had captions :sigh:
system — 2013-09-28T00:51:06-04:00 — #14
i suggestion notepad ++ it has syntax hinting and just generally is good... regrettably it doesn't have a built in code hinter and rely's on plugins... notepad++ is open source software which you can get at http://notepad-plus-plus.org/
keithwjones — 2013-10-12T16:12:45-04:00 — #15
I use html editor from coffeecup.com. Does css as well and there is a free trial.
ralphm — 2013-10-12T18:22:27-04:00 — #16
Yes, that's a bummer, although there is a button for turning on captions ... though the automatically generated ones are usually not very good.
francky — 2013-10-12T19:39:38-04:00 — #17
ronpat — 2013-10-12T21:13:50-04:00 — #18
Thank you, Francky. The captions must have been added since the vid initially appeared. I never thought to look again. Thanks very much.
vincentas — 2013-10-14T06:00:50-04:00 — #19
you could use dreamweaver, but i guess that would be a little too much just for css. I also use notepad++, its a good program for editing css files.