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
    936
    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.
    Quality codes are optimized and tested...
    Click here for inspiration..

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 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
    936
    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.
    Quality codes are optimized and tested...
    Click here for inspiration..

  4. #4
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quality codes are optimized and tested...
    Click here for inspiration..

  5. #5
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Is firebug good for CSS?
    Quality codes are optimized and tested...
    Click here for inspiration..

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 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
    936
    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?
    Quality codes are optimized and tested...
    Click here for inspiration..

  8. #8
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quality codes are optimized and tested...
    Click here for inspiration..

  9. #9
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Cool...
    I'm learning, I'm learning... lol
    Quality codes are optimized and tested...
    Click here for inspiration..

  10. #10
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 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
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @Francky ;
    I'll try to use them both.

    And compare them.
    Quality codes are optimized and tested...
    Click here for inspiration..

  12. #12
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 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,585
    Mentioned
    65 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
    17
    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
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 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
    22 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,585
    Mentioned
    65 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
    117
    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
  •