Chris B. - idéias e pensamentos

O POG nosso de cada dia #17

Chris — Thu, 12 Nov 2009 14:02:06 +0000

Mais um POG que só o IE 6 nos faz conceber…

O problema

Comecei a usar a jQuery UI em uma implementação, mais precisamente para ter elementos (divs) de três colunas podendo ser rearranjados (dentro das colunas e entre elas) por drag’n drop. Tudo indo bem, suave, com o Sortable da UI. Nenhum bug, impressionante. Mas aí, o cliente reporta um erro: dentro de uma div, tem uns campos input checkbox que perdem a seleção quando a div é arrastada.

Na hora, já quase comecei a chorar, pois me parecia ser um daqueles bugs sem sentido solução, do IE.

O POG

Nada que o Google não resolva… uma pequena busca, e me deparo com esses posts:

O que eles falam? Que você só precisa colocar um atributo mágico chamado defaultChecked com valor defaultChecked nos inputs para ele não perder a seleção. Segue exemplo abaixo:

$(”input”).attr({checked: “checked”, defaultChecked:”defaultChecked”});

Em mais de 5 anos trabalhando – muito – com web, nunca tinha visto esse atributo, nem precisado usar. O porque setar ele? Nem fui atrás de saber, mas certamente não faz sentido! Muito bom, IE6, contribuindo para os blogs que falam sobre gambiarras!

Posts relacionados

Qual distro linux você utiliza?

Chris — Mon, 09 Nov 2009 18:23:27 +0000

No começo do ano fiz uma enquete para saber qual era o logo de distros linux mais bonito.
Mas, beleza não é tudo… vamos ver, então, qual é a mais usada (não que deva dar uma vitória do Ubuntu, mas vale a pena arriscar)!

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

Posts relacionados

Linha do tempo dos personagens de filmes

Chris — Fri, 06 Nov 2009 20:17:57 +0000

Gráfico SENSACIONAL com a linha do tempo dos personagens de filmes como O Senhor dos Anéis, Guerra nas Estrelas e O Parque dos Dinossauros

Fonte: http://xkcd.com/657/

Veja também

Do DOS para Unix: tradução dos comandos

Chris — Fri, 06 Nov 2009 00:31:11 +0000

Atenção: esse post só faz sentido para quem pegou a fase do DOS, ou seja, os velhos

Praticamente todo mundo que começou a usar computador antes do ano 2000 de uma forma mais hard teve muito contato com o DOS, que era a base dos sistemas do Windows (3.x, 95, 98…). No fundo, o Windows era um gerenciador de janelas que rodava em cima do DOS, então qualquer coisa mais complexa de se fazer precisava ser feito na linha de comando (do famoso) prompt do DOS. Outras pessoas, mais raras de se encontrar, usaram DOS no começo, nos primórdios, crú.

Se tem alguém dessa época que ainda quer migrar para sistemas Unix, fica a dica desse cheat sheet com uma equivalência dos comandos.

	Purpose	DOS	UNIX/Linux
.	display list of files	dir/w dir	ls
.	display contents of file	type	cat
.	display file with pauses	type filename \| more	more
.	copy file	copy	cp
.	find string in file	find	grep
.	compare files	comp	diff
.	rename file	rename OR ren	mv
.	delete file	erase OR del	rm
.	delete directory	rmdir OR rd	rmdir
.	change file protection	attrib	chmod
.	create directory	mkdir OR md	mkdir
.	change working directory	chdir OR cd	cd
.	get help	help	man
.	display date and time	date, time	date
.	display free disk space	chkdsk	df
.	print file	print	lpr
.	display print queue	print	lpq
.	clears screen	cls	clear
.	closes prompt window	exit	exit

Fonte: http://www.junauza.com/2009/11/dos-to-unixlinux-translation-dos-to.html

Posts relacionados

Plugin jQuery para criar janela modal

Chris — Thu, 05 Nov 2009 00:07:04 +0000

Passando rapidinho aqui para fazer um jabá do plugin para fazer janelas modais com jQuery que o Tidbits disponibilizou.
O plugin foi feito pelo Danilo e mais alguns colegas, depois de terem procurado alguns plugins desse tipo e não terem encontrado nenhum que se adequasse ao que eles precisavam.

O jabá é porque ese plugin acabou me salvando em dois projetos na última semana.

O uso é simples: qualquer elemento ganha um método modal(). Se for um link, automaticamente é usado o href dele – mas você pode passar qualquer url como parâmetro. Será feito um request assíncrono e o resultado dele, jogado no modal.

O bom desse plugin é que ele é leve e muito fácil de usar, e precisa de muito pouca coisa – vê lá os exemplos de uso!

Uma coisa que eu acho que falta – e espero conseguir ter um tempo pra dedicar a fazer essa funcionalidade – é poder passar uma função de callback como parâmetro para ser executada assim que o request terminar. Isso pode ser contornado colocando javascript dentro do conteúdo do retorno, o que não é algo tão ruim se for um projeto pequeno – mas pode gerar uma bagunça em projetos maiores.

Então, o que falta? Você ir visitar a página do plugin: http://www.tidbits.com.br/click-modal-plugin-de-jquery-para-fazer-modal-lightbox

Posts relacionados

10 CMS open source

Chris — Mon, 02 Nov 2009 22:52:23 +0000

Acho que já comentei por aqui algumas vezes que meu trabalho me faz estar sempre ligado em ferramentas de gestão de conteúdo para web – os chamados CMS.
Open source, proprietário, em PHP, Java ou .Net, não importa. Sempre procuro por textos relativos a qualquer tipo de ferramenta dessa finalidade para saber mais a respeito, ter idéias, ver se são aplicáveis, quais os prós-e-contras.

Me deparei com um belo post sobre CMS open source, no qual há uma boa explicação (tirando os menos famosos) e comparativo entre Joomla, Drupal e Wordpress.

http://graphicalerts.com/top-free-open-source-content-management-systems/

Até hoje, não consegui me entender com o Drupal – achei que ele deixa a view muito amarrada. Sobre Joomla, tenho boas referências principalmente do @gserrano, mas nunca pude utilizar. Wordpress sempre se adequou ao que precisei: publicação de blogs e sites institucionais ou portfolios. Mas pelo que vi, não se adequa a um projeto que necessite de uma publicação de muitos conteúdos em muitas áreas – isso sem falar em qualquer tipo de segregação de acesso por usuários (uma vez que nem agrupamento de usuários há).

De qualquer forma, como é sempre bopm pensar fora da caixa, fica a dica do post!

Veja também

Estatísticas de acesso – Out/2009

Chris — Mon, 02 Nov 2009 01:07:13 +0000

Esse mês o blog completou um ano de vida; infelizmente, perdi os logs de acesso a ele quando fiz a migração pro servidor dedicado, em Setembro, mas por um lado foi bom: no servidor antigo era tudo complexo de se conseguir, tinham tirado o AWStats e nem sempre os logs eram atualizados.

Agora, gerenciando totalmente o servidor, estou conseguindo ter métricas melhores. E, em outubro, foram:

11400 visitantes, com mais de 45 mil páginas visualizadas
3 gigas de dados transmitidos
a página mais visualizada foi http://www.chrisb.com.br/blog/tatuagens-do-r2-d2/
77% de acessos com Windows, 10% Linux e 8% Mac OS
Firefox com 44%, IE com 39% e Safari com 8%

Novamente, obrigado ao visitantes, e, por favor, o Firefox está aí pra todos

Posts relacionados

Qual seu analisador de estatísticas favorito? (9)

Usando compressão gzip no Apache e vendo os resultados num log

Chris — Fri, 30 Oct 2009 00:44:54 +0000

Existem muitos posts em diversos blogs falando de como melhorar a performance do seu site diminuindo o tráfego de dados do tipo texto (html, css e javascript, na grande maioria). Já discuti – no bm sentido – algumas vezes sobre o fato de achar desnecessário fazer aqueles minify de javascript, fazer CSS em uma linha e tirar os espaços em branco no html, se você estiver usando compressão pelo webserver.

Não vou entrar em detalhes – o Google está aí pra isso – mas você pode consigurar o Apache (imagino que outros webservers tenham algo parecido) para que ele faça compressão de arquivos (como se fosse um zip) a serem enviados. O (protocolo) http se encarrega de verificar se o browser possui a capacidade de descompactar (e acredite, qualquer browser mais ou menos atual possui) arquivos nesse formato.

Como habilitar? Habilite o módulo deflate do Apache (como fazer isso, varia de versão para versão; cheque a documentação da sua instalação do Apache) e dentro do Virtualhost do seu site, insira:

SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|rar|zip|pdf)$ no-gzip dont-vary

Header append Vary User-Agent

Isso vai fazer com que qualquer arquivo que não seja de uma das extensões listadas na terceira linha seja comprimido com gzip. Ah, porque não comprimir esses? Comprimir com gzip qualquer tipo de um desses formatos é desnecessário, pois eles já possuem compressão.

Reinicie o Apache e de um refresh na sua página, com o Firebug aberto, e veja a diferença.

Para melhorar, se você quiser fazer um log para acompanhar se está mesmo fazendo a compressão, e o quanto está comprimindo cada arquivo. Para isso, dentro do seu Virtualhost também:

DeflateFilterNote Input instream
DeflateFilterNote Output outstream
DeflateFilterNote Ratio ratio
SetEnvIf Request_URI \.gif image-request
SetEnvIf Request_URI \.js image-request
SetEnvIf Request_URI \.css image-request
LogFormat ‘”%r” %{outstream}n/%{instream}n (%{ratio}n%%)’ deflate
CustomLog /var/log/apache2/deflate.log deflate env=!image-request

Vale lembrar que esses são apenas exemplos, e você pode customizar tanto a compressão quanto o formato do log e afins ao seu prazer

Posts relacionados

iui – framework para desenvolvimento de interfaces para iPhone

Chris — Wed, 28 Oct 2009 16:38:15 +0000

Nunca me preocupei – nem tive a necessidade – de fazer uma versão de um site para o Iphone (ou qualquer outro dispositivo móvel). O máximo que fiz foi instalar um plugins em alguns dos meus blogs que, dependendo do dispotivo móvel, utiliza um jogo de templates diferenciado.

Aproveitei um tempinho livre – não que esse existe em quantidade – aqui na MMCafé para procurar como escrever interfaces (html/CSS e javascript) voltado ao Iphone. Depois de alguns bons posts, me deparei com uam espécie de framework, o iui: ele fornece a estrutura de html/CSS e implementações javascript para se criar aplicações pro Iphone. Tem muita coisa bacana, como aquela estrutura já famosa de webapps do Iphone, com menu em forma de lista com navegação por elas, bem como o CSS que já deixa com aquela carinha meio “azulada“, assim como outros temas.

Fuçando um pouco mais, encontrei esse post que explica como trabalhar com o framework: http://www.k10design.net/articles/iui/

Pelo que pude ver, ele não é o framework definitivo (falta coisa, inclusive na documentação, existem muitos reports de erros principalmente relativos ao javascript), mas para quem – como eu – está começando nessa história de interfaces para dispositivos móveis, ele ajuda a ser produtivo no início e entender como algumas coisas podem funcionar!

UPDATE: a @caracolis me mandou um link bem bacana da Smashing sobre tendências em design para aplicações para o Iphone, vale a pena olhar!

Posts relacionados

E minha Time Capsule chegou

Chris — Sun, 25 Oct 2009 23:00:40 +0000

Ah, como é bom essa coisa de ter primo indo pros EUA, quando você está precisando comprar um eletroeletrônico… um tempo atrás percebi que estava chegando a hora de eu me preocupar em fazer backups de uma forma mais adequada do que apenas com DVDs, e usar um HD externo me parecia a melhor solução. Comecei a pesquisar, e vi que uma Time Capsule seria uma boa.

Mas, vamos contextualizar: a Time Capsule é o que a Apple chama de dispositivo de backup para o Mac OS. Ele é mais do que só um HD externo: você pode se conectar a ele por cabo e wi-fi, além de ser uma estação base de wi-fi. Escolhi comprar porque mesmo eu sendo um entusiasta do open source – utilizo mais linux do que o sistema da Apple na somatória das minhas horas – em casa tenho usado há tempos o Mac OS e, mesmo sendo proprietário, me sinto à vontade com ele. Junto a isso, a Time Capsule de 1 tera foi comprada por U$300. Ou seja, tenho agora um “hd externo” de 1 tera, que posso usar sem precisar de cabo algum, e que ainda serve como estação wi-fi muito melhor do que o D-Link que tinha aqui (o sinal está muito melhor, pegando em locais da casa que nem chegava perto o sinal antes). Se fosse comprar aqui no Brasil, não sei o quanto pagaria num HD externo normal – logo, aproveitei a ida do meu primo pra Nova Iorque para comprar a Time Capsule a um praticamente R$500 – enquanto que na recém-lançada Apple Store do Brasil, custa R$1200

De qualquer forma, minhas impressões? As mesmas que sempre tive com produtos da Apple: fazem tudo com muito cuidado. E nada mais justo do que você pagar por algo caro e ter algo de qualidade – isso vale para software como hardware, porque o que tem de produto porco por aí…

: A caixa da Time Capsule

: O “bicho” em si

Em menos de 5 minutos, já estava com o wi-fi configurado e o sistema de backup devidamente configurado e já iniciado.

Backup a cada hora, nas últimas 24 horas, um backup por dia do mês anterior e backups semanais. Ou seja, menos dor de cabeça por um bom tempo e mais tranquilidade!