What programs do you use?

What programs are used by the community to edit the html and css?

Generally, I use the roll20 custom character sheet for all the editing, as its color coded and pretty like that. Once I have some usable material, I save it on Notepad- because I have it already- but that has caused some problems before.

What do yawl use? Is there a better program/format to save the html & css in? Is there something that is easier to use?

Im using dreamweaver CC for mine.
mostly because my html and css skills are basic at best. So I can have it format things for me, and autocomplete <> </> boxes I forget, and do basic checking with it to tell me when I did something wrong.

I've heard lots of good about Notepad++, and Sublime looks pretty neat. If I weren't addicted to MULTI, I'd probably start off trying one or both of them.

Notepad++ gets my vote for a Windows option, for Linux probably something like Kate as an equivalent.

For Windows I'd recommend Notepad++ (used to be free, don't know if it still is) or UltraEdit (likely isn't free, but I don't know). On my Mac I use TextWrangler but am somewhat addicted to plain text applications so keep looking for the next one to replace it...

I do have Dreamweaver...I may have to give that a shot to see if it can help speed things up for me...

Brian said:

downloading the default styles for local editing. =)

I didn't know this was possible. Where can I get them ?

So what is the default styles used for? I don't suppose they let you build a sheet offline and still see the results, do they?

So far, I am getting reading a lot of Notepadd++. I got that, and it allows saving as an html and css files, which the normal notepad didn't. I don't know if Notepad++ does anything else special.

Dreamweaver looks neat, but I'm not going to pay a monthly fee for web design software when I'm not designing webpages.

Sublime Text looks intense. And intimidating. But still cool.

What is MULTI? When I do a search, I get a lot of sites talking about the html tag multiple, but no program.

Visual Studio 2013 looks like Sublime, with a tad bit more awesome thrown in.

I look at the rest when I get the chance.

John W. said:

So far, I am getting reading a lot of Notepadd++. I got that, and it allows saving as an html and css files, which the normal notepad didn't. I don't know if Notepad++ does anything else special.

Syntax highlighting is the other feature of Notepad++ that should help. So basically if the settings/mode of Notepad++ are right, when you start typing an HTML or a CSS code, it should automatically color the text in a way that helps you see the opening/closing of code, and things like that.

That's exactly what the default styles are for: so you can see the document locally like it's going to appear in Roll20. There are a few icon images there that you'd have to download (and change the URLs in the CSS files) in order to view it 100% offline, but unmodified is good enough to do your testing outside of Roll20.

A good editor (like those recommended) will give you syntax-highlighting and auto-indent to help you see the document's structure at a glance, tab-completion to reduce your typing load, and general quality-of-life features like keeping track of which opening item (parenthesis, bracket, quote, etc.) corresponds to the closing one you just typed (to help avoid mistakes like "<a name=foo> href=bar>" or "a href=foo>"). Also, once your documents get big and complicated, things like regex searching can help you navigate better than a plain-text search can.

If you're looking for a WYSIWYG rather than a text editor, I know SeaMonkey has one bundled in with its browser (and the browser is pretty good too; I'm in the process of switching over to it from Firefox). I do my HTML and CSS stuff manually (and unattractively, but that's neither here nor there), so I haven't tried it lately, but I remember Netscape Composer (on which it's based) being reasonable back a decade or two ago when I last used it.

MULTI is an IDE aimed largely at embedded development (people writing software that runs on cars, planes, elevators, pacemakers, etc. Also Wii U games). As far as I know, it isn't sold individually -- only in bulk to businesses. But I really like the editor that comes with it; I don't know what I'll do when I change jobs and don't have access to it anymore.

Brian said:

Natha said:

Brian said:

downloading the default styles for local editing. =)

I didn't know this was possible. Where can I get them ?

https://d3clqjduf2gvxg.cloudfront.net/assets/base.css and https://d3clqjduf2gvxg.cloudfront.net/assets/app.css should be correct.

How would you implement this Brian? Why is there 2 css files? I use an older version of DW (and notepad++) and just "wrap" the character sheet html and link to the sheet's css file so I can view locally. But this method is hit/miss. Things usually look different in the roll20 preview.

I am using Sublime text editor, grunt and livereload to develop a sheet mostly locally. I basically took the development bits and mortar from Casey Links cool "Trail of Cthulhu" and "Firefly" character sheets:

https://github.com/Ramblurr/roll20-character-sheet...

I did not use less or sass for building the sheets css, but probably will do it on the next refactoring cycle ;)

I use Chrome with the livereload add-on, so when I save the html or css in Sublime, the view in the browser gets reloaded and I see the changes immediately.

So a local preview works fine e.g.:

Casey Links "Firefly" character sheet
My 13th Age character sheet

Again, my thanks and kudos to Casey for the nice dev setup!

Now all I wish for is a way to automatically upload html/css into a campaign for testing. Has anybody tried and succeeded in upload automation with something like PhantomJS?

PHPStorm