As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I've come in at the end of a big Drupal site build, and the resulting CSS files are... verbose and less than tidy, to say the least!
Are there any tools for checking the entire site to a) see if there are unused styles and b) how often styles are used (and thus assist in refactoring them).
I've had a look at the CSS Roundup Firefox Addon but this relies on manually clicking through all the pages and I want to make sure I don't delete any in-use styles.
Edit: found existing post on Stack Overflow entitled How can I find unused images and CSS styles in a website? and this What tool can analyze my site and report on unused / unneeded CSS?
csslint can help, though i can't say it'll do everything you want
http://csslint.net/
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
I'm looking for a website that duplicates at least some of the most basic features of Firebug, Chrome developer tools, etc, but that is simple enough for a non-developer to use.
At the very least, I want to be able to tell a non-developer to:
Visit http://checkthedom.com/sitethatneedschecking.com
Hover over a particular paragraph of text or some other element
Tell me font etc is used in that element
I need to find a web site that does this because I can't ask the non-developers to use bookmarklets or install browser plug-ins or to follow instructions that will vary depending on what particular browser they are using.
I've pasted an image below that shows what I want the non-developers to see.
Is there a website that does this?
A couple of sites I've tried do this:
XRAY
X-Ray Goggles
Although it doesn't show the CSS as a popup (it's on the right hand side of the window), the Firefox built-in 3D viewer might help visualise the site.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
We're bringing in outside content to our existing site along with its associated external CSS stylesheet and need to identify the CSS selectors that share the same name across the two files. Once identified, we plan on manually modifying each duplicate in the newly imported file, then changing the HTML accordingly.
Does anyone know of a tool that will do this? One painful way I thought about was to combine all the CSS into one Word Document and going down the page doing manual Finds? That would be nice to avoid though.
There is a firefox plugin called Dust me selectores which is designed to find unused CSS code. It may be what you're looking for.
You could merge the files into one, use a tool like CodeBeautifier with sort selectors enabled. A word of caution though: sorting selectors may change how they are applied to the final document.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I would like to display a wordpress blog in the following fashion:
http://plone.org/documentation/kb/
Like you can expand the categories and articles.
Any suggestions regarding themes for achieving this? Or should I write my own? I would not like to maintain it, so I am a bit afraid of writing my own.
Most of the cool stuff there is Javascript that does the animations and interactive elements that won't be anything standard on a WordPress standard theme.
BUT,
A quick google search for "knowledge base themes wordpress" sould turn up some interesting results. (Like this one)
Otherwise you will have to code it all up yourself or hire someone.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
Is there a "best" way to edit CSS?
I'm looking for a designer tool. It has to "visual"... less code.
Visual studio does a good job but it seems to be lacking when it comes to the actual design stage.
My suggestion is CSSEdit by MacRabbit. It's focused on just editing CSS, and is very visual without hiding code. You can edit CSS attributes through a GUI, or directly edit the text in the code. You can preview your work on any site, even applying your edited CSS to the display of live Web sites. As a plus or minus depending upon your platform of preference, it's a Mac only application.
Here's what I do:
Design the page semantically, using lists, headings, paragraphs etc.
Add classes and ids where appropriate.
Open the unstyled page in Firefox.
Open Firebug.
Write/edit the CSS there and see the results instantly.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
Where can I get some decent looking free ASP.Net or CSS themes?
I wouldn't bother looking for ASP.NET stuff specifically (probably won't find any anyways). Finding a good CSS theme easily can be used in ASP.NET.
Here's some sites that I love for CSS goodness:
http://www.freecsstemplates.org/
http://www.oswd.org/
http://www.openwebdesign.org/
http://www.styleshout.com/
http://www.freelayouts.com/
Microsoft hired one fo the kids from A List Apart to whip some out. The .Net projects are free of charge for download.
http://msdn.microsoft.com/en-us/asp.net/aa336613.aspx
I have used Open source Web Design in the past. They have quite a few css themes, don't know about ASP.Net
As always, http://www.csszengarden.com/. Note that the images aren't public domain.