Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Feb 2015
    Posts
    2
    Member #
    41992

    Tool to Edit CSS in-Browser

    Ive been looking for a plugin or tool that allows editing of CSS within the browser by selecting the elements and has the option to export the file? Im working on a client's site: wordpresskonsulterna.com with hundreds of pages usign XAMPP and its counter productive to view each source one by one using another stand alone program. It has tons of images, videos and flash graphics so the source code could really get too long.


    Ive been using the firefox developer tool bar (Element select and edit CSS) but Im looking for a better alternative. Another one Ive tried is CSS Viewer better than the previous one Ive tried and it's lightweight but there could be more you guys know of?




    Cheers!
    Goran
    Last edited by goran2015; Feb 10th, 2015 at 07:46 AM.

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    I don't have the time to go looking for it at the moment, but Remy Sharp has a video and blog post about how to do this with Chrome's default dev tools.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member
    Join Date
    Feb 2015
    Posts
    2
    Member #
    41992
    Thanks for the suggestion @Ronald. Ill look for that blog post now.

  5. #4
    Banned
    Join Date
    Feb 2015
    Posts
    100
    Member #
    42499
    Liked
    4 times
    Here are few good tool to edit CSS browser
    1.) Hyphenator
    2.) CSS Type Set
    3.) Typechart
    4.) CSS-Typoset Matrix and code generator

  6. #5
    Junior Member
    Join Date
    Apr 2015
    Posts
    11
    Member #
    49327
    Liked
    1 times
    bluePen Editor is an Online Visual CSS editor built for you. It's a web application that allows you to edit your existing stylesheets on your website.

  7. #6
    Banned
    Join Date
    Feb 2015
    Posts
    100
    Member #
    42499
    Liked
    4 times
    The Style Editor enables you to:

    1.) View and edit all the stylesheets associated with a page
    2.) Create new stylesheets from scratch and apply them to the page
    3.) Import existing stylesheets and apply them to the page

    To open the Style Editor choose the "Style Editor" option from the "Web Developer" menu (which is a submenu in the "Tools" menu on the Mac). The Toolbox will appear at the bottom of the browser window, with the Style Editor activated:


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com