I'd like to be able to update/save both my html and css on-the-fly, but I can't figure out how to watch both HAML and SASS at the same time.
Thanks!
Apparently you can only use StaticMatic or some other third party stuff to watch both at the same time.
Perfect for you: a free online SASS/SCSS-HAML editor, Voyage, developed by Zhi-Qiang Lei (thanks!). Very useful for beginners to practice, and for everyone to test snippets quickly.
http://voyage-editor.herokuapp.com/
Hope it helps
Related
As the title says. I need some tool, library or workaround which can take a code file i.e., JS, Python, C# etc and make that code displayable in HTML page.
Kind of like what GitHub do when someone tries to open a code in project.
It would be nice if there is some Python implementation for this. But others like nodejs, php, or plain js will do as well.
Any kind of help would be appreciated. Thanks!
EDIT:
Since, it's not allowed to get recommendation regarding libraries, I will add what I have attempted. So far I have been thinking only vital part while displaying the code will be to retain white spaces. So probably replace these with probably. But I'm sure there are better solutions out there. And that's exactly what I am here for.
I dove into express.j and encountered pug (template engine).Now, i don't like the idea of writing code that works very similar to HMTL+ some identation.I'd rather stick with normal HTML.I want to discard view engines altogether . Is there another way to hook these html,css and javascript files instead of pug.I read Angular is utilized. Could someone elaborately with a form examlple,styled with css and how to integrate Angular with express.js . Perhaps any tutorial available online...
P.S. Please refrain from using too much technical terminology..I'm a noob. Simple english is appreciated.
You can use 'handlebarsjs'.
That is a great tutorial to get start.
https://www.youtube.com/watch?v=1srD3Mdvf50
Good luck.
Could you please give me advice how its better to practice HAML and SASS.
I`ve downloaded and installed everything for windows and i can compile files and use it via command line. But still i want to be able to code and browse it at once, not writing anything in command line.
I mean what shall i do on my localhost to use it? Am i to use with any kind of engine, Drupal for example. Or is there a more simple way?
Thanks in advance!
I have recently discovered a free online SASS/SCSS-HAML editor, named Voyage, developed by Zhi-Qiang Lei (thanks!). Very useful for beginners to practice, and for everyone to test snippets quickly.
http://voyage-editor.herokuapp.com/
Hope it helps
Ok so, for Sass and Compass, you can always use the --watch flag to watch the modified files and recompile them on the go.
Now I reckon this doesn't account for HAML wich doesn't have a --watch flag, or other languages such as CoffeeScript etc. The best solution for the moment for a stable and easy to work with environment is to use an external software that will do the command line work for you.
There are several out there, I've tried out a few of them — depending on your current platform and how much you want to put in (from 0$ to 9$). I don't know a lot of free preprocessors manager so if people want to go and comment with free alternatives I'd be glad.
The best in my humble opinion is LiveReload because it's what I've tested to be the most permissive in your organization, it compiles fast, reloads your browser on change, etc.
Cons are it's best to use it on a Mac, considering the Windows version is still in beta and far from finished. But if you're on a Mac, to me it's definitely the way to go.
You can use FireApp too, it does the same job but it's a little less permissive. There are things you can't do with your Compass configuration files, folders you have to name a certain way, etc. It's also paying, but it's cross-plateform (coded in JRuby).
On the free side of life, you currently have CodeKit for Mac but it's free only during the beta and will become paying. On the other hand it's really worth it's money for how well executed it is and it will really make your life simpler.
You can probably go look on the internet for similar softwares, but you get the idea. Currently the best way to have an easy to use work environment while avoiding the command line is to go through those kinds of softwares.
Is there a good editor/ide/add-on for sproutcore out there?
I use Jetbrains WebStorm.
Good support for js, not SC specific, but somehow it does very good highlighting for SC as wel and syntax errors.
Also not heavyweight (read slow).
I like it very much, tried a couple of other before.
Intype is also nice, less syntax help and other features.
E-text editor is windows version of Textmate with less features, more mature then Intype.
TextMate has a SproutCore bundle which is helpful - at the very least it runs JSLint on your .js files at save time, which stops a lot of basic syntax errors.
I use intellij. you can ctrl-click into most methods, and the warnings that it provides are close to what jslint will give you. You can also autocomplete.
I'm using JetBrains Ruby Mine. It's pretty smart. Coding hinting has built in integration got GitHub and from what I can tell pretty light weight. Refactoring is pretty awesome too. One of the best I've seen.
I'm planning to do a Cocoa app that requires code syntax to be colored (in all common languages). Instead of writing my own code highlighter/parser, are there any pre-made solutions available?
Thanks
You might be able to use something like Geshi, but there're also the resources listed here: http://www.cocoadev.com/index.pl?SyntaxHighlighting
Edit
More links:
Syntax Highlighting in Cocoa TextView? Experiences? Suggestions? Ideas?
http://parsekit.com/okudakit/
An excellent solution is Uli Kusterer's UKSyntaxColoredTextDocument. It is fast and has several built-in syntax parsers. It's easy to add new languages.
It's free for non-commercial use and very cheap if you want it for a commercial app.
You can also use the JavaScript library SyntaxHighlighter and embed it into a WebView into your app.
After quite a bit of research trying to solve a similar problem, the simplest approach I found by far is to use a JavaScript library for syntax highlighting combined with a WebView. Spending time writing a syntax highlighter, a fairly complex task, is probably not what you'd want to spend time on.
I settled on using the popular CodeMirror and wrote an open source wrapper for Cocoa: https://github.com/swisspol/CodeMirrorView. You can use similar approaches to wrap other JavaScript based code editors in Cocoa apps.
You can use highlight that is used in QLColorCode :) (however, it's not a Framework that you include in your code, but a command-line utility)
EDIT: Ah yeah, use Geshi, it's probably better :D