TidBits - Part 8
Oct 20

Click Modal 1.0 - Plugin de jQuery para fazer modal / lightbox

Sobre o Modal

Este modal, com o objetivo de ser simples, completo e cross browser (é claro), foi desenvolvido por eu (Danilo Augusto) , André Machado, que também propôs a idéia e o Fabio Vieira (DJ Marquee) ambos programadores de interface da AgênciaClick, com base em uma função de modal do Rodrigo Castilho (ex Coordenador / Programador de interface da AgênciaClick) para nós mesmos utilizarmos no dia a dia do nossos trabalhos e projetos.

Já utilizamos outros modais mas todos eram limitados ou muito complexos e pesados então decidimos fazer o nosso. Funciona como um plugin de jQuery comum, tem apenas 2kb e uma série de opções.

Clique aqui para ver o modal.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Oct 20

Mozilla lança novo navegador para dispositivos móveis

Chamado de Fennec, o navegador foi lançado para concorrer entre os já consagrados browsers para mobile como Safari móvel, Opera e Skyfire. E está sendo testado sua versão alpha no Nokia N810. O Fennec, assim como o Firefox, utiliza o Gekko para renderizar HTML e suporta javascript, abas, favoritos, plugins e touch screen.

Fennec - Navegador moblile da Mozilla

Fiz testes nele com ajax, css e trabalhou muito bem, carregou até uma lightbox. Só o flash que não. Mas segundo a mozilla, ele deverá trabalhar com esses tipos de tecnologia no futuro. Apesar disso, tudo, a participação dele não deverá ser muito alta, já que o Firefox móvel não poderá ser usado no iPhone, porque a Apple não permite a desenvolvedores colocarem navegadores em sua App Store. E a Mozilla diz que não está trabalhando em versão para aparelhos com Android.

Você pode testar o seu site na versão para que a mozilla disponibilizou pra download pra windows.

Testamos o TidBits, e o resultado foi legal:

Fennec - Navegador Mobile Da Mozilla

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Oct 20

EBAI 08, com direito à palestrantes internacionais, guitar hero e escoteiros

Pessoal, esse final de semana foi agitado: aconteceu o 2º EBAI - Encontro Brasileiro de Arquitetura de Informação. Foi muitíssimo proveitoso, e contou com a participação de muita gente bacana do mercado web.

As palestras e cases foram muito legais. Com destaque para a do Philipp Rhodes da fhios, sobre Avanços nas Pesquisas e Design Centrados no Usuário, do Lucas Pettinati, do Yahoo!, falando sobre a bibliotecas de padrões do Y!. Mas não só de convidados internacionais foi feito o EBAI. O pessoal aqui mandou muito bem também, agora com destaques para a palestra do Mauro Pinheiro, sobre Implicações da inteligência ambiental para a arquitetura de informação e o design de interação, e os cases de redesenho do Ego.com, apresentados pela Flávia Porto de Miranda e o Tadeu Morgado da Globo.com, e por fim (puxando sardinha aqui pro Danilo que esteve super envolvido com projeto) o case que o Fabrício Teixeira e a Sílvia Melo da Agência Click apresentaram sobre a arquitetura de informação do novo portal da ESPN.

Os organizadores do evento, prometeram disponibilizar todas as palestras através do SlideShare, e assim que isso acontecer, vou publicar aqui no blog o link e um breve resumo do que foi mais interessante. Enquanto isso não acontece, o Fred Amstel do Usabilidoido, disponibilizou alguns vídeos e aúdios das palestras, que pode ser assistidos nesse link.

As fotos do evento também podem ser vistas no Flickr, onde o pessoal publicou tudo sob a tag ebai08, com destaque pro Túlio, da Try, fazendo maior sucesso vestido de escoteiro no sábado.

Tem até eu, de costas, jogando GuitarHero com a Iô, também da Try, que eu conheci lá no EBAI:

*Foto roubada do Flickr do Mauro Pinheiro

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Oct 17

A internet banda larga no Brasil é ruim e cara

Em setembro, a kddi (empresa japonesa) de comunicação anunciou que disponibilizará internet de 1 gibabit no japão, para usuários domésticos, que utilizará comunicação via fibra óptica. Sabe quanto custa? de 5.985 ienes, o equivalente a 100 reais.

De acordo com uma matéria do Estado de são Paulo , uma consultoria comparou o preço da internet da internet banda larga via ADSL no Brasil com o de outros países e viu o seguinte resultado:

Velocidade mínima oferecida

País Velocídade mínima oferecida Preço
convetido em US$
Brasil 128kbps US$ 30
Chile 300kbps US$ 34,71
Argentina 512kbps US$ 27,05
Rússia 1 mega US$ 14,64
República Tcheca 2 megas US$ 17,68

Velocidade máxima oferecida no varejo

País Velocídade máxima oferecida Preço
convetido em US$
Brasil 20 megas US$ 300
Chile 6 megas US$ 59,70
Argentina 8 megas US$ 46,80
Rússia 6 megas US$ 38
República Tcheca 8 megas US$ 53
Japão 1024 megas US$ 56

Muito se fala de “inclusão digital” no Brasil, e muito foi feito até, reduzindo impostos de computadores de até 4 mil reais. Mas, ter um computador, e não ter dinheiro pra acessar internet, ou ter que esperar até meia noite, pra poder usar uma conexão discada (como era no começo da década) não adianta muita coisa, adianta?

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Oct 17

Utilizando pseudo-elementos CSS para diagramação

Com os pseudo-elementos de CSS first-letter e first-line, fica bem fácil customizar o seu texto, tornando mais bonito (claro, também precisa de um pouco de bom gosto - mas pra isso não existe tutorial). Leia mais »

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Oct 15

Min-Height e Max-Height para IE usando css condicional

Assim com o exemplo de :first-child e :last-child, para usar min-height e max-height é necessário css condicional.

Na verdade é bem simples, vamos supor que temos uma div que tem que ter uma altura mínima pra não “quebrar o layout”


<div class="post">
	Lorem Ipsum Fusce rutrum nibh.
</div>

E agora o CSS para ficar no mínimo com 200px por exemplo:


div.post {
    height: expression(this.scrollHeight <= "200" ? "200" : "auto");
    min-height: 200px; /* para ff, safari, chrome, etc */
}

E se fosse max-height seria assim :


div.post {
    height: expression(this.scrollHeight >= "200" ? "200" : "auto");
    max-height: 200px; /* para ff, safari, chrome, etc */
}

Isso resolve também alguns problemas com float e position absolute onde a div não calcula automaticamente a altura do elemento com float dentro da div.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark