SitePoint Sponsor

User Tag List

Results 1 to 19 of 19
  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    What is the best CSS editor both Free and commercial?

    Hello,

    What CSS editor can show live changes while modifying the CSS codes?

    Thanks in advance.
    I Love coding...
    Don't click this link.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by solidcodes View Post
    What CSS editor can show live changes while modifying the CSS codes?
    Your browser.

  3. #3
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @ralph.m ;

    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.
    I Love coding...
    Don't click this link.

  4. #4
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    I Love coding...
    Don't click this link.

  5. #5
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Is firebug good for CSS?
    I Love coding...
    Don't click this link.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    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.

  7. #7
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @ralph.m ;

    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?
    anyone?
    I Love coding...
    Don't click this link.

  8. #8
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    I Love coding...
    Don't click this link.

  9. #9
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Cool...
    I'm learning, I'm learning... lol
    I Love coding...
    Don't click this link.

  10. #10
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    21 Post(s)
    Tagged
    0 Thread(s)
    Is firebug good for CSS?
    More: excellent!
    • 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.

  11. #11
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @Francky ;
    I'll try to use them both.

    And compare them.
    I Love coding...
    Don't click this link.

  12. #12
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by solidcodes View Post
    Yes, that's the video I was thinking of, but didn't have time to google it. Good find.

  13. #13
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,220
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Yes, that's the video I was thinking of, but didn't have time to google it. Good find.
    Off Topic:

    I do wish those vids had captions :sigh:

  14. #14
    Non-Member cornwallis's Avatar
    Join Date
    Sep 2013
    Location
    india,canada
    Posts
    18
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Post

    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/

  15. #15
    SitePoint Member
    Join Date
    Jun 2012
    Location
    Somerset, UK
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use html editor from coffeecup.com. Does css as well and there is a free trial.

    Keith

  16. #16
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Off Topic:

    Quote Originally Posted by ronpat View Post
    I do wish those vids had captions :sigh:
    Yes, that's a bummer, although there is a button for turning on captions ... though the automatically generated ones are usually not very good.

  17. #17
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    21 Post(s)
    Tagged
    0 Thread(s)
    Off Topic:



    caption button


  18. #18
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,220
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by Francky View Post
    Off Topic:

    caption button
    Thank you, Francky. The captions must have been added since the vid initially appeared. I never thought to look again. Thanks very much.

    Ron

  19. #19
    SitePoint Zealot
    Join Date
    Nov 2012
    Posts
    118
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •