Em meus últimos projetos utilizei o plugin live-validations que me facilitou trabalhar com as validações no lado do cliente. A lógica do plugin é passar a validação de seus models para js evitando assim posts desnecessários. Este funciona com jQuery ou Prototype. No meu caso utilizei a jQuery e vou mostrar abaixo como é simples fazer isso.
Que atire a primeira pedra quem nunca usou um hack para acertar algum erro entre navegadores e é por este motivo que estou escrevendo este post.
Cansado de ficar fazendo sempre um css diferente para os navegadores resolvi facilitar a minha vida. Hoje quando desenvolvo acabo utilizando o safari como navegador principal, que ainda bem não tem muita diferença em relação ao Firefox, porém quando você passa para um navegador como o InternetExplorer a dor de cabeça aparece e o Rafael Lima resolveu dar uma mãozinha criando o script CSS Browser Selector escrito em javascript que é super simples e minimalista que adiciona algumas classes na tag html de acordo com o navegador, sistema operacional e engine que você está utilizando.
Veja alguns exemplos de como você pode colocar um css pra cada navegador e sistema operacional:
.ie .example {background-color: yellow}
.ie7 .example {background-color: orange}
.gecko .example {background-color: gray}
.win.gecko .example {background-color: red}
.linux.gecko .example {background-color: pink}
.opera .example {background-color: green}
.konqueror .example {background-color: blue}
.webkit .example {background-color: black}
.chrome .example {background-color: cyan}
.example {width: 100px; height: 100px;}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }
A um certo tempo eu venho falando do Jammit uma gem que me chamou a atenção e mudou minha forma de trabalhar com a parte de interface de meus projetos.
Praticamente a mesma coisa que o asset_packager que muitos estão acostumados a utilizar, porém ha algumas diferenças que me fizeram mudar como por exemplo você ter a opção de escolher qual compressor usar o YUI Compressor ou o Google Clouser que pode gerar um arquivo até 40% menor. Outra vantagem é no css que ele utiliza data-uri (um código dentro de um padrão que quando lido pelo navegador gera a imagem dinamicamente) em todas as imagens utilizadas em seu css que estão dentro do diretório embed e que menores do que 32 KB.
Então agora você para e começa a pensar, será que vale a pena utilizar tal técnica em seus projetos? Depende. Data-uri não é uma bala de prata e deve ser feito um estudo de quando usar e quando não utilizar. Porém vale lembrar que se o seu css ficar muito grande você ainda conta com um gzip pra diminuir o tamanho do arquivo e um cache de modo que o usuário só precise baixar o css uma única vez. Bom então vamos ver como utilizar esta gem.
Este mês como as coisas estão bem mais tranquilas então voltei a escrever artigos pro meu blog, melhorei algumas funcionalidades, alterei o layout além de trocar de servidor.
O layout Lightword Theme que utilizei é do Wordpress feito pelo @andreiluca que encontrei no blog dele, porém acabei extraindo o html dele e apliquei de forma parecida no meu blog que é desenvolvido em Rails.
O final do ano passado foi bem corrido pra mim, tive muitos posts pra escrever, porém sem tempo acabei deixando tudo acumular. Agora que estou um pouco mais folgado quero voltar a escrever e colocar o conteúdo em dia.
Em Dezembro de 2009 fiz um site pra uma detetive particular e foi uma experiência bem legal. O Murilo Ferreira fez o layout e me entregou os .png do fireworks.
Continue lendo…