Tudo relacionando a CSS

Variáveis no CSS, um desejo já em teste

O WebKit é um projeto Open Source para testes de futuros releases do Safari. Ele se destaca por possuir diversas inovações, utilizando um repositório com versões geradas diariamente (nightly build).

Em uma de suas últimas versões, tivemos uma novidade, que foi a implementação do suporte a variáveis dentro de folhas de estilo. Esse novo conceito já vem sendo sugerido desde a referência do CSS2.1, a cerca de 10 anos atrás, mas nenhum browser havia se manifestado quanto essa idéia. Ponto para o WebKit!

O que ganhamos com variáveis

Simplesmente passamos a ter uma maior dinâmica entre arquivos CSS, ou seja, uma vez que variável for definida, ela pode se repetir dezenas de vezes dentro e fora de um arquivo, contanto que tudo se encontre em hierarquia.

Imagine se definimos uma div com classe equivalente ao céu e logo após uma ao mar. Resumindo bem, teríamos dois elementos de cor azul e então faríamos algo desse tipo:

div.ceu { background-color: blue; }
div.mar { background-color: blue; }

ou

div.ceu, div.mar { background-color: blue; }

Com uma variável, poderíamos evitar que o background-color fosse definido várias vezes como blue:

@variable { corNatural: blue; }
 
div.ceu, div.mar { background-color: var(corNatural); }

Ou até mesmo manter um arquivo externo com nossas nomeclaturas pessoais de cores.

/* arquivo com um @variable definindo todas as cores */
@import "cores.css";
 
div.ceu, div.dia, div.noite { background-color: var(corCeu); }
 
div.mar, div.agua { background-color: var(corAzul); }

Espero que isso vire um padrão. Vamos esperar!

Obs: Não é de hoje que o Webkit impressiona, a meses atrás foi implementado o suporte a css animado com svg e esse mesmo já está ativo desde o Safari 3.1.

Análise do Adobe AIR. Usar Web ou Desktop?

Adobe AirCom uma semana lançamento, o Adobe AIR já impressiona alguns e não espanta outros.

O que impressiona para alguns

O Adobe AIR é a solução ideal para aqueles que já produzem aplicações web e desejam expandir para o Desktop. Se difere dos concorrentes por um bom suporte a tecnologias e um auto-instalador de arquivos “.air” .

Ele também tem destaque na quebra de barreiras de aprendizado, pois não seremos obrigados a estudar bibliotecas visuais para a programação Desktop (Microsoft Ribbon, Java Swing[bb], GTK[bb], etc…).

Podemos simplesmente desenvolver nossas aplicações em soluções ricas e personalizáveis como o Flex, Flash[bb] e AJAX[bb](html + css + js). Em tempos de portabilidade, o AIR é um ganho, pois largamos dos nossos velhos programas de 300mb e nos agregamos aos leves dessa tecnologia.

Além disso, ele é cross-platform, ou seja, roda em múltiplos sistemas operacionais(mais polulares como Mac, Windows e em breve Linux[bb]).

O que não espanta para outros

Com a “Web 2.0[bb]” (nome marketeiro que pegou), deixamos de lado muitas soluções Desktop.

O Google é um exemplo, que traz serviços como o Docs, Spreadsheets e o recém lançado Presentation.

Pela Web, não dependemos de uma excelente estrutura de máquinas (apesar de afetar a produtividade[bb]) e evitamos a instalação de aplicações. Se torna fácil a realização de trabalhos remotos, em equipes e sobre qualquer plataforma que possua suporte a navegação.

É difícil pensarmos em fazer aplicações Desktop quando temos todas essas possibilidades na Web.

Usando os dois

O AIR torna fácil a integração com API’s[bb] online, como exemplo o Twhirl, um aplicativo que traz tudo o que rola em seu Twitter.

Para onde correr

Nesse momento, o ideal é não ficarmos fanáticos por alguma dessas soluções, mas sim buscar aquela que lhe traga mais conforto numa determinada ação.

Visual terminado

Após a promessa , finalmente consigo tempo para terminar a identidade visual do blog.

Optei por uma comunicação simples, sem muito efeito visual, algo ideal para este tipo de mídia.

Agora vem uma etapa trabalhosa, que é a otimização do código base do skin.

Conto com a opnião de vocês sobre essa nova fase do EuCrio Blog. ;)

Aptana pago, acredite

Logotipo do Aptana IDE

O Aptana, uma IDE do Eclipse destinada para aplicações web, deixou de ser beta e lançou sua versão 1.0.

Possui grande repercussão entre desenvolvedores de aplicação Javascript(e frameworks), PHP, Ruby On Rails e também a RIA Adobe Flex.

Apesar de seu foco se situar em back-end, ele tem uma avançada edição de CSS, onde visualizamos a compatibilidade dos browsers sobre cada atributo digitado.

Também é aberto a novas tecnogias, dentre elas a produção de aplicações para Iphone, o que não é novidade ao citarmos membros da equipe como participantes do Blog Ajaxian.

Seu grande potencial, está na edição simultânea de arquivos no FTP e a compatibilidade com múltiplas plataformas (Windows, Linux, Mac).

O Aptana dava orgulho de se dizer que era free, com update, funcional em boas máquinas (lembre-se, eclipse é em java) e mais produtivo que muitos pagos por ae.

Esperava algo do tipo 1.0 freeware stable, errei feio, pois ele sofreu uma divisão de versões:

A partir de agora, para você ter seu Aptana estável, além de precisar de um excelente computador, terá que dispor $99.

Poderiam pelo menos correr atrás de investimentos, pois o eclipse vive disso.

Agora que não largo mão do meu Notepad++.

Não comemore a copa no Brasil e sim o novo ganho aos padrões web

W3C Logo

O W3C, entidade responsável pelos padrões da web, acaba de inaugurar um escritório em São Paulo.

Em parceria com a NIC.BR(responsável pelo registro de domínios nacionais), estarão em busca da semântica e do aumento de concorrência entre sites brasileiros.

Vamos festejar!!!

Fora Isso

Teremos acesso a tradução de todas as documentações e vamos ganhar um fórum de discussão.

Para que tudo isso?

Se antes já tinhamos fontes nacionais confiáveis, agora então, teremos uma base.

Só desejamos a realização de eventos. :)

Brasil sil sil!

Quanto ao título do post, deixo a comemoraração da copa para 2014.

Skin definido

Finalmente consegui escolher o skin base, agora eu posso iniciar o desenvolvimento de uma identidade visual para o blog.

Alguns blogs usam ele, por ser simples, bonito e semântico em grande parte do código.

Vamos ao trabalho Helder!!!

Quantas propriedades CSS você lembra em 7 minutos?

Diante a 122 propriedades presentes no CSS 2.0, meu resultado nesse quiz foi:

45

Pois é, não é só o Pedro Rogério que está ficando velho não. =)