Is there a way to add a comment/uncomment css line/s button to the menu in the VS2008 css editor? Other than adding a macro. Thanks.
There is not a way, quite a few people have wondered why they'd leave this out. Here's the most detailed way I've seen to add a macro by Brian Schmitt. I know it's not what you want, but he also outlines how to add it as a keybind, meaning you could make the Ctrl+K,Ctrl+C work for commenting lines in CSS files just like it does in code files now. It's a little work to setup, but if you're used to the Ctrl+K, Ctrl+C it's really nice to have it work everywhere.
I believe it's the closest you can come to what you're after until they add it as a built in keybind.
Related
I just had the idea of adding some visual distinction to my CSS/SASS comments so that I can notice them quicker when I rush trough a pile of files that I am currently working on. So I thought, why not use dingbats, you don't see stuff like that in your code, so why not start using it?
For example this cross dingbat here:
My question - is it semantically wrong to use dingbats in CSS/SASS or JS or whatever code comments it is in that manner?
SASS doesn't seem to mind this. Page loads neatly as well.
Not for people with OCD though.
i have made a webpage and now it is "feature-complete".
As a next step i want to put some style to it.
The project is based on the Play framework and i choose SCSS as my CSS alternative (with an SBT plugin to convert SCSS -> CSS).
Every time i change some CSS i have to reload the page in the browser, which takes a while, see if i like it and keep or revert. Then start over.
This workflow does not seem right to me. How do you style a webpage built with Play (specifically: i use Play templates, so i cannot just copy every piece of HTML into a CSS editor and style everything from there)?
The best way that i found is to change the CSS directly in Chrome, remember the changes and apply them to the source file later on.
Is there a more "automatic" way of doing things? Any nice editors or browser plugins that change the source file directly? What am i missing?
What are other people, using Play framework (or other templating systems) doing?
Thank you!
Maybe you can download an extension that automatically refresh's your page every ... seconds. On this way you only have to "Alt-tab" between your code and your page.
BTW: I couldn't comment this, I need 50 reputation. Otherwise I wouldn't have commented it because this isn't really an answer but this is just my advice.
I have a massive CSS file that is applied to several pages. I'm hoping to break it down to a common CSS file and several page-level CSS files, since it is becoming difficult to work with. Unfortunately, it's not easy to tell what exactly is common. I was hoping there was a way to quickly see what lines/selectors were being used on a given page. Does anyone know of a tool that can do this? I don't want to use developer tools and go through the DOM elements one by one. I'd like to look at the CSS file and see unused selectors grayed out or something. Thanks!
You can use, at least in Chrome, the Audits tab in the developer tools. Once you run it, it says you which styles aren't used in the current page.
Testing it on this site:
And for Firefox there an add-on called CSS Usage – might be worth a look too.
I find very convenient to edit a CSS from Chrome, and then saving my edits directly.
But then I need a way to take this changes back to SASS by hand, and I think that may be there is a tool to do this more easily.
I understand that it is difficult to have a tool that automatically does that, but may be there is some tool that can at least do a comparison between the SASS file and the CSS file (like a diff) and let me see the SASS in the right pane and the CSS in the left pane, in a synchronized view ?
Sass Sleuth is a tool that will solve this problem for you.
Alternatively you could use FireSass for Firefox, or Sass Inspector for Chrome.
You might want to try this nifty online service which does just that: https://css2sass.heroku.com/ or the code: https://github.com/jpablobr/css2sass
Here's what I'm trying to do. I'm looking for a WYSIWYG editor or just a plain text-box that will highlight HTML syntax (in ASP.NET). Basically, we have a CMS that allows you to mess with templates for various pages, but right now all of the editable HTML is in a plain, ugly, text box. Does anyone know of an editor that will highlight the synax and allow you to edit it? I've checked out Antipro SyntaxEditor, which seems to be a good highlighting solution, but it's just a highlighter, and not an editor.
Thanks!
You may need to combine tools. For example, SO combines Markdown with Google Prettify which handles the actual syntax highlighting.
Another option is CKeditor and they offer open source licensing.
I use FreeTextBox on my dasBlog site. It seems to work pretty well and has the capabilities you're asking for.
Update
Hmm... the version on my own site has a button the toolbar to do syntax highlighting, but that button isn't shown on any the demos available at the link I have gave you. Just know that it does work, but that you may have to play with the configuration some to get that working.