Training Submitting Multiple Crosswalk APKs to the Google Play Store* The Crosswalk build system produces two Android APK files: one for x86 CPU architecture devices and one for ARM CPU architecture devices. The build system combines these two APK files into a single ZIP file for easy download to your development Using Oauth 2.0 login for HTML5 apps Before using popular API services like Google*, Facebook* or Instagram* in HTML5 apps, you have to first authenticate with the service. Most services today use Oauth 2.0 to authenticate the users with applications. Using the Build Tab In the Intel® XDK development environment, once you have completed debugging and testing your app you can use the Build tab to make packages suitable for submitting to a variety of app stores. Using the Services Tab The Services tab of the Intel® XDK development environment lets you explore a collection of third-party web service APIs (cloud services). Using the Intel® XDK Develop Tab Using Services Datafeed in Brackets
RL SYSTEM - Cursos Online de Android, .NET, Java, PHP, ASP.NET, Delphi, Ajax, jQuery, Ios, Banco de Dados, HTML5 e CSS3 Nunca foi tão fácil criar o seu aplicativo móvel Desenvolver aplicações para dispositivos móveis sempre foi o sonho de consumo de muita gente que trabalha com tecnologia da informação, mas muita gente acaba desistindo quando descobre que cada sistema operacional móvel possui um kit de desenvolvimento de software (SDK) específico e trabalha com uma linguagem de programação específica. Já é possível a utilização de uma única linguagem de programação para o desenvolvimento de aplicativos multiplataforma para dispositivos móveis, e a boa notícia disso é que esta linguagem é uma velha conhecida de muita gente: o HTML5. O HTML5 é mais do que uma linguagem de descrição de páginas web, ele na verdade é um framework para desenvolvimento de aplicativos web baseado em três tecnologias: HTML + CSS + JavaScript. Sabe o que isso significa ?
MathML e SVG MathML O HTML5 incorpora o padrão MathML. Trata-se de uma linguagem de marcação, baseada em XML, para representação de fórmulas matemáticas. Arquivo: exemplos/13/mathml.html 2 <html> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>MathML</title> 6 </head> 7 <body> 9 <math xmlns=" 10 <mrow> 11 <mi>x</mi> 12 <mo>=</mo> 13 <mfrac> 14 <mrow> 15 <mo form="prefix">−</mo> 16 <mi>b</mi> 17 <mo>±</mo> 18 <msqrt> 19 <msup> 20 <mi>b</mi> 21 <mn>2</mn> 22 </msup> 23 <mo>−</mo> 24 <mn>4</mn> 25 <mo>⁢</mo> 26 <mi>a</mi> 27 <mo>⁢</mo> 28 <mi>c</mi> 29 </msqrt> 30 </mrow> 31 <mrow> 32 <mn>2</mn> 33 <mo>⁢</mo> 34 <mi>a</mi> 35 </mrow> 36 </mfrac> 37 </mrow> 38 </math> 40 </body> 41 </html> Veja como esse exemplo é renderizado no navegador: Mesmo que você nunca tenha visto MathML, e este código pareça um pouco assustador, dê uma olhada com calma no código, comparando com a imagem do resultado, e você vai perceber que é muito simples. 23 </svg>
Imagens em SVG - Como funciona Artigos Entenda o que são imagens SVG e como você poderá utilizá-las hoje. Scalable Vector Graphics (SVG) Uma das grandes tendências do momento quando se fala sobre desenvolvimento web é o formato SVG, principalmente com o advento do design responsivo e a consequente preocupação com dispositivos com densidade de pixel superior (HiDPI) como a tela retina da Apple, utilizada nos modelos mais recentes do iPhone, iPad e do Macbook Pro. Mas o que exatamente é um arquivo SVG? Qual é a diferença entre um vetor e um bitmap? O que é SVG? SVG é uma sigla para Scalable Vector Graphics ou, em português, Vetor Gráfico Redimensionável. Um arquivo SVG é basicamente um mapa em XML que descreve matematicamente uma figura gráfica bidimensional. Vetor vs Bitmap Existem dois tipos principais de arquivos de imagens. As vantagens de se utilizar gráficos em vetor são incríveis. Onde e quando aplicar Mas é bom não abusar. Como fazer um arquivo SVG Se você não é um grande designer, sem problemas. Implementação 2. 3.
Raphaël—JavaScript Library Persistência local: Interação HTML5 com Storage No post desta semana iremos abordar um tema relevante: a web e aplicações móveis. O assunto é a utilização do novo padrão HTML5 e sua persistência local, que por muitos anos se utilizou o denominado cookie. Hoje apresentamos a API Storage e o Web SQL, com novos padrões, completos e muito mais eficientes. Existem diversos motivos para se utilizar um armazenamento Client Side. Um exemplo bastante interessante aos desenvolvedores é a possibilidade de criar uma aplicação web que possa funcionar quando o usuário estiver no modo offline e, quando este voltar à rede, contar com todas as informações sincronizadas. Conceito: Nas versões anteriores do HTML eram utilizados cookies com tamanho máximo de 4kb, que dificultava a criação e recuperação de dados. Com a necessidade de aprimoramento de componentes web, o HTML5 apresenta três novos formatos de Storage. SessionStorage;LocalStorage;Web SQL Database. API Storage Browsers que suportam o padrão: Web SQL Database Browsers que suportam este padrão:
HTML 5 – Parte 10 – Animação | Elemar DEV Olá pessoal, tudo certin? Meu último post, sobre REST, ficou bastante “denso”. Por isso, resolvi pegar leve hoje. Dica: fica muito mais fácil acompanhar pegando o código-fonte; A idéia é diversão … O que já vimos? Para você que está chegando agora, veja o que já foi abordado: Pegando a idéia… O conceito de animação disponível para Canvas, no HTML5, é muito simples (quase rudimentar). Pintando uma imagem Animação com HTML é na unha! Observe o código: O que eu fiz? criei um objeto canvas; criei um método de inicialização que carrega dinâmicamente uma imagem; redimensiono o canvas para que tenha o tamanho da área útil no browser; com a imagem carregada, desenho-a no canvas. O resultado, no meu computador ficou assim: Bacana! Fazendo a bola girar Para dar um pouco mais de graça… vamos fazer a bola girar. O que eu fiz? criei um canvas onde eu processaria “a rotação” da bola. Bacana! Movendo a bolinha pela tela Vamos fazer a bola rolar pela nossa tela! Retirei o código que apaga o desenho anterior.