Temos grandes browsers no mercado, infelizmente um dos mais utilizados é uma verdadeira pedra no sapato de quem tem que desenvolver para a web. Ainda mais quando falamos de cantos arredondados ou rounded corners
Existe um fato e existe uma solução!
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 é 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.
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.
Simplesmente é um projeto open-source em javascript bem bacana que facilita a vida de quem tem que criar um CSS. Algo como um único border-radius pra servir com todo browser (menos a merda do IE, claro).
Ele é totalmente modular e com suas extensões pode-se obter muitas facilidades, como ampliar seletores CSS 3 para IE6, criar transforms, transitions, @font-face de forma mega fácil.
Para usar o módulo de seletor deve-se indicar um outro módulo já pronto, como o Sizzle, o mesmo já carregado e utilizado pelo jQuery e fazer uma pequena declaração no js indicando o seletor:
eCSStender.addMethod('findBySelector',Sizzle);
O eCSStender tem uma integração excelente com diversas bibliotecas tais como jQuery, prototype, etc. Não rola conflito! Fica tudo de forma simples e clara pra manutenção, deixe a trabalheira com o eCSStender!
O nome está assim para trazer a pronúncia: “extender”.
No link http://ht.ly/2b5Lc tem um exemplo bem legal que usei junto do html5shiv para usar tags de html 5 na página e ter algum resultado decente no IE6.
Aptana Studio 3 Preview
O grupo do Aptana acabou de lançar o preview do que deverá ser o Aptana Studio 3, com muitas novidades interessantes, entre elas:
Uma outra das melhores partes que foram anunciadas é que o sistema será mantido como gratuito, com seu código aberto, totalmente open source.
Pra quem ainda não conhece o Aptana, trata-se de um projeto que pode ser utilizado como plugin do Eclipse, famosa IDE open source avalizada pela IBM. O Aptana também pode ser utilizado através de uma instalação stand-alone, não perdendo suas capacidades de utilizar outros plugins do Eclipse.
Há sempre uma grande dúvida sobre quais browsers já estão atendendo aos novos padrões do HTML5 e do CSS3. Ambos trazem ótimas novidades, mas mesmo ótimos browsers ainda não suportam tudo que tem por aí.
Como é de costume, é claro que o Internet Explorer é o “mongol” da galera. Há promessas da Microsoft de lançar a versão 9.0 do seu navegador já com suporte ao html 5. Sinceramente o melhor é esperar que ela não tente mais uma vez suas inovações ao navegador. Esses foram sempre uma grande parte dos problemas que temos até hoje pela web.
Mesmo que possamos desconsiderar o IE, não só o mongol-mor (versão 6), temos que prestar atenção pois a Mozilla ainda não completou em seu navegador open-source o html5. Ainda falta bastante coisa, inclusive na versão 3.6. Nessa versão existe uma forma bem escondida de liberar a renderização das novidades nesse novo padrão, mas é bem complexa para um usuário comum e não vale a pena para quem não está ajudando a Mozilla a encontrar e corrigir bugs.
Para testar CSS3 e HTML5 sempre figuram em primeiro na lista (até o momento): Safari (Windows ou Mac) e o Chrome (Windows, Mac e Linux).
Quem quiser um exemplo bem famoso, visite a página do youtube: http://www.youtube.com/html5.
Como o artigo é lotado de gráficos eu aproveitei para abusar do jQuery UI que estou inaugurando em meu blog. As funcionalidades estão bacanas e é bem possível que ao longo do tempo eu possa mudar o tema utilizado (referente ao jquery ui).