Is there any tool for auto maintaining css code [closed] - css

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I have a huge CSS file which should be about 20'000 lines and it was accidentally saved on one line a while ago, making it extremely hard to read and maintain.
I was looking for a tool that would automatically separate lines of CSS files, but I am finding it difficult as I can't find an English definition describing what I'm after. Does anyone know any tool that would do that? I'm sure that such a tool exists somewhere.
It would help me a lot. Thanks.

As well as using SO's inbuilt feature, you could try looking at CSS Beautifiers.
Such as http://codebeautify.org/
Most of these work with other languages too! Hope this helps

Just use stackoverflow's code snippet tool (looks like [<>]) and click tidy...

Use a splitter, replace system such as
FIND: "; "
REPLACE ";
"
because the ; is the line end for CSS code so this would break all the code-lines into new lines, leaving only the brackets.
So then run the Find/Replace routine again to then add linebreaks outside the } characters.
FIND "}"
REPLACE: "}
";

Related

Best Practice CSS for complex site [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I working on a right way to conduct the styling for a rather big website project, as I get usually stuck half-way, when the complexity increases. I already read quite some literature and found a lot of useful tips on the Internet, e.g. "use meaningful class names", and the like.
However, most sources are concerned with the actual working principle of CSS which are illustrated by rather short code examples. What I am actually looking for is a guide describing the styling of a website from start to end, including possible naming conventions, class management, file management and the like. Really great would also be a code example of medium-sized, or big site.
I am also grateful for any reference to books, magazines, articles and the like.
As I am not aware of any reference to book, I just follow basic things which makes my work quite smooth. Yes meaningful class names are must with that Try following the below which might help you
Keep the code clean and neat which is indenting the code before you wrap up for the day
Divide your css into part (Place the code of header and footer in one files Ex:base.css and the body part in another css Ex:main.css)

Creating large word comments in CSS stylesheets out of hashtag symbols? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I'm working on a project where the previous developer made section headers in their CSS stylesheets that look like large words generated from hashtag symbols. I need to add a new section to his extensive stylesheets and I'm wondering if anyone has seen a generator that creates these? Or is he making these from scratch?
Here is a screenshot of what they look like:
A quick Google search for "generate ascii text banner online" provides several different sites that will do this for you. (A bit of experimentation demonstrates that you probably want to choose the "banner" font.)

SASS/Compass style checker [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
In a company where are work we're trying to automate build processes and testing and we've got all covered except for SASS/Compass style checker. Note that I'm not talking about checking for syntax errors, but about checking against some sort of style guide - indentation, spacing line-length, etc.
I've been searching for similar software for a while now but I'm either bad at searching or google doesn't have all the answers. Only condition is that it can be run from unix command line.
Any help or clue is more than welcome,
Thanks
I think SCSS-Lint does what you are looking for.
Do you really need to control the input scss or sass files, or just the output?
If you are after layout control of the Compass produced stylesheets (in other words - the end result), and if you run compass with ruby, you can choose the "output_style" in the config.rb file from the following:-
:expanded or :nested or :compact or :compressed
I mostly use :compact which removes all the tab vs spaces and newline issues, while keeping the file easily readable.
As for style checking the original scss or sass files, I have not seen anything in my travels other than EditorConfig as #steveax commented.
I would have just commented on this one, but not enough points yet :( Hope this helps.

open ms word or component similar in browser [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
i programing with asp.net and want use and open (open & edit doc file) ms word online or component similar in browser. Should I use component or program for this job?
ex:
http://inspic.com/7822594D
I want a component similar to the above.
Good luck with that.
There are some free Javascript WYSIWYG components out there which give you limited rich-text editing capabilities, like CKEditor and TinyMCE, but certainly nothing on the level of Microsoft Word. Opening and editing Word documents will also be problematic — these editors all work directly on HTML, not other formats.
Ultimately, if you want to work with Word documents online, you will probably end up needing to build something yourself, and it will be pretty limited compared to Word.

Any programs to generate css classes from your html? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Just curious does anyone know a program or script to generate a style sheet(with blank values obviously) from the structure of your html document? Basically just pull out the ID's and Classes you set in your html and make placeholder css so you don't have to plan it ahead of time or write it again ,remember D.R.Y. anyone?:) Feel free to yell at me if you don't think this could help anyone else here :D . I'm sure I could whip something up like that but if it's already out there I might as well stick to my rule of DRABEE(Don't repeat any body else either) . Thanks.
Did you check http://primercss.com/ ?
Seems to be doing exactly what you are asking for.
CSS Frame Generator http://lab.xms.pl/css-generator/ works better than Primer.
Little late to the party but these days, there is also BearCSS:
http://www.bearcss.com/
Disclaimer
This answer is primarily meant to add extra value to this thread and create an overview of CSS generators.
In my opinion, after trying all the mentioned tools in this thread, http://lab.xms.pl/css-generator/ is the best one.
I found the best tools out there, after rigorous comparisons of the different available ones:
If you want to generate CSS automatically from the markup online for free, then you need BeeCSS - CSS Generator:
http://beecss.theextremewebdesigns.com/
If you already have (messy) CSS & you would like to clean/minify it online for free, then you need BeeCSS - Cleaner Minifier
http://beecss.theextremewebdesigns.com/css_clean_css_minify/

Resources