Arquivo por categoria Web

Máscara de imagens com Canvas do HTML5

Aprenda como criar uma máscara em uma imagem usando o canvas HTML5. Você verá que é possível ter máscaras em diversos formatos e ainda é fazer animação come elas, algo impossível antes do HTML5.

Tags: , , , ,

Utilize efeitos de flip do iPhone e iPad com WebKit

Enquanto o W3C ainda não bate o martelo para o padrão de efeitos 3D, o projeto WebKit se adiantou e criou alguns excelentes efeitos que são aplicados por meio de CSS. A estrela da festa é o efeito '-webkit-transform'. Com ele é possível fazer rotações nos eixos X e Y (rotate), mover (translate), redimensionar (scale) ou mesmo mudar a perspectiva de um objeto (skew).

Tags: , , , , , , , ,

Ajax com Javascript não intrusivo (unobtrusive Ajax)

Javascript não intrusivo (unobtrusive javascript) sugere que o código HTML fique separado do código javascript, trazendo organização, modularidade, e maior facilidade na criação de plugins. Ao invés de adicionarmos códigos javascript aos eventos diretamente nos elementos HTML, construimos um HTML mais simples, e adicionamos um código javascript que irá observar quando o evento for disparado.

Tags: , , , ,

Geolocalização com HTML 5

Aprenda como usar o recurso de localização do HTML5. É possível obter as coordenadas (latitude e longitude) de um usuário e exibí-las em um mapa usando o google maps.

Tags: , , , , ,

Drag and drop de múltiplos arquivos para upload via Ajax com HTML 5

{lang: ‘pt-BR’}Uma funcionalidade bem esperada do HTML5 é a capacidade de arrastar e soltar arquivos para dentro do browser. Desta forma, o usuário é capaz de fazer upload ou manipular arquivos, sem ter navegar por toda árvore de diretórios do sistema através da caixa de diálogo padrão do sistema.  É possível também fazer upload de […]

Tags: , , ,

Aumento da Performance de Jogos em Flash com Bit blitting

{lang: ‘pt-BR’}Bit Blitting é uma técnica que consiste em transferir blocos de bits de um elemento gráfico e combiná-los em uma segunda imagem que será renderizada e exibida. Criada no laboratório Xerox PARC, o objetivo é oferecer um mecanismo eficiente para renderizar múltiplos elementos gráficos simultaneamente. A técnica recebia o nome de BitBLT e oferece uma […]

Tags: , ,

Cache com PersistenceManager para aplicações para dispositivos móveis em Flex

Descrição de como criar uma camada de cache para as chamadas de serviço remotas em uma aplicação móvel desenvolvida em Flex/ActionScript. Fiz uso do PersistenceManager, implementado com SharedObject e da classe Proxy. Também usei metadatas para selecionar quais métodos deveriam figurar no cache.

Tags: , , , , ,

Criando um Singleton em Action Script

{lang: ‘pt-BR’}Para os marinheiros de primeira viagem, Singleton é um padrão de projeto que permite criar classes que dêem origem a apenas um objeto. Isso é bastante útil para definir classes de controle, ou classes que conterão dados que serão compartilhados por toda a aplicação. O princípio básico de criação do Singleton é não permitir […]

Tags: ,