Vou listar algumas das melhores IDEs para desenvolvimento em evidência no mercado. Não apenas para montar HTML 5 e CSS 3, mas também para códigos e algorítmos em diversas tecnologias, como Javascript, jQuery e até podemos arriscar algumas linguagens “server side”.
JSBin
JSBin é uma ferramenta excelente para teste colaborativo de html e javascript. Facilitando a integração algumas das mais populares bibliotecas e frameworks JS, ele permite que o usuário insira rapidamente o seu código e grave com um controle de versão muito simples. JSBin definitivamente não é apenas um marcador de código.
Característica que vale ressaltar: JSBin é open source, 100% free.
Kodingen
PHP, Ruby on Rails, Django, Perl, SVN, Git, etc? Você ainda achava que era impossível ter uma IDE pra tudo isso que fosse também browser based? Kodingen é o nome dessa poderosa ferramenta que oferece uma boa parte de seu sistema de forma gratuita e está conquistando muitos fãs pela web.
jsFiddle
JSBin tem um ótimo concorrente, é o jsFiddle. Não há nenhum sangue no ringue pois é mais uma ferramenta feita através da colaboração.
Totalmente gratuito, o jsFiddle avançou bem mais que o JSBin e trouxe opções interessantes como atalhos para requisições Ajax, uma caixa exclusiva para o CSS (faz falta no concorrente) e tudo com uma interface não menos elegante.
IDEOne
Imagina uma IDE que pode receber até cerca de 40 linguagens diferentes, compilar e executar pra você o código?
No IDEOne, o Javascript, Python e Ruby ficam no chinelo quando você encontra na lista Smalltalk, Cobol e Assembler.
Você pode se assustar mais ainda como poder dessa ferramenta quando ver que da pra debugar o código. Incrível. Se ficou empolgado, a ferramenta oferece API para desenvolvimento externo!
CSSDesk
Normalmente a simplicidade fala muito mais alto. É o caso quando precisamos apenas testar rapidamente CSS e HTML.
Assim temos o CSSDesk para salvar o dia.
Com interface muito bacana, o CSSDesk ajuda muito na implentação de CSS 3 e HTML 5, fornecendo uma visualização em tempo real.
Mozilla Bespin
Alguns dias a equipe da Mozilla acorda de ótimo humor e ótimas ideias. Uma delas foi o Bespin.
Também com o intuito de fortalecer a ideia do HTML 5, a ferramenta pode ser baixada e usada no seu browser de forma local, assim você pode usar um servidor próprio.
Utiliza-se do Canvas pra deixar tudo com um toque bem bacana, Bespin é uma IDE web inspiradora.
Veja uma demonstração em https://bespin.mozillalabs.com/.
PHPAnywhere
Você trabalha com PHP e as vezes troca de máquina ou vai fazer trabalho remoto? Se é o seu caso o PHPAnywhere é uma ferramenta e tanto para você esquecer dropbox, pendrive etc para finalmente ter a sua IDE dentro do seu browser, onde quer que você vá.
O seu funcionamento é simples, você utiliza o PHPAnywhere para conectar-se ao seu servidor FTP, ele lista os arquivos.
A ferramenta faz syntax highlighting, ou seja, aquele lance bacana de colorir código e já está sendo preparado o “code completion”, além de ser um FTP Explorer. A sua interface é muito similar à de uma IDE desktop, mas o preço é incrível: grátis.
