JQuery, HTML5 e CSS3
Posted on | abril 13, 2010 | No Comments
Depois de um hiato de mais de 40 dias, quis colocar aqui algumas coisas relativas às novas tecnologias que mais cedo ou mais tarde serão utilizadas com grande frequencia por desenvolvdores web.
O HTML5 ainda é um draft da W3C, e sua definição formal só será feita daqui há algum tempo. Também o CSS3, em draft pela W3C tem-se moestrado diferente do CSS2 em muitos aspectos.
Eu vejo o HTML5 muito mais como agregador de widgets do que propriamente uma marcação de texto (como foi originalmete concebido). Isso porque começou-se a utilizar a web de formas diferentes e com certas adaptações (quase “gambiarras”) para se chegfar ao objetivo pretendido. Pois bem, a W3C vem com a normatização para ajudar a desenvolver de forma canônica o futuro da web.
O CSS3 também vem cheio de estilos diferentes, opções várias de modificações de elementos HTML, enfim, com o HTML5 e o CSS3 a web nunca mais será a mesma e boa parte do que os desenvolvedores web aprenderam deverá ser revisto.
Hoje em dia alguns navegadores já aceitam algumas tags de HTML5 e estilos de CSS3.
Pensando numa possibilidade de experimentação, criei dois sites com CSS3, HTML5 e JQuery, ainda em fase de elaboração, mas podem servir como estudo.
São eles:
Uma nova cara para este site
Play 4 Life: jogando pela vida
Divirtam-se
Tags: CSS > CSS3 > HTML > HTML5 > Javascript > JQuery
Trabalhando com Flex e banco de dados – um exemplo simples
Posted on | fevereiro 17, 2010 | No Comments
Hoje é quarta-feira de Cinzas, início do período de Quaresma para os cristãos.
Ontem foi terça-feira de Carnaval e resolvi terminar (de forma beta) um aplicativo bem simples que eu tinha começado há um tempo atrás, depois que vi que o post Trabalhando com Flex e banco de dados estava dando audiência.
Este aplicativo cria um banco SQLite com 3 tabelas: contatos, grupos e contatos_grupos.
Essencialmente é um cadastro simples para mostrar o uso do SQLite com o Adobe AIR (o uso do SQLite é nativo ao AIR, não ao Flex que é embarcado no HTML e exibido em um navegador).
As tabelas são simples, e a tabela contatos_grupos faz um relacionamento n:n com as outras duas. A idéia é ter uma visão geral do uso do SQLite com o Flex.
Diagrama de estrutura do banco de dados
Trabalhei já com SQLite e PHP, mas não é muito recomendado – a não ser que você use pra gravar pequenas configurações – pois a performance dele deixa a desejar.
Ainda assim, é uma opção bem tranquila quando se precisa fazer algo simples e pequeno e precisa-se de um banco de dados. Na referência do Flex existe um conjunto de classes que trabalha com SQLite (a saber: SQLCollationType, SQLColumnNameStyle, SQLColumnSchema, SQLConnection, SQLError, SQLErrorEvent, SQLErrorOperation, SQLEvent, SQLIndexSchema, SQLMode, SQLResult, SQLSchema, SQLSchemaResult, SQLStatement, SQLTableSchema, SQLTransactionLockType, SQLTriggerSchema, SQLUpdateEvent, SQLViewSchema).
A idéia aqui não é discorrer sobre nenhuma delas. Apenas veja o fonte do aplicativo e você terá uma visão geral de como trabalhar com o SQLite. Em especial, eu destaco a função sqlQuery (na linha 230).
Ela faz o papel de conexão e execução da instrução SQLite. E ela coloca funções de retorno em caso de sucesso e em caso de erro, e coloca o resultado numa variável que pode ser acessada por qualquer função.
Faça aqui o download do projeto
Tags: Adobe > AIR > Carnaval > classe > Flex > OOP > SQLite
Aplicativo em AIR para leitura de emails e Twitter
Posted on | janeiro 19, 2010 | No Comments
Trabalhando com AIR, decidi criar algo parecido com o que o iGoogle faz, mas em formato desktop. Aí resolvi ir um pouco além: colocar em Dock (na barra onde aparece o relógio e os aplicativos que rodam de fundo). Coloquei poucas funcionalidades, como janelas ajustáveis. Acabou ficando um híbrido de diversas fontes.
Mini leitor de emails e Twitter
Fontes:
- http://myflex.wordpress.com/category/components/ (Componente CollapsableTitleWindow)
- http://www.saskovic.com/blog/?p=5 (Minimize to system tray)
- http://www.adobe.com/devnet/air/flash/quickstart/stopwatch_dock_system_tray.html (dock)
Tags: Adobe > classe > Flex > OOP > twitter > variáveis
