Is there a way to use CSS with PyCharm? - css

I've been trying to use css in a pycharm project (I'm using flask, so that's why I'm using pycharm)-and I learned Pycharm isn't available in Community edition of Pycharm. When running the website, it leads to a bunch of problems-and the code I have doesn't have any problems. I've watched numerous tutorials on how to add CSS as a language, but none work. Is it possible to add CSS as a language to Pycharm Community edition? I'm using 2020.2.

You can use it by enabling the plugins on the Settings/Preferences Plugins page, see Managing Plugins for details See here and here where the completion for CSS, SCSS, Less, and Sass classes and ids are available in HTML files, in various types of templates (for example, in Angular or Vue.js), as well as in JSX code for Professional Edition. For Community Edition see this

Related

How to use Bootstrap 4 & Sass on Visual Studio 2019

I've just upgraded to VS2019 and found it doesn't come with much out of the box in terms of modern web development.
I'm looking to compile Boostrap with some variable changes & run the results through autoprefixer and then minify. I'm not yet ready to move to core so the project is in .net 4.7.
I've found Web Compiler, which will compile & minify the Sass but this is very dangerous to rely on because it doesn't autoprefix bootstrap. Using the default distribution of Bootstrap you get autoprefixing so it will work on older browsers as well. Just using web compiler you will get a nice, tight minified file customized to your liking that will look great on your dev machine and then fail in an untraceable way on deployment for users with older browsers.
I've also found the Autoprefixer extension, which doesn't seem to work at all. There is an autoprefixer menu in the context menu but it is greyed out. There seems to be no way to configure tasks as far as I can tell so even if it did work you have to right click on stuff each time.
So I'm wondering why I spent over $1000 to upgrade to VS2019 when it just doesn't do the basics of modern web development. Would it have been better just to use free tools? Or is there some way to get it to work.

A-Frame: standalone environment (ala PhoneGap)

Are there any options for packaging an A-Frame application into a standalone form? Sort of like how PhoneGap packages webapps?
I imagine the solution would need to package all HTML/JS files and resources together with a standalone browser? And then launch with 'headset mode' on by default?
A-Frame apps are just webapp, so try the existing toolchains like Cordova or Phonegap. There may be issues and your mileage may vary though as we don't put much effort towards those use cases. There are several issues filed for Cordova + A-Frame on GitHub for an introductory read.
It seems though recent webvr-polyfill issues may not be friendly for WebViews: https://github.com/aframevr/aframe/issues/1940
I've been using crosswalk lately, all the latest APIs and no browser compatibility problems.
It's very easy to add on to an existing html5 project : https://crosswalk-project.org/

No CSS Highlighting and Completion in Intellij

Somehow I don't get any highlighting and code completion in Intellij IDEA. Even though on the website they advertise highlighting and code completion: JetBrains Intellij IDEA. HTML on the other hand works.
Is there an option to set or is it just not possible in the Community Edition?
This is the way it looks for me in the .css file
Sorry, CSS support is only available in the Ultimate Edition. Check out the Jetbrains feature comparison page.

Tools for developing Meteor

I've been watching the screencasts on the site and wondering what editor is being used? It looks like vi or vim (which one is it)? And at the bottom of the terminal says "JavaScript-IDE"? (is this a plugin for vi or vim) Thanks!
From Abigail Watson, Meteor expert:
WebStorm is no longer the Meteor-Cookbook recommended Editor or Development Environment.
We now recommend Atom.io since it's a pure-javascript editor, meaning we can extend the Meteor Isomorphic API to the Editor.
(https://github.com/awatson1978/meteor-cookbook/blob/master/cookbook/webstorm.md)
Our Meteor API for the Atom Editor brings Isomorphic Meetor javascript to the editor with autocomplete, code snippets, color-coded grammar, syntax highlighting, and more! Code faster and with fewer mistakes!
(https://github.com/awatson1978/meteor-api)
WebStorm
Webstorm 9 has excellent Meteor support.
For Vim/Emacs
Another option would be to use TernJS and VIM/Emacs as explained by Slava Kim at Dev Shop.
A Good Write up about it here
They're using Emacs, but you can use whatever editor/IDE you want. My personal preference is Sublime Text 2.
As far as I know, there aren't any editors that help you write Meteor code. Meteor is all Javascript, so the only thing an IDE could do is provide auto completion to the Meteor namespace and show you some docs. I think the general consensus is that an IDE like that wouldn't be too helpful at this point, since the docs change so frequently while Meteor is in very early stage development.
Happy Meteoring!
Atom.io. Growing well with community support. Have been using it few days and cannot think of anything missed for my use. The extension package system is pretty neat and available packages is growing quickly.
Codelobster has special plug-in for MeteorJS: http://www.codelobster.com/meteorjs.html

What are the Pros/Cons of Flash Builder vs. FlashDevelop?

I want to play around a bit with FLASH for app development. I'm looking for a good IDE for that. Someone suggested Flash Develop.
Flash Builder
Pros
better debugging and profiling
visual designer for MXML
because of Eclipse: support for other languages (eg. with Aptana, PDT...) and usage of plug-ins for the Eclipse Platform with features not shipped with FlexBuilder (code snippets with CFEclipse "Dynamic Snippets", "auto-code" for getter/setters with Monkey scripts...)
support of virtual folders/files (links to external files/folders handled intern by Eclipse, so also working on Windows)
refactoring (renaming of classes, functions, properties with automatic changing of dependencies)
Cons
Commercial license
Big and because of Eclipse problematic with newer Eclipse versions for the FlexBuilder plug-in version (eg. not working with Eclipse Ganymede 3.4.1)
adding and configuring the missing features with Eclipse plug-ins needs time and searching in the Internet (which plug-in? settings etc.)
Code assist only average and sometimes buggy eg. if correct imports are missing ("java.lang.NullPointerException")
missing of a code formatter or automatic get/setters (but there are solutions with other Eclipse plugins like Monkey Scripts, CFeclipse, Flexformatter "FlexPrettyPrintCommand"...)
sometimes a bit sluggish if background tasks in Eclipse are working
no package explorer
AS2 and AS3 only - no Haxe
FlashDevelop
Pros
free and Open Source (developed with C#)
lightweight and snappy
best available Code Assist for ActionScript
supports all flash languages - AS2, AS3, haxe
"auto code" for automatic getter/setter, variables, code for event handlers
code snippets with integrated snippet editor
extendible with plug-ins
support for asdoc comments
package explorer (show classes, symbols from a SWC file)
basic refactoring
multiple source code folders per project
useful plugins : ANT integration, SWC creation, mini map, quick navigate
Cons
only for Windows
no visual designer for MXML
no support of virtual folders/files inside the project
weak refactoring
changing classpaths must be done manually
plug-ins often not working in newer versions and many plug-ins are only rarely updated
limited support for debugging Haxe applications
Common
Pros
projects for full range of flash apps : websites, AIR (desktop, mobile)
debugging of FP/AIR apps with breakpoints and stepping
debugging with watch windows and locals
support for ASDoc comments
automatic adding of imports and organizing of imports
class wizard
SVG/GIT integration
Cons
no editing of graphics or animation (use Flash IDE for that)
Summary
For debugging, visual design of MXML forms : Flash Builder
For coding AS2/AS3/Haxe projects under Windows : FlashDevelop
Major reason to use FlexBuilder: has a real debugger you can set breakpoints and single step and watch/edit variables.
Unless FlashDevelop has .. developed .. don't think it got any of that yet.
BTW - if you are a student/teacher FlexBuilder can be had for free
Flex builder has a design view for MXML so you can build more visually. Flashdevelop on the other hand is free!
I've been using Flash Developer. Trying now FlashDevelop. FlashDevelop is fast and light, and I'm trying to switch just because of that.
I'm using HG + TortoiseHG for source control. I have 2 screens, so having external source control is not a big problem. Also the IDE stays a little cleaner by not having all the little source control icons.
DesignView helps with not having integrated design.
Also, I can debug with FlashDevelop and see the variables. I'm using FD3.2.1.
Along with what was already mentioned, Flex Builder has some nice tools that helps a developer to learn how to create a data enabled Flex application in form of the Data Wizards and also a nice web services introspection tool that automatically creates an ActionScript 3 client for a web service.
I'm using the new Jetbrains IntelliJ 8, and it's great (especially if your used to java developement). Has a lot better XML/JavaScript editors that any other IDE.
The latest version of IntelliJ also has a good flex/javascript debugger.
Here are two objective contrasts between FlashDevelop (with the Flex 3 SDK) and FlexBuilder. First, only FlexBuilder includes AdvancedDataGrid. Second, FlashDevelop has no source control integration.
AdvancedDataGrid is not included in either the free or open source Flex 3 SDKs; if you want it, you have to buy FlexBuilder. (I assume it is probably possible to use it via another SDK if you possess FlexBuilder.)
FlashDevelop doesn't have any source control integration, FlexBuilder possesses the existing, stable source control options for Eclipse. This includes Subclipse for SVN, as well as a lot of other things. As a longtime Visual Studio and Emacs user, in FlashDevelop I'm beginning to feel unsatisfied with leaving the editor to check in.
Flash Builder, even in version 4.5, has primitive, useless syntax coloring and customization features. From a 700$ package I was expecting at least what I can do with my free text editor.
In the syntax coloring preferences, there is a total of 6 keywords, and you cannot add any custom one.
How am I expected to code having variable names, function calls, and classes look exactly the same?
I will stick to Flash Pro CS5.5 and SciTe.

Resources