Blog do TreinaWeb
Dicas, notícias e informações sobre cursos, programação, webstandards e desenvolvimento web.Posts com a Tag ‘Javascript’
-
10 mitos da incompatibilidade nos navegadores para HTML/CSS/JS
28 de November de 2011
Quem anda de cabresto, sempre tende a olhar para baixo, excluindo a curiosidade de olhar o mundo exterior ao seu redor, depois que eu saltei da minha zona de conforto a 10 meses atrás, eu tinha a notória sensação de que eu descobria coisas novas a cada segundo, e as lembranças da zona de conforto me acomodaram mal, muito mal por sinal.
Uma das coisas que te deixam infeliz é a tal preguiça de inovar, justamente por que confortavelmente você acha que nunca precisa mudar, e nessa migração constante deparamos com mitos criados ou expurgados por quem não dá a mínima atenção em inovar e ser competitivo.Quando eu comecei a estudar HTML5/CSS3/JS, eu tinha aquela sensação de mal estar adquirido, achando que nada prestava, tudo precisava melhorar, CSS então era a brincadeira de estica e puxa,Deus nos acuda!
Ao passar das semanas eu fui percebendo que os navegadores evoluíram bastante, frameworks e desenvolvedores de padrões web colaboraram para essas evoluções e no final percebi que quem estava atrasado na história era eu mesmo.
Então somei o que eu achava mito e decidi escrever esse post para você abrir sua mente e se liberar de seus medos.
10 Mitos da incompatibilidade nos navegadores
MITO 1 – HTML e CSS é feito para fazer sites e não sistemas.
Resposta: Então você nunca usou o Hotmail, Gmail, adWords, adSense na vida, você nunca usou itaú bankline, Bradesco on-line e por ai vai. o HTML e CSS é poli valente, funciona para tudo.
MITO 2 – Tenho que fazer vários ifs e elses para suportar N navegadores
Resposta: Não há necessidade, já que existem N frameworks no mercado que fazem a manipulação perfeita entre engines de navegadores, grande parte dos navegadores usam webkit/gecko e o único a usar um engine diferente é o IE com seu msie, porém na última versão 8, já vem com suporte a padrões web.
Frameworks que podem te ajudar a quebrar esse mito: JQuery, MooTools, EXT Js, Script.aculo.us, ProtoType.
Ou seja, alternativas é o que não falta para esse mito, já que todos peleijam em achar que irá voltar a época das cavernas por manipular DOM de cada engine de navegador.
MITO 3 – HTML5 é incompatível com navegadores
Respota: Desde quando HTML é incompatível com navegadores? HTML5 nada mais é que uma nova versão do HTML, existem alguns recursos como WebGL, Canvas, Audio, Video, codecs de audio e video que são específicos de cada navegador, que ao total 93% de todos os recursos que você vai usar em um único projeto é compatível com todos os navegadores.
Caso você ainda tenha problemas em achar que o HTML5 pode não rodar perfeitamente no IE7,8 você pode usar bibliotecas já prontas para isso. Uma delas inclusive é amplamente utilizada, a Modernizr.
MITO 4 – Não posso usar MVC em uma aplicação web feita em Javascript e HTML
Resposta : Mito detonado, no bom estilo caçadores de mitos, desde que javascript é javascript, e tudo é Objeto. Então eu manipulo qualquer objeto aplicando qualquer padrão existente, Aconselho você usar esse slides para te influenciar a pensar diferente.
MITO 5 – Não consigo criar interfaces com facilidade como no Flex
Resposta: É por que você não conhece o JQuery UI, YUI, Prototype UI, UKI, MochaUI, Livepipe UI, Alloy UI e GWT. Ou seja, alternativas para você criar interfaces não faltam.MITO 6 – Aplicações Web feitas em HTML 5 e CSS3 não são cross-plataforma.
Resposta: Navegadores hoje são cross-plataformas, rodam no Linux, MAC, Windows, ios, Android e Windows Phone. Se sua aplicação fica na caixinha de areia do navegador então ela também será cross-plataforma, não tendo a necessidade absoluta de portar seu aplicativo para diferentes plataformas. Assim como no Flash Player ser cross-plataforma, é por que ele tira proveito dos navegadores.
MITO 7 – Aplicações feitas em HTML5 e CSS3 são lentas
Resposta: Uma vez que sua aplicação pronta, ela trafega muito mais rápido para o navegador do usuário do que seu SWF, já que não é compilável, é apenas lida.
O Flex compila o que você escreve em um SWF, esse SWF é binário, como uma imagem em JPEG ou PNG é. A diferença é que uma vez baixado ele se torna mais rápido por que não é interpretado. Já com HTML, CSS e JS ele é interpretado sempre que você manipula.A grande vantagem está no tráfego de dados e na re-utilização do sistema, á que por padrão ele tem cache ativo. roda muito mais macio no navegador e não depende de plug-in.
MITO 8 – Em aplicações Web eu não consigo fazer Sockets, usar o AMF
Resposta: Você consegue sim, WebSockets são novidade, são feitos em js, veja o Node.JS. E AMF conheça o AMFJs.
MITO 9 – As IDE atuais são péssimas, produtividade ZERO
Resposta: Mito detonado também, existem N IDEs excelentes uma delas é as IDEs feitas pela JetBrains, compatíveis com os padrões do mercado e cheia de recursos, outras tão boas são para o Eclipse como o Aptana. E claro o Dreamweaver CS5.
MITO 10 – Meus aplicativos são re-escritos sempre que for criar uma versão mobile deles.
Resposta: Existem 2 posibilidades de você usar HTML, CSS e JS em aplicações Móveis, uma é usar os Media-Queries de CSS, fazendo o layout de suas aplicações responsivas. Ou criando um aplicativo específico para Mobile usando o mesmo HTML 5 e CSS3 feito para versão Web/Desktop.
Então se você chegou até aqui, é sinal que alguns mitos já passaram por sua cabeça e a dúvida pairava no ar. A minha sugestão é, ajude outras pessoas a se libertar desses mitos.
Fonte: Igor Costa.
-
Engine para criação de jogos com HTML5 e Javascript
22 de April de 2010
Os inesquecíveis jogos de Arcade dos anos 80 e das plataformas 8-bits nunca perdem o estilo e continuam sendo fonte de algumas horas perdidas no entretenimento pela internet afora, principalmente para aqueles que gostam de jogos casuais.
É comum encontrar muitos desse jogos em Flash, no entanto, muitas iniciativas para tornar a Web padronizada e livre de plugins levem o desenvolvimento de alternativas que objetivam a necessidade somente de um navegador para execução de aplicativos. E isto também está sendo aplicados ao jogos e animações, com o uso de Javascript e com os recursos, ainda não completamente especificados do HTML 5.
Como a engine Akihabara, que utiliza alguns recursos do HTML 5 e de algumas bibliotecas Javascript para construção de jogos estilo 8-bits, sem a necessidade de nenhum plugin, mas funciona só nos navegadores atuais.
Embora a documentação da engine não esteja completa, podemos notar nos demos que existem muitos recursos interessantes para a realização de jogos simples, que já estão disponíveis, como detecção de colisão, animação por sprites e captação de eventos do teclado.
Abaixo alguns exemplos de jogos rodando no HTML 5:
Fonte: JavaFree
-
Gerar PDF em Javascript!
29 de April de 2009
Apesar de conhecemos pessoas que “odeiam” o Javascript, não podemos negar que foi o tempo, onde ele servia apenas para efeitos bobos, abrir “popups”, alertas e validação de formulários. Nos já mostramos funções em Javascript, que há tempos era impensável de se fazer na linguagem.
Se você se surpreendeu com o Chrome Experiments, se prepare porque agora você irá cair pra atrás, pois surgiu uma função para gerar PDFs, isto mesmo, você não ouviu errado. A biblioteca chama-se jsPDF (que original!) e gera PDF em Javascript puro. É um projeto open source, e atualmente só funciona no Firefox 3, Safari (até o do Iphone) e Opera, mas o suporte ao IE está a caminho.
Por enquanto ele gera PDF só com texto, mas o suporte a imagens, links e fontes está previsto nas próximas versões.
Até a próxima!