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.

I use the built-in editor because I don't feel like downloading the default styles for local editing. =) When I write HTML/CSS at work, though, I'm generally doing it in Visual Studio 2013, but that's mostly because I'm on a .Net web application. In the past, I have also used eclipse, PSPad, Notepad, Dreamweaver, and (horror of horrors) FrontPage.

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 ?

Natha said: Brian said: downloading the default styles for local editing. =) I didn't know this was possible. Where can I get them ? <a href="https://d3clqjduf2gvxg.cloudfront.net/assets/base.css" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net/assets/base.css</a> and <a href="https://d3clqjduf2gvxg.cloudfront.net/assets/app.css" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net/assets/app.css</a> should be correct.

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 "&lt;a name=foo&gt; href=bar&gt;" or "a href=foo&gt;"). 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.

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. Actually, regular Notepad can save files as any file type. Just select All Files instead of Text Files when saving.

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 ? <a href="https://d3clqjduf2gvxg.cloudfront.net/assets/base.css" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net/assets/base.css</a> and <a href="https://d3clqjduf2gvxg.cloudfront.net/assets/app.css" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net/assets/app.css</a> 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.

Without looking too thoroughly, I believe base.css is basically Twitter Bootstrap, while app.css is custom stuff Riley's written. That would be the reason for having two css files. As for using them, see &lt; link &gt;. As manveti says, I believe there are some urls in the CSS that you'd want to change for working offline, and you'd also want the special fonts if you want all of the icons (eg, the d20 image on roll buttons).

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: <a href="https://github.com/Ramblurr/roll20-character-sheet" rel="nofollow">https://github.com/Ramblurr/roll20-character-sheet</a>... 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