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.
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.
Which is a better interface for designing an ASP.net application: drag and drop or manual positioning?
That defines on how you define "better".
"Better" in the sense that even an unskilled developer can get a webform up and running in no time: Use drag and drop.
"Better" in the sense that it gives a skilled developer more control over the generated HTML and CSS, potentially leading to
more robust layouting, compatible with a wide range of browsers, and
easier maintainance, due to a lack of unnecessary tags and attributes:
Use manual positioning and a lot of knowledge about HTML and CSS.
You use them all - anything to make the design you look for.
Drag Drop, Manual position, tweak changes, css write/change/delete/re-write, copy/paste, open close ten programs, search on google for other css, anything to make what you have on paper - and then is not good and you start over. Anything you can have you use it.
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 am doing a project in asp.net mvc3 c#. Based on the client requirement I need to implement HTML5 editor.
While searching the net I got Aloha Editor but while pasting from Microsoft Word the editor didn't show the actual format (missing color, image etc).
Is there is any alternative HTML5 editor that will solve my problem?
Most editors strip out Microsoft Word's HTML code because MS does all kinds of crazy things in Word which cause issues when trying to display as a normal HTML document.
A great new HTML 5 editor is the one from Wijmo, which is a jQuery UI plugin (http://wijmo.com/demo/v2/#editor|overview). In the online demo, you can paste in text copied from Word and flip to the source view to see how bad the HTML is. You might not have any problems, it all depends on what you've done in your document.
There are many editor, some are free others need license. In this page you can find a list of free editor.
http://sixrevisions.com/user-interface/rich-text-editors-for-2010-and-beyond/
There is also the Telerik editor that support word documents, but it's not for free for commercial use.
http://www.telerik.com/products/aspnet-mvc/editor.aspx
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/
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.