Plugin like CSS-X fire for other IDEs - css

I'm using the PhpStorm IDE, and it has a wonderful plugin called CSS-X fire that integrates with firebug: whenever I make changes in the CSS via Firebug, and the PhpStorm project is open, the plugin makes PhpStorm aware of the cahnge, and enables me to apply it in the code.
My question is if there is a similar plugin for other IDEs (such as Visual Studio) or editors (such as Notepad++), since I'm not sure we're going to buy PhpStorm, and we also have projects not in PHP.

Have a look at cssUpdater. It is a CSS-X-Fire spin-off that works directly on selected files rather than communicating with the IDE.

Using CssUpdater with Visual Studio 2012 worked great for me. You only need to install firefox addon CssUpdater and sync the files you are going to work on.

Related

Eclipse: why is CSS syntax highlighting not working consistently?

I have a puzzling situation. Using Eclipse Oxygen.
One project, which I think I started as a Web Project in Eclipse Neon, does syntax highlighting for CSS files.
My new project, which I think started out as a PyDev Project here in Eclipse Oxygen, does not do highlighting for CSS files.
I'm unclear about the types of project because neither of the icons in Package Explorer (which are different) seems to correspond to any of the possible projects when you go File --> New (I've looked at all of them, including the icons under Other).
So it's really 2 questions: how do I find out what project type I'm working on... and how then do I configure the PyDev one (if such it be) to apply syntax highlighting to CSS.
Incidentally, the PyDev project is using a project location outside the default Workspace, not that this should make any difference.
Installation instructions can be found in the WTP Wiki at https://wiki.eclipse.org/WTP_FAQ#How_do_I_install_WTP.3F . Or you can use the Marketplace entry for it at https://marketplace.eclipse.org/content/eclipse-web-developer-tools-0 .
As suggested earlier, I believe you were missing highlighting because the WTP tools weren't installed in your PyDev environment. Nevertheless, if you need to spend more than a few minutes working with CSS, I would encourage you to give CodeMix a try for truly superlative CSS support in Eclipse:
Supports all the CSS 3 properties, including support for variables
In-built Emmet integration reduces typing required
Includes a CSS validator
Sass and LESS supported too
For more, see: https://www.genuitec.com/tech/css3-in-eclipse/

eclipse does not find bootstrap css in jsp

i am developing dynamic web project with bootstrap templates every thing is working fine even view is rendering perfect.
in home.jsp file in which i have link css(bootstrap files & my customized files) file
<link rel="stylesheet" href="<c:url value="/resources/bootstrap/css/bootstrap.min.css"/>">
but in my code when i press ctrl+space it does not show me suggestion for css classes in
<div class="..">
i am using eclipse neon please help me thank
Depending on which Eclipse package you installed you may already have the CSS and HTML editors. If you don't then you can install them using Help > Install New Software. Choose the software site for your version of Eclipse in the drop down list and look at the Web, XML, Jave EE and OSGi Enterprise Development section. The Eclipse Web Developer Tools section contains the editors you want but the other sections may also be of interest.
And if this plugin for eclipse will work for you
Researching this a bit and reading over your comments it seems that you are using Eclipse with the Aptana extension. If you absolutely do not need to use the Eclipse environment you could now download the Aptana Studio 3 which is based on Eclipse. It looks just like eclipse but is Aptana. Now instead of entering this and looking for Aptana plugins you are going to go into Aptana and look for eclipse plugins. I've installed this myself and have installed several plugins that handle all sorts of things such as javascript code completion, source code formatting etc.
If you go to this site http://www.aptana.com/ you can download the software there. To get all of the plugins, you can do use this site to guide you through some terrific source code completion utilities as well as others. http://jebaird.com/2012/11/02/useful-plugins-for-aptana-studio-3.html

How to run Dart code from Visual Studio?

I'm building an asp.net website using Visual Studio 2012. I'm considering adding some dart code into it.
I'm trying to check how this thing works: I downloaded the DartVS visual studio extension, and I took a ready dart code from the web. The dart code runs fine on dartium when I run it from the dart IDE.
I copied and pasted the code to Visual Studio (that now recognizes dart thanks to the extension). When I run it from there - I could see that the GUI appears, but the buttons don't seem to work. I put a breakpoint in the dart code's main function but it doesn't seem to get there.
What am I doing wrong?
Thanks!
Edit: Although not full Visual Studio, I have created a VS Code extension that does support debugging here.
I'm the author of the extension you linked. Currently, there is no debug support. If you're going to launch from VS in the browser, you'll need to add Dartium to the list of browsers in Visual Studio.
The current version of the extension is very limited and just uses regular expressions to syntax highlight and runs the command-line Analyzer for error info. Both of these kinda work; but have some flaws.
I'm working on a new version; which is backed by a service written by Google, which has very reliable syntax highlighting, tooltips, GotoDefinition, code-completion and more. It's not ready for testing quite yet; but it'll be pushed as an update to the extension you already have once it's done.
The plan is to ultimately include Visual-Studio debugging; but for now, I'd recommend using Dartium and debugging in the developer tools.
When you run the code from VS - where does it get executed? Dart is only supported in Dartium so far - so if you want it to work in any browser, you have to use dart2js for now.
I don't know what that Extension does but this might be the problem.
Regards, Robert
You can start pub serve and Dartium manually and point Dartium to the URL pub serve listens to.
DartEditor also launches pub serve for this.
I don't know if your extension has any debugging support but in Dartium you can debug Dart and JavaScript code like JavaScript code in the normal Chrome browser dev-tools.

How to save firebug changes using Eclipse (Windows)?

How to save firebug changes using Eclipse (Windows)?
I found here that it's possible to save firebug changes if we use Eclipse and FireEclipse
Is anyone using this combination successfully? Can anyone explain the step of Installing?
I'm on Windows7 64 bit
And if FireEclipse works with Eclipse then Will it also work with Aptana port of Eclipse?
First, whether it will work on Aptana? Yes, it should.
Now to the main question: The Fireclipse site claims contrary to what the answer you have linked to cites: the FE site claims that it mainly helps in debugging javascript through Firebug and Eclipse consoles (nothing about exporting/saving CSS changes).
Also, I wouldn't really recommend going with this plugin 'coz it hasn't been updated in a while. According to SourceForge (where the source of this project is hosted), Fireclipse was last updated 2008-10-22. Unless, you are still using Firefox 2 and Eclipse 3.2, you should avoid this plugin.
Try some of the other tools listed in that thread, for example, FireDiff sounds promising.
This is how i save my firebug changes.
https://addons.mozilla.org/en-US/firefox/addon/firediff/
Hope this helps.

Xrefresh alternative

i am using Netbeans PHP + Firefox 4 on Windows for my web development.
I've used a common firebug extension called Xrefresh. It was automaticlly refreshing my opened firefox tab everytime change in my projects directory occured, so pressing ctrl+s in netbeans was triggering auto-refresh in the browser. Very comfort way to work with css, almost live preview.
But now since new Firefox and Firebug versions Xrefresh doesn't work anymore and the question is - are therey any good alternatives, or does someone know how to configure Xrefresh now?
Without live preview my development is somehow slower.
https://github.com/NV/auto_update_stylesheets
This could help you. It refreshes the page via ajax on css save.
There's an automatic refresh-on-change tool for IE. It's called ReloadIt, and is available at http://reloadit.codeplex.com . Free.
Not an add-on to IE, but more of an "adjunct". It does not change the IE install, does not install a BHO or anything like that. So very low-impact installation.
You choose a URL that you'd like to auto-reload, and specify one or more directory paths to monitor for changes. Press F12 to start monitoring.
After you set it, minimize it. Then edit your content files. When you save, the page gets reloaded. like this:
I've managed to keep using xrefresh up until Firefox 9 however I'm not having any luck with version 10.
I've now switched to livereload, they've had a decent Mac version out for a while and a very experimental Windows version has recently been released.

Resources