Web development app suggestion?

SilverNodashi

Expert Member
Joined
Oct 12, 2007
Messages
3,340
Reaction score
48
Location
Johannesburg, South Africa
Hi,

Can anyone recommend a decent web development app (not framework) with the following features:
  • Ability to switch between HTML and WYSIWYG mode (split screen would be better)
  • Ability to add pages to the whole website and update menu's / links throughout all the pages.
  • HTML / CSS / PHP (and perhaps MySQL) code highlighting.
  • Quick / easy tools to add forms / tables / layouts / validation / etc.
  • FTP / SSH / sFTP upload.
  • GIT / SVN would be nice, but not necessary.
  • visual CSS formatting
I can't think of other requirements right now but these are the basics I want in a single editor, if possible.

Artisteer could build websites and manage the menu's / links but doesn't support PHP. And it is now end of life. But the fact that I could quickly add / remove / update pages and the menus get updated was nice.

NotePad++ is a bit too basic

I haven't coded websites an many years so the stuff I used to use either doesn't exist anymore or in the case of Dreamweaver (which did most of the above) is following a SAS model which I don't like much.
 
The last fully integrated IDE that did that was Dreamweaver.

I think it's still available via the Creative Cloud subscription.

Sounds to me like you want a drag and drop website builder. Not sure why you're looking for an IDE.

Rather get a visual theme builder via Wordpress.
 
The last fully integrated IDE that did that was Dreamweaver.

I think it's still available via the Creative Cloud subscription.

Sounds to me like you want a drag and drop website builder. Not sure why you're looking for an IDE.

Rather get a visual theme builder via Wordpress.
I am not too keen on the creative cloud subscription options.

I don't necessarily want drag & drop, as those editors tend to be very limited.

Wordpress is nice for full blown websites but often far too overkill for something like an intranet
 
seems what you want is a WordPress theme like divi, It has lots of the you mention.
 
VS Code and find the correct add-ons.
Ability to switch between HTML and WYSIWYG mode (split screen would be better) ✓ https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer
Ability to add pages to the whole website and update menu's / links throughout all the pages. Not sure what you mean by this? Would be the CMS doing this? Or you mean being able to write a regex function to handle this?
HTML / CSS / PHP (and perhaps MySQL) code highlighting. ✓ https://marketplace.visualstudio.com/items?itemName=jakebathman.mysql-syntax
Quick / easy tools to add forms / tables / layouts / validation / etc. No? This is not really an IDE feature/something that exists using PHP/without an add-on that does it for you like Visual Composer in Wordpress. Closest if pure code is use snippets: https://code.visualstudio.com/docs/editor/userdefinedsnippets
FTP / SSH / sFTP upload. Seriously suggest you use a dedicated tool for this instead or create a bash/powershell script, but e.g. https://marketplace.visualstudio.com/items?itemName=liximomo.sftp (I did use https://marketplace.visualstudio.com/items?itemName=mkloubert.vscode-deploy-reloaded for a little, but I find it a little OTT for my use case)
GIT / SVN would be nice, but not necessary. ✓ VS Code Git lens: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
visual CSS formatting ✓ https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
Also suggest you actually take advantage of the built-in emmet, auto rename tag, auto close tag, bracket pair colorizer 2, SCSS intellisense (if you're still using CSS, suggest you move away for any larger projects), TODO parser (like in Jetbrains suite it highlights any TODO: task stuff, good for keeping track of what sections still need to be done if you need to quick fix something and come back later), and get the snippet addon for whatever CMS/framework you're working on, like WordPress snippet.

Just go find stuff on: https://marketplace.visualstudio.com/vscode and install.
 
Top
Sign up to the MyBroadband newsletter
X