Luiz Paulo

HTML5 & CSS3 Readiness

2010-11-19T16:18:14Z

HTML5 & CSS3 Readiness é um infográfico que mostra os recursos HTML5 + CSS3 implementados em cada browser.

Para quem tiver interesse, preparei um resumo com os links W3C de todos os recursos expostos no gráfico. Para que possam estudar os novos recursos

HTML 5

CSS3

Posts Relacionados

@font-face – Estilizando fonte no css

2010-11-14T02:17:47Z

Estilizar fontes na web sempre foi um sonho para os designers de plantão. Hoje, com o CSS3 e sua funcionalidade @font-face, esse sonho se tornou realidade. Veja como isso é possível.

A capacidade dos programadores de criar gambiarras soluções é impressionante! Lá atrás quando um design chegava com um layout mais estilizado, o cara sempre dava um jeito de resolver o problema.

Uma das primeiras técnicas (da mais utilizada) era gerado uma imagem para cada texto estilizado. O que transformava o site em algo pesado.

Cheguei a ver soluções em SERVER-SIDE, onde era enviado o texto e o servidor criava uma imagem (dinamicamente) com o texto desejado.

Uma outra técnica utilizada é a utilização de FLASH, que utiliza mais ou menos o mesmo esquema do SERVER-SIDE, só que a fonte está "compilada" no SWF.

Mas isso tudo é passado... Não precisamos mais dessas gambiarras soluções. Agora podemos contar com o CSS3 que trás vários recursos para facilitar o nosso trabalho.

Sua utilização é simples!

@font-face {
	font-family: 'fontAlias';
	src: url(font.ttf);
}
 
body {
	font-family: fontAlias, Arial, Heuvetica, Tahoma;
}

Essa funcionalidade certamente nos poupará muito tempo de desenvolvimento.

Vale apena comentar... Em um teste que fiz, a fonte "ttf" não funcionou no IE. Precisei converter em "eot" para que funcionasse.

[]'s

Mais Comentados

Excesso de informação e a falta de conhecimento

2010-10-21T18:52:24Z

Estamos em uma era que atualizar-se é imprescindível. Informação é o que não falta! E o meio mais rico atualmente é a internet que nos trás uma tonelada (ou PETAiada) de informações para todos os gostos. Mas quanto de conhecimento realmente conseguimos absorver de toda essa informação?

Nós que trabalhamos com tecnologia, precisamos ler bastante, nos atualizar, saber o que está acontecendo no mundo TI, lemos blogs, sites de notícias, livros, e mais uma infinidade de coisas, passamos muito tempo engolindo textos, vídeos. Esse excesso de informação reduz a nossa capacidade de absorção, de transformar essa informação em um conhecimento aplicado.

A motivação para escrever sobre esse assunto foi ter aberto o meu Google Reader, depois de quase 2 semanas sem ver meus feeds, tinha 1000+ não lidos. E posso dizer, de tudo o que assino (mais de 300 blogs) a quantidade de posts lidos é muito pequena, e nem tudo o que leio é totalmente assimilado.

Acabei procurando sobre o assunto e tem vários artigos interessantes...

"Antes, as pessoas não sabiam que não sabiam. Agora, sabem que não sabem, e isso, num mundo competitivo e predatório, gera uma sensação de frustração e incapacidade que, aos poucos, vai se transformando em uma ansiedade cada vez maior".

"Uma só edição do jornal americano The New York Times contém mais informações do que uma pessoa comum recebia durante toda a sua vida há 300 anos (Revista Veja de 05 de setembro de 2001);"

"A tentativa de apreender muitas informações ao mesmo tempo prejudica a capacidade de fixação mnemônica dessas informações e, conseqüentemente, a consolidação do aprendizado".

Leia esse artigo, achei super interessante (por Dr. Ryon Braga).

Agora me fala, você absorve (ou pensa) tudo o que lê?

Posts Relacionados

IE8 reconhecendo DOCX como ZIP

2010-10-20T17:29:04Z

Internet Explorer como sempre nos trás boas surpresas. Dessa vez, me deparei com um erro bizarro. Quando cliquei em um arquivo DOCX para download, o Internet Explorer 8 transformou em ZIP. Veja o motivo e a solução para o problema.

O problema está nas configurações de segurança padrão do IE8, que restringe arquivos (docx, xlsx, pptx) e são baixados como ZIP. Não pesquisei e o problema ocorre com outras extensões, mas só de não aceitar os arquivos da própria Microsoft, já é um problema grave.

Solução em sua aplicação JAVA

Obviamente, passei por esse problema em nossa aplicação e tive que achar alguma forma de solucionar. A modificação é relativamente simples.

Basta adicionar uma regra de mime-type em seu web.xml que tudo se resolve.

No local que encontrei a solução, dizia para referenciar "DOCX" a "application/msword" mas dessa forma o arquivo é reconhecido como "DOC", gerando inconsistência na leitura do Office.

Segue a solução que implementei:

<mime-mapping>
	<extension>docx</extension>
	<mime-type>application/vnd.openxmlformats-officedocument.wordprocessingml.document</mime-type>
</mime-mapping>

Com essa modificação, seus arquivos DOCX serão baixados normalmente no IE8.

Agora que você já tem o conhecimento, poderá resolver o problema em sua aplicação mesmo que seja em outra linguagem... Basta modificar as configurações PHP, por exemplo seria o php.ini, e assim por diante.

Solução no seu browser

Para que seu browser passe a aceitar os arquivos, basta seguir os seguintes passos:

No canto superior direito do IE8, clique em Ferramentas para abrir o menu drop-down;
Na parte inferior do menu Ferramentas, clique em Opções da Internet;
Na caixa de diálogo Opções da Internet, selecione a aba Segurança;
Na guia Segurança, selecione a zona Internet e clique no botão Nível Personalizado;
Vá aproximadamente 2 / 3 para baixo na lista para a opção "Abrir arquivo com base no conteúdo, não na extensão de arquivo" e alterar a configuração Desativar;
Clique em OK;
Repita os passos 4-6 para a zona da intranet local e zona de sites confiáveis;
Clique em OK;
Feche todas as instâncias do IE8;
Reabrir o IE8 e agora deve reconhecer o Office 2007 e 2010 extensões de arquivo ao salvar anexos de email.

Isso provavelmente fará com que seu browser aceite os arquivos.

Abraços!

Posts Relacionados

[javascript] Jogo Sokobox em jQuery

2010-09-22T12:37:13Z

Demorei um pouco para postar esse jogo. Mas enfim, tive tempo de fazê-lo, rs

Quem me acompanha, sabe que gosto de inventar moda, então resolvi refazer o famoso joguinho de empurrar caixas no jQuery.

O jogo tem 105 fases. E obviamente as fases subsequentes são bloqueadas. Você precisa passar da corrente para liberá-la, hehe.

Além disso o jogo conta com 2 skins

- homem emourrando caixas

- carro empurrando blocos

Alguns amigos já testaram e reclamaram que não funciona no touch do celular, mas por enquanto não só funciona via teclado mesmo (setas, a, s, d, e).

Histórico
Quando iniciei o desenvolvimento, estava escrevendo os cenários com vetores (GIGANTESCOS), o que estava tornando o trabalho metodico e difícil.
Levei por volta de 1 dias para finalizar o jogo (incluindo as fases), e gostei bastante do resultado.

Pensei em guardar estatísticas, scores, etc. Mas isso ficará para um próximo passo pois tenho muitas outras prioridades, rs.

Depois das fazes quase prontas, resolvi refazer utilizando caracteres para desenhar um cenário. Segue um exemplo:

__###___
__#+#___
__#-####
###@-@+#
#+-@&###
####@#__
___#+#__
___###__

Achei essa forma bem mais intuitiva para gerar os cenários.
Enfim... Espero que gostem!

Abraços.

Posts Relacionados

Sozinho

2010-07-15T22:19:55Z

As vezes no meio do projeto
Eu fico trabalhando por dois
Eu passo tantas noites em claro
(Ralando)
Pra não ter mais atrasos depois

Cadê o recurso que prometeram?
A equipe era eu e mais três
Mas eu tô trabalhando sozinho....

Não sou nem quero ser solitário
Mas um reforço as vezes cai bem
Eu tenho mil rotinas difíceis
(Em JAVA)
Programo tudo só, sem ninguém

Porque é que o cronograma não fecha?
Ta me faltando um programador
E se ele de repente não chega?

Quando fiz a proposta, é claro que eu queria ajuda
Cobro do gerente, e ele tira o corpo fora
Ou entra mais gente ou vai ser um "deus-nos-acuda"
Onde esta o recurso agora?

Enviado por @lubarbin

Mais Comentados

Diferença entre “Design Centrado no Usuário” e “Design Centrado no Designer”

2010-03-31T13:38:54Z

O blog Revoluções Etc falou essa semana sobre um assunto muito importante para os desenvolvedores de interface.
Henrique Pereira fala sobre a diferença entre WEBDESIGNER e ILUSTRADORES.

Gostei muito da abordagem e gostaria de compartilhar com vocês.
Leia o artigo principal: Diferença entre “Design Centrado no Usuário” e “Design Centrado no Designer”

Boa leitura!

Posts Relacionados

wtfjs

2010-02-27T18:25:20Z

O site wtfjs (What the fuck javascript) mostra algumas bizarrices do Javascript.

"JavaScript é uma linguagem que amamos apesar de nos dar tanto ódio. Esta é uma coleção dessas irregularidades muito especial, inconstâncias e simplesmente momentos dolorosamente para a linguagem da web."

Vale apena dar uma conferida!
[]'s

Posts Relacionados

Odiei o Google Buzz

2010-02-11T18:41:56Z

O Buzz, novo serviço da Google (que explodiu essa semana). É uma mistura entre twitter, Yahoo MEME e parecido com Google Wave.
O serviço é bem interessante, pois centraliza vários serviços: discussões, compartilhamentos, twitter, flickr, blog, reader, entre outros serviços e mídias.

Meu título "Odiei o Google Buzz" ficou um pouco pesado para tão pouco tempo, não?
Talvez!
Mas não está muito longe do que senti quanto ao serviço... Vou explicar os motivos.

O serviço agregado no Gmail foi uma ótima idéia, visto que é um dos serviços de e-mail gratuitos mais utilizados no mundo.
Na verdade, eu não diria agregado e sim que foi empurrado goela abaixo.

Nesse pouco tempo, me senti incomodado com algumas coisas:

Achei essa ação muito intrusiva! A ferramenta foi habilitada independente da minha opinião
Automaticamente ele pegou todos os meus contatos do google, reader, email, ou sei lá o q
Quando estou envolvido em um assunto, recebo e-mail para cara resposta enviada. Pelo menos para mim, nada a ver isso! Tenho que ficar criando "filtros" para excluir do inbox
Fica um ícone abaixo do inbox sempre highlight ("n" não lidas), isso me incomoda profundamente, pois gosto de minhas caixas sempre limpas/lidas
O Buzz misturou rede social com meu e-mail, utilizo e-mail única e exclusivamente para TRABALHO. Acho que isso tirou o foco e bagunçou as coisas

Saindo um pouco do foco Buzz, vou aproveitar para falar genericamente do Google...
Sou usuário assíduo dos serviços da Google utilizo: Gmail, Talk, Docs, Earth, Maps, entre outros.

Inclusive, são serviços ótimos!

Você lembra que há um tempo atrás, todos os serviços do Google eram vistos como "picas da galáxia", TODOS (sem exceção) eram visto como o futuro a perfeição e etc.

Agora me responda, por que essa percepção está mudando?

Eu acho que os novos serviços andam bastante confusos, com muito conceito e pouco práticos.

Um bom exemplo é o Google Wave, lançado há alguns meses atrás.
Todos diziam que era o futuro do e-mail, etc. Mas até o momento não bombou (como todos esperavam).
Acho que ele bombou mais antes de ser lançado do que depois de ser utilizado, rsrs

Enfim,
para finalizar, ainda acho o Google uma puta empresa que beneficia-nos muito com os seus serviços gratuitos.
O que está acontecendo com as novas tendências?
Nós que não estamos nos acostumando com as novas tecnologias ou eles que não estão se adaptando as nossas necessidades?

Abçs!

Posts Relacionados

Planeje e seja feliz nos seus projetos

2010-01-27T16:32:57Z

Estamos cansados de ouvir falar em PLANEJAMENTO, não apenas no desenvolvimento de software, mas também, familiar, financeiro, enfim, em tudo na vida. Alguns acham uma coisa importantíssima e que resolve todos os problemas, outros acham que não é tão necessário, afinal "NÃO TEMOS TEMPO PARA ISSO".

Estou participando no desenvolvimento de um site (que partiu de uma agencia), tipo, a idéia é fodastica! Mas estamos com um probleminha básico, falta de planejamento.

Coisas simples não foram colocados no design, a usabilidade acabou ficando a desejar (agora está melhorando).
Para se ter uma idéia, não existia botão para editar perfil, ou até mesmo fazer um logoff do sistema.

Isso tudo é falta completa de definição, falta de rascunho (munhecão mesmo).

Aí pergunto...

Tem noção do tempo que demora para refazer um cadastro?
Ou mudar algum layout mal planejado...

Dependendo do que for, gastaremos um dia inteiro tendo que mudar o banco, PK, FK, etc, mudas códigos SERVER SIDE, CLIENT SIDE e ainda fazer testes.

O que as empresas (principalmente as agências) não entendem é que 30 minutos de reunião, discussão, definição, planejamento não será uma perda de tempo, e sim uma puta economia lá na frente. As coisas bem definidas e bem especificadas reduzem MUITO o tempo de criação / desenvolvimento.

Se planejar faz tão bem para o projeto, por que os caras não usam?

Simples! Comodismo total.

Resolver os problemas conforme forem surgindo é muito "mais simples" do que tentar prever as coisas e montar especificações.

Não estou aqui para atacar ninguém, apenas para levantar a bola que as coisas podem ser melhores.

Agora te pergunto... Qual é a atenção que você (sua equipe) dá para o planejamento no início de um projeto?
Se a sua resposta é "nenhuma", "pouca" ou "quase nada", só tenho uma coisa a dizer: Você está enrolado!

É claro que tudo tem suas proporções, se o projeto é pequeno estará pouco enrolado, e assim sucessivamente. Leia esse post e entenda o que é estar muito enrolado A importância da usabilidade na fase inicial de um projecto.

Há algum tempo atrás passei por problemas de planejamento e escrevi esse post: Planejamento de software (Keep It Simple Stupid) e esse post gerou muitas opiniões. (Muito bom isso!!!)

Gente, planejar, falar, se comunicar, etc. Mesmo que pouco não faz mal para a sua empresa ou seu desempenho. Muito pelo contrário...

Pensem nisso.