A ideia do navegador aceitar extensões desenvolvidas por qualquer programador fez o Firefox crescer rápido até que em 2006, a Microsoft que havia decidido não mexer mais em seu browser, anunciou que iria trabalhar numa nova versão do navegador, o Internet Explorer 7. A Mozilla comemorou esse dia afinal, se eles chegaram ao ponto de incomodar a gigante Microsoft, significava que eles estavam indo muito bem, mandaram até um bolo pra eles.

Com as extensões, muitas possibilidades foram agregadas no browser, aplicações que mandavam email de forma mais simples ou que possibilitavam pausar downloads diretamente do navegador ou então baixava vídeos do Youtube e já convertia o .flv pra uma extensão diferente, entre outras que usamos até hoje como o Firebug, Web Developer Toolbar, HTML Validator, etc.

Só que todas essas novas features tiveram um peso: a memória RAM, que vaza até hoje como água na peneira enquanto usamos o Firefox. Veio a versão 2 que prometia resolver isso e #fail, veio a versão 3, 3.5, 4, 4.1, 5, 6 e 7 (entre outras intermediárias) e todas também levaram um big #fail quando o assunto é gerenciamento de Memória RAM. Veio então o Google Chrome há alguns anos atrás, que também possibilitava múltiplas abas e centenas de extensões, imaginávamos outro problema de RAM, mas nada disso, fizeram um bom trabalho.

E como funciona o gerenciamento de memória do Firefox?

É mais ou menos assim:

E o que dá pra fazer?

Muitas pessoas estão “migrando” pro Chrome mas apesar disso, pra mim, o Firefox ainda é o melhor navegador pra desenvolvedor de interface.

Desinstalar extensões que não usamos muito, pode aliviar um pouco. E existe uma extensão também chamada “Memory Restart” que avisa quantos megas (ou gigas) o Firefox está usando, e quando começa a crescer muito, a extensão avisa que está na hora de reiniciar o browser.

De resto, só podemos aguardar a Mozilla Foundation melhorar o principal produto dela, dizem que no Firefox 8 vai estar melhor (assim como falavam no Firefox 2). Até lá, o Firefox continua assim:

Mas o uso maior do console, é pra debugar javascript mesmo.

Vou listar alguns comandos, funcionam tanto no Firebug pro Firefox, quando no “Developer Tools” do Google Chrome

console.log ou console.debug

Sintaxe: console.log(variaveis);
Serve para: debugar variáveis no javascript ao invés de colocar 300 alerts

Até hoje, nunca descobri a diferença (se é que existe) entre os dois métodos.
Um detalhe que pouca gente sabe, é que é possível passar infinitos argumentos nessa função.

var nome = 'Danilo';
var sobrenome = 'Augusto';
var nome_completo = nome+' '+sobrenome;
console.log(nome_completo);
// Danilo Augusto
console.log('nome:',nome);
// nome: Danilo
console.log('nome:',nome,' e sobrenome: ',sobrenome);
// nome: Danilo e sobrenome: Augusto

console.dir

Sintaxe: console.dir(objeto);
Serve para: debugar um objeto, mostrando todos os childs dele

var posicoes = {
    left:10,
    top:50
}
console.dir(posicoes);
// left	10
// top 50

Ou então:

console.dir(document.getElementById(‘menu’));

retorna tudo sobre o elemento:

copy

Sintaxe: copy(variavel);
Serve para: copiar uma variável para a área de transferência do sistema operacional (funciona como um ctrl+c)

copy(document.getElementById('erro').innerHTML)

$0

Sintaxe: $0
Serve para: retornar o objeto selecionado/inspecionado no próprio firebug.

$0.style.display = 'none';

$$

Sintaxe: $$(expressao)
Serve para: retornar um ou mais objetos através de um seletor.

Funciona como o $ do jQuery. Então, é ideal pra testar em sites que não usam jQuery (sacou? sacou?).

$$('#footer').style.display = 'none';

inspect

Sintaxe: inspect(elemento)
Serve para: inspecionar no próprio firebug um elemento HTML.

Funciona como o $ do jQuery. Então, é ideal pra testar em sites que não usam jQuery (sacou? sacou?).

inspect($$('#footer'));

Acho interessante quem gostou do assunto dar uma olhada num vídeo do Paul Irish em que ele demonstra essas e outras funções do console do firebug.

No post de hoje vou falar sobre duas coisas que me ajudam muito na minha profissão, Firefox e Javascript.

Ontem ví uma notícia, que a versão 3.5 Beta 4 do Firefox (que está demorando um tantão pra ser lançada), tem um algoritmo que executa Javascript 19% mais rápido do que a versão Beta 3, esta que também já é mais rápida que a versão atual do Firefox. Isso é bom pra quem é programador de interface, e principalmente pro usuário.

Comecei a usar o Firefox em meados de 2005, achei legal porque “tinha abas”. Na época eu era programador back end, e como a maioria, pouco me importava se meus sites rodavam em outro browser ou não. De lá pra cá eu, as empresas, as agências, os clientes, os navegadores, os sites e até os usuários mudaram. Hoje temos (todos nós) o conceito de webstandards muito forte, e hoje os próprios usuários também são mais exigentes… normalmente temos diversas opções pra qualquer tipo de serviço web, então se um site não funcionou no navegador do usuário, ele não muda de navegador, muda de site… procura por outro serviço que faz a mesma coisa, é claro que não serve pra tudo (como sites de bancos, malditos).

Comecei a programar em Javascript pois detestava sites em flash, e comecei a ver que em algumas aplicações simples, dava pra fazer o mesmo efeito em Javascript.

E depois, quando “descobri” o firebug, ficou tudo mais fácil.

Mais uma vez o Firefox contribui diretamente e incentiva o uso de Firefox pra desenvolvimento de interação.

Além do mais, até nas extensões do Firefox (como GreaseMonkey e Ubiquity) é possível fazer coisas muito interessantes usando somente javascript.

Enfim, usem firefox… =)

[]s

Aos poucos, a profissão vem se tornando excencial (só aqui na AgênciaClick somos em uns 15 mais ou menos). E com a popularização dos padrões web, mundo a fora já é uma profissão reconhecida, em Londres, os “front end developers” ganham em média 4 mil libras mensais, e alguns profissionais mais “seniors” chegam a receber salários de 8 mil libras por mês.

Porém no Brasil, agora que o mercado está sub-dividindo os setores no desenvolvimento web, o que é bom pois cada um se especializa naquilo que gosta mais de fazer. Não dá pra ninguém ser senior em .Net e html / css ao mesmo tempo. E vejo que começam a surgir os primeiros passos pra essa nova ramificação, a prova disso é que foi lançado em Recife um curso de Pós Graduação para programadores de interface, o curso chamado de Front-End Engineering & Design – Desenvolvimento de Sistemas Avançados.

Veja a descrição da entidade sobre o que é um programador front end:

“O Front-End Engineer & Designer é um profissional altamente especializado com foco em interfaces de sistemas para internet, dispositivos móveis entre outros. No desenvolvimento das suas atividades o Front-end entende as necessidades de designers, programadores e usuários.”

O curso vai ser ministrado no Núcleo de Pós Graduação Marista, tem duração de 400 horas aulas e custa 7 mil reais ( um valor normal pra uma pós graduação ).

A segunda notícia é que a Deitel lançou um livro aparentemente interessante, Ajax, Rich Internet Applications e desenvolvimento Web para programadores , entre os temas discutidos estão os padrões XHTML, CSS e JavaScript; lições sobre o desenvolvimento avançado do lado do cliente.

Por último, e não menos interessante, a última notícia boa é que o Firefox 3 é o browser mais utilizado na Europa, ultrapassando o IE7 (que teve uma queda com o lançamento do IE8, o que também é uma boa notícia). Agradeço e torço muito pro Firefox ir crescendo cada vez mais. Afinal, o que seríamos de nós sem o nosso firebug, html validator, web developer toolbar, entre outras extensões?

[]s

A montagem futurista dá exemplos de várias tecnologias que hoje estão em pesquisas mas que podem, um dia, se tornar realidade:

No site Microsoft Office Labs fala mais sobre o vídeo que chamaram de Future Vision Montage.

Pra completar o post falando sobre variação no tempo, eis uma montagem legal que foi postada no Capinaremos, pedindo para nós analisarmos o presente antes de imaginarmos o futuro.

[]s

Apesar de não termos um blogroll, esse seria o nosso. Segue lista em ordem alfabética, façam bom proveito:

A informação – Atualizado com boa freqüência, o blog fala sobre o mercado de TI em geral, mostrando as principais notícias do momento da área.

Akita On Rails Fabio Akita, uma das principais referências de Ruby On Rails no Brasil, ensina RoR, divulga eventos e mostra as principais novidades do framework.

AleMazzariolli – A webwriter, que também é editora do webinsider, e revisora dos cursos online da Visie fala sobre suas experiências profissionais: comunicação, usabilidade, acessibilidade, etc.

Arquitetura de Informação – O famoso blog é atualizado Silvia Melo e Fabricio Teixeira (arquitetos de informação da AgênciaClick) mostra boas referências, ótimos textos e os trabalhos realizados por eles.

BrPoint – O Blog fala sobre SEO e Blogs, incentivando a galera a fazer blogs pra ganhar dinheiro, ou mesmo por diversão.

Bruno Dulcetti – Com boa freqüência de posts também, o carioca que trabalha como Web Design / Web Development fala sobre web standards, css, xhtml e tecnologia em geral.

Bruno Torres – O carioca, especialista em SEO, trabalha no UOL, apesar de não postar muito, seu Blog conta com 5290 assinantes em seu FeedBurner.

Carreirasolo – Um blog diferente, conta como é viver de freela, e da as dicas pra galera a conseguir isso. Também posta sempre sobre profissionais freelancers (para aqueles que querem contratar), divulga jobs e vagas para freelancers e ainda tem um podcast falando das dificuldades em freelas.

Ciro Feitosa – Desenvolvedor web, trabalha tanto em desenvolvimento de sistemas quanto em programador de interface, e no seu blog, fala sobre suas experiências.

Chris B. – Com uma experiência grande já na área de desenvolvimento web, Chris é responsável por uma equipe de programadores de interface e conta no seu blog um pouco de suas experiências.

Clauber Stipkovic – Programador de interface da AgênciaClick e membro do projeto Mozilla. Clauber, também conhecido como Jesus (semelhança física), comenta seus projetos em seu blog.

Cleiver – O programador fala bastante sobre php, o framework CakePHP, linux e seu notebook da HP que só lhe dá problemas.

Cor Cinza – Apesar do nome parecer um blog de design, o conteúdo principal do blog é PHP, o blog tem boas introduções e tutoriais pra quem está começando na linguagem.

CSS no lanche – Blog específico, fala do básico ao avançado sobre CSS, explica boas práticas, e é sempre atualizado.

Danillo Nunes – Recentemente ele decidiu traduzir o Opera Web Standards Curriculum, um curso da Opera que ajuda a preparar desenvolvedores. Os artigos são excelentes, bem técnicos.

Desenvolvimento para Web – Sem um tema específico, o blog da dicas de SEO, PHP, CSS e fala sobre novos CMS e tudo mais que engloba o desenvolvimento web.

DGMike – DGmike é desenvolvedor web que trabalha para a Visie. Seu blog fala sobre php, python, html, css, javascript, etc.

Digital Paper (Podcast) – Em formato de Podcast, o blog com poucas atualizações, tem pots interessantes sobre usabilidade, wordpress, Google Gears, etc…

Eduardo Ottaviani – Mais um programador de interface da AgênciaClick, fala sobre CSS, Javascript e boas práticas no desenvolvimento.

El Micox – O blog bastante visitado (eu acho) tem como objetivo postar funções prontas JavaScript, Ajax, PHP, DOM, Webstandards, dicas e outras coisas.

FechaTag – Outro blog de alguém da Visie, Elcio Ferreira fala sobre XML, XHTML, CSS, Tableless, Python, Linux além de divulgar eventos da área.

HTMHelen – Helen Fernanda tem um perfil interessante, apesar trabalhar em outra área e estudar comunicação, ela escreve sobre html, css e novidades na internet. O blog está sempre atualizado e além desse blog, ela tem mais QUATRO, e ainda faz freelas com web. Helen parece ser uma daquelas pessoas que faz seu dia parecer ter 35 horas.

Igor Escobar – Como ele mesmo diz, o objetivo do blog é documentar todo o processo de mudança na área de técnolgia focada no desenvolvimento web e apresentar as soluções e problemas cotidianos.

Ivo Gomes – Ivo, consultor de usablidade a 4 anos, fala um pouco da área, de acessibilidade e arquitetura da informação.

jQuery Brasil – Sem posts recentes mas com um conteúdo muito bom, jQuery Brasil fala sobre plugins, efeitos e como usar o mais conhecido framework em javascript.

Julio Gref – O desenvolvedor web fala sobre Frameworks, Mootols, jQuery, Javascript, e como diz um de seus posts: “coisas que todo desenvolvedor deveria saber”.

Leonardo Caineli – Com mais de 7 anos de experiência na área, já trabalho como Programador de Interface e Web Design, assim consegue falar sobre Design, Padrões Web e Tecnologia.

Lucas Ferreira – Além de muitas referências (Links for del.icio.us) o blog tem posts sobre jQuery / Lightbox / PHP.

Luiz Tiago – Formado em Sistemas e trabalhando na área de desenvolvimento web desde 2001, seu blog tem um enfoque em webstandards e novidades na área.

Lutando por WaSP – WaSP é sigla para Web Standards Project (é.. tem um trocadilho no meio, wasp significa vespa). Aldemir fala sobre padrões, acessibilidade, Arquitetura da informação, CSS, Rails, Javascript.. e por aí vai.

Marcos Gomes – Ajudou a fundar e é diretor de tecnologia da boo-box. Trabalha com internet a mais de 10 anos, sendo que só tem 22. Tem muita experiência pra contar no blog.

Maujor – O famoso “dinossauro das CSS”, responsável pelo site “CSS para Web Design”, tem um blog também falando principalmente sobre jQuery, já que lançou um livro em português recentemente.

Mestre SEO – Blog específico em SEO com diversos autores que dão as dicas do que fazer e do que não fazer para obter melhores resultados nos buscadores.

O Desenvolvedor – Com muito javascript, jQuery e prototype o blog é ótimo pra quem deseja largar o flash pra fazer efeitos que poderiam ser feitos com javascript. Além disso o blog fala de padrões web, semântica.

pBlog – No blog do Rodrigo Ghedin e Érico Oliveira o tema é WordPress. Plugins, atualizações, temas, tudo é abordado no blog, ideal pra quem não sabe programar, mas deseja ter um blog bem personalizado.

Pinceladas da Web – O blog de Pedro Rogério chama atenção pelo alto nível dos posts, com boa freqüência de atualização e desde 2006, os assuntos mais falados de seu blog são Acessibilidade, Browsers, CSS, JavaScript, jQuery e XHTML segunda sua tag cloud.

Pixeladas Aleatórias – Análises sobre a web e muitas referências (links for del.icio.us) é o que mais tem no blog, que também fala de HTML / CSS. Sua descrição no seu blog é “Simone Villas Boas é desenvolvedora de front-end, geek em tempo integral”.

Profissão Web – Thiago Melo, um dos colunistas do webinsider, tem seu blog, que com um ano e meio de vida tinha mais de 700 posts, impressiona! Thiago é desenvolvedor e designer de interfaces e já atua na área a mais de 6 anos.

Project 47 – Falando sobre web standards e wordpres, Carlos Eduardo que é desenvolvedor web criou a “sexta feira dos webstandards” que era uma série de links e referências bem interessantes, apesar de não ter dado continuidade, existem 15 posts desses que estão em meio ao seus históricos.

Revolução Etc – O mais famoso blog da lista, tem quase 7 mil assinantes dos seus feeds. Atualmente ele está escrevendo “dicas de como montar um blog” mas aos seus quase 400 posts tem muitos posts técnicos porém bem detalhados, mostrando o porque é de tanto sucesso.

Ruf Space – Falando sobre webstandards e o cotidiano web. Apesar do blog estar praticamente parado, existem posts interessantes em seu histórico na sessão DOM lab.

SEO Cast – O slogan do blog é “muito mais que meta tag”. Além dos posts dando as dicas de SEO também estão disponíveis podcasts sobre o assunto.

Simples Idéias – O blog de Nando Vieira é bem técnico, para aqueles que querem ver código mesmo. O blog está bem focado em Ruby On Rails, mas tem outros posts de outros assuntos.

t de <tag> – Segundo sua descrição, Marcello de Souza é técnico em informática, programador e professor. Entusiasta de novas tecnologias e do uso de software livre. Sendo tudo isso tem muita coisa pra ele escrever como Python, Padrões web, CSS e bastante Ruby On Rails.

Tá dificil… – Usabilidade é o tema do blog que mostra a grande dificuldade que usuários tem para fazer coisas simples como comprar cartucho para Epson ou obter resultados anteiores da mega-sena.

Tableless – Diego Eis ensina CSS / XHTML / jQuery / SEO. Além dos posts escritos, o blog tem diversos vídeos que são tutoriais curtos e bem detalhados mostrando desde implementando html até manipular atributos com jQuery.

Techbits – O tema é TI, Alexandre Fugita escreve as notícias do mercado, como o lançamento do Android, Chrome, Campus Party, twitter, a privadade do facebook, etc.

TecnoBlog – O blog voltado para a Tecnologia, tem uma boa freqüência de posts que dão notícias da internet como “Brasil é o 6º colocado no ranking de ataques de malwares” ou “Yogen Max – carregue a bateria do seu notebook com o movimento dos pés”.

Tecnocracia – Manoel Netto se diz apaixonado por tecnologia, trabalha com web desde 1998. Ele fala sobre internet em geral, o blog é bastante acessado, 1700 pessoas assinam seus feeds.

TidBits – Nosso blog. Eu, Danilo Augusto, programador da AgênciaClick, e Belinha, arquiteta de infromação da Tesla, em meio as brigas de casal, falamos sobre desenvolvimento web e eninamos através de exemplos práticos.

Tulio Faria – Túlio é professor técnico em informática e freela fazendo sites. Programador de diversas linguagens. Apesar disso, seu blog é voltado mais para PHP.

UnderGoogle – Tudo sobre o google. Search Wiki, Friend Connect, Orkut, Gmail, Zeitgeits, Maps, Adwords, etc etc.. o assunto no blog é somento Google e segundo eles, 11 mil pessoas assinam seu rss.

Vagas na Web – E para aqueles que já aprenderam o bastante e talvez seja a hora de ser melhor remunerado, esse blog do yogodoshi posta diversas vagas de empregos todos os dias. Até meu emprego atual, eu fiquei sabendo da vaga por lá.

ViuIsso? – Michel Lent Schwartzman é CCO da 10′Minutos S.A., designer gráfico, mestre em Telecomunicações Interativas pela New York University, articulista do Webinsider e do Yahoo! Tecnologia, juri do Prêmio iBest desde 1999 e professor da Escola Superior de Propaganda e Marketing. No seu blog ele dá as notícias do que está acontecendo na web.

Visie – No blog da empresa de treinamento em desenvolvimento web, consta a agenda de palestras do Élcio Ferreira, vídeos tutoriais e outras coisas ligadas a empresa.

Web, Design e CSS – Cleo, uma Web designer que também trabalha com CSS, XHTML, SEO e usabilidade, fala um pouco de tudo no seu blog, com o conteúdo é bem variado, pode interessar a diferentes áreas.

Webinsider – O blog, patrocinado pelo UOL, conta com diversos colunistas, está ativo desde 2000 e fala sobre o mercado web no Brasil.

WebPoint – Alexandre Magno é membro da equipe do jQuery, no seu blog ele fala muito do framework, escreve diversos tutoriais, fala de plugins, enfim… dá todas as dicas pra quem quer trabalhar com a ferramenta.

Yogodoshi – Cayo Medeiros, além do Vagas na Web, tem esse blog que fala sobre SEO, jQuery, Javascript, cita boas referências e tem o post “O Melhor da Semana” (que está da edição 32) com links das notícias que chamaram atenção, todas separadas por categorias, como Tuturiais, Vagas de Emprego, Dicas, Notícias, Artigos, etc..

Se alguém quiser incluir um blog, deixe comentado aqui o endereço do blog que eu atualizo o post, desde que o blog se encaixe na lista, é claro.

[]s

Isso nos faz pensar que a tecnologia causa mudanças irreversíveis na nossa sociedade, algumas das quais podemos prever hoje em dia, e outras que viram que estão longe do nosso alcance. Aproveitando esse ensejo, o post de hoje é pra mostrar o vídeo de uma cidade do futuro, na qual a grande maioria das interações humanas acontecem com o intermédio da tecnologia.

Cooltown é uma cidade fictícia da HP, mas as tecnologias apresentadas estão muito mais para realidade do que para a ficção. Isso nos assusta, de certa forma, pois a mudança não atinge somente as ferramentas do nosso cotidiano, mas também a nós mesmos, nossas necessidades e relações sociais e culturais.

(E levanta um pouco a velha história de perdemos também nossa privacidade, e consequentemente sempre vigiados pelo Grande Irmão).

A SideSight não é exatamente touch, pois baseia-se em sensor de movimento, ou seja, não é necessário contato entre o usuário e o gadget. A idéia é diminuir a necessidade de precisão do toque, que vai ficando cada vez mais difícil à medida em que se diminui o tamanho dos aparelhos.

Se a tecnologia for bem desenvolvida, não só o problema do tamanho dos aparelhos móveis terá sido superado, como vários outros problemas que as atuais tecnologias touchscreen apresentam, como a acessibilidade (que foi completamente ignorada no Iphone). Como o usuário não precisa apontar nada na tela, e sim realizar o movimento, o uso é possível para pessoas cegas, baixa visão ou mesmo com dificuldades motoras. Nos touchs atuais, no caso do Iphone, o sensor de calor faz necessário o uso de luvas especiais em países de inverno rigoroso, enquanto o multitouch da HTC, precisa ser configurado por cada usuário individualmente, para ter calibrada a pressão exata do dedo.

O sensor utiliza infra-vermelhos que têm alcance de 10 centímetros, e permitem utilização completa da área do ecrã, já que os comandos são feitos através de movimentos do usuário. Mais uma promessa de interação com o usuário, e mais um dos desafios que teremos como profissionais de interface.

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

Velocidade máxima oferecida no varejo

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?