Firefox - A Developer’s Best Friend // Minha Palestra no Workshop Mozilla 2008

May 8th, 2008

Aconteceu em Abril, o Workshop Mozilla 2008 (no qual eu tive o prazer de ser convidado a palestrar), como um evento dentro do FISL, em Porto Alegre.

Para quem quiser ler mais sobre o Pós FISL, basta acessar o link abaixo para ter acesso a todos os videos do workshop, e para as fotos das palestras.

http://wiki.mozilla.org/FISL:2008:posfisl

E para quem quiser ver o video da minha palestra, pode verificar no video abaixo:

Firefox - A Developer\’s Best Friend ( portuguese ) - Mozilla Workshop -> FISL 9

Update: Abaixo, os slides da palestra :)

CSS Naked Day ‘08!!!

April 9th, 2008

Fique tranquilo, seu browser não esta com problemas, e nem eu estou ficando louco :-P

Fiquei sabendo pelo site do TAQ que hoje é o “CSS Naked Day“, então resolvi participar tirando todo o CSS do meu Blog.

Pra quem quiser saber mais sobre o dia, é só visitar o site abaixo:

http://naked.dustindiaz.com/

[ ]’s

Mozilla Firefox 4.0 Alpha 1 pré na área !!!

March 11th, 2008

É isso mesmo que você leu.

A Mozilla disponibilizou hoje no seu FTP, a próxima versão do Mozilla Firefox 4.0, sendo esta apenas para teste de desenvolvedores, e para quem quiser ajudar no report de Bugs.

Esta verão é praticamente igual a 3.0, mas contendo uma diferença, que é a utilização da nova versão da engine de renderização do Firefox, o Gecko 2.0.

Por tanto, quem quiser baixar a nova versão, fique a vontade, mas não se esqueça de que não é recomendado o uso para tarefas do dia-a-dia, apenas para teste.

Link para baixar a versão 4.0 do Firefox para Windows e Linux(a versão para MacOS não foi incluida ainda):

http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central/

obs.: Estou postando exatamente da versão 4.0, e a velocidade de renderização do Gecko 2.0 esta muito boa.
obs2.: Agradecimentos ao Cobra® pelos esclarecimentos :)

500.000.000 de Raposas !!!

February 23rd, 2008

Parabéns a todos os Membros da Comunidade Mozilla-BR e usuários também!!!

E que venham mais 500.000.000!

500 milhões de Download do Firefox!!!

Boas práticas para Desenvolvimento Web #1

February 22nd, 2008

Conversando sobre Boas Práticas(na área de programação) com um amigo essa semana, achei interessante falar um pouco sobre isso aqui no blog.

Primeiro, o significado de boas práticas vem do inglês “best practices”, que denomina os melhores métodos para se realizar uma tarefa, ou seja, o meio que tem mais chance de levar até o resultado esperado sem muitos problemas.

Muitas profissões tem criado as suas “Boas práticas” relacionadas a área, para otimizar processos ou encaminhar melhor os novos profissionais que estão chegando.

Na área de computação não é muito diferente. Temos várias “boas práticas”, para a grande maioria das tarefas de informática que ajudam e muito no dia-a-dia.

O Desenvolvimento Web também tem as suas “boas práticas”, que ajudam na hora de desenvolver um site, e é sobre algumas delas que eu vou falar.

Doctype - DTD(Document Type Definition)

Essa boa pratica é o começo de tudo, ou seja, é a primeira coisa que o user agent do seu browser procura para saber qual é o tipo de Linguagem de marcação(que por muitos é conhecido também como HTML :-)) que ele terá que interpretar(parsing) no momento em que a página for solicitada.

Quando ele é informado na página, o browser saberá qual tipo de marcação deverá interpretar, e assim a página será carregada muito mais facilmente.

Para saber mais sobre Doctype, visite os links abaixo:

Quirks Mode e Strict Mode

Dentro do doctype, nós temos como informar para os Browsers dois tipos de renderização de CSS. O modo “antigo”( ou Quirks Mode ) e o modo “estrito” ( ou Strict Mode ).

O Quirks mode, é considerado o modo “antigo”, pois é a implementação que na época dos Browser Internet Explorer 4/5 e Netscape 4 (onde ambos não faziam parte da W3C, e assim, não seguiam os padrões, apesar de na época, o Internet Explorer interpretar muito melhor o CSS do que o Nestcape) permitia que os browsers passassem a interpretar os padrões(Strict Mode), que estavam começando a ganhar espaço, ou o modo “antigo”(dai o Quirks mode).

Para saber mais sobre Quirks Modes, visite os links abaixo:

Por tanto, verifique sempre, qual será o destino final do seu site, ou da sua aplicação web, para saber qual modo utilizar. Mas nunca se esqueça de utilizar os Doctypes e os Modos de renderização certos para a sua aplicação.

Mais alguns site para uma boa leitura:

Technorati Tags: , , , , , , , , ,

Experimentando o twitter!!

February 15th, 2008

Vamos ver o que vai sair dessa bagaça !!

Visitem:
http://twitter.com/clauber_halic

Technorati Tags: , , , ,

Utilizando Wireframes

February 14th, 2008

Depois de ler alguns artigos sobre Wireframe, e ver que realmente isso é importante no processo de criação de sites. Resolvi criar um post sobre isso.

Hoje é muito comum ver sites sendo desenvolvidos sem nenhum planejamento, pois ele precisa ser desenvolvido rapidamente e precisa estar no ar logo(entre outras coisas que os gerentes e clientes falam).

Muitas vezes, isso causa vários retrabalhos de código, seja em client-side(CSS, HTML, Javascript …) ou server-side(PHP, ASP.NET, JSP …), pois não ouve um planejamento de como fazer, ou do que o site realmente deveria ter.

Se pensarmos em um site como um projeto de automóvel, por exemplo, vamos ver que não adianta saber que o todo carro possue motor, rodas, freios, etc. Precisamos saber qual será o tamanho do carro, a disposição do motor, como será a disposição do painel(onde estão o radio, porta luvas, etc).

É nesse ponto que entra os desenhos do projeto para o automóvel. Nada sei da cabeça do projetista e vai direto para a linha de montagem.

Antes mesmo do carro conceito(como é chamado o protótipo), é feito um estudo para verificar a usabilidade dos controles do carro, como será o espaço interno, se a aerodinâmica ir prejudicar a estabilidade, entre outros fatores, que podem influenciar no sucesso ou no fracasso do produto.

A criação de um site, também segue(ou pelo menos deveria seguir) esse conceito, mas infelizmente, muitas empresas ainda não gastam um tempo do projeto para essa tarefa, e muitas vezes, pagam por não ter planejado e projetado uma interface(ou até mesmo os controles do site) mais intuitivos e dinâmica.

Para diminuir esse impacto de projeto, e até mesmo, de tempo e dinheiro gasto no desenvolvimento, o Wireframe é um excelente passo.

Basicamente, o Wireframe consiste em um “esboço” de como será o layout do site, dizendo onde os elementos serão posicionados , e descrevendo quais elementos serão utilizados(isso dependendo é claro, qual o nivel de detalhamento que o seu Wireframe terá), de acordo com o que, muito provavelmente, será o layout final.

Há também a possibilidade de uma pratica e rápida mudança antes do layout definitivo, evitando que muitos imprevistos aconteçam no decorrer do desenvolvimento, e ajudando ainda na analise de usabilidade de interface do site.

Alguns links interessantes sobre Wireframe estão listados abaixo:
http://usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html
http://webinsider.uol.com.br/index.php/2003/12/09/wireframe-documento-cada-vez-mais-importante/

Você deve esta se perguntando agora se há alguma ferramenta para “desenhar” os Wireframes?!?!

Bem, eu procurei várias ferramentas para isso, mas a que mais me agradou, e que mais me deu produtividade, foi o Inkscape.

Além de ser open source e multi-plataforma(Windows, Linux e MacOS), o inkscape tem uma interface muito fácil de usar.

Mas você pode testar outras ferramentas como o GIMP, PhotoShop, Flash(sim, já vi pessoas usando o Flash para desenhar wireframes), ou alguma ferramenta que você tenha mais habilidade para desenhar.

Grande abraço, e comentem :)
Technorati Tags: , , , , , , ,

Master Hack - A web não tem preço!!!

February 4th, 2008

Pra não dizer que o carnaval não foi divertido, ai vai uma tirinha retirada do site “Nerdson não vai à Escola”

Nerdson não vai à Escola - Master Hack

Bom carnaval à todos!!!

Firefox Tuning, vale mesmo a pena???

January 28th, 2008

Algum tempo atrás, estava conversando com o Bird (Colaborador do Mozilla Brasil e do Fórum do Mozilla Brasil no Guia do Hardware), sobre o fato de “tunar” o Firefox ou não, e então resolvi escrever algumas palavras sobre, se vale a pena ou não “tunar” o Firefox.

Para quem não sabe o que é “Tuning” (ou Modding, tendo em vista o foco a informática), basta acessar o link abaixo.
- Tuning(ou Modding)

Então, vamos ou ponto.

Essa história de Modding no Firefox, já é um pouco antiga, tendo em vista que, há opção de acessar as configurações mais “obscuras” do browser através do about:config.

E como, através disso, é possível alterar várias opções, como por exemplo, número de requisições do browser para o servidor, cache do browser, etc, muitas pessoas acabaram verificando que, há como deixar o Firefox mais rápido, mas algumas não perceberam o outro lado da moeda.

Se você quiser dar uma olhada nessas alterações, sinta-se a vontade para acessar o link abaixo, e fazer as alterações, MAS, eu recomendaria que você continua-se lendo esse post até o fim, e decidi-se por si só, se vale a pena ou não dar um “Modding” no seu Firefox.

Link para o artigo sobre “Tuning(ou Modding)” no Firefox:
http://forums.mozillazine.org/viewtopic.php?t=53650

Bem, se você continuou lendo, é por que quer saber se deve mesmo “Tunar” o Firefox ou não.

Pois bem, como o Asa Dotzler(que é uma autoridade sobre produtos da Mozilla) disse em um post em um fórum:

“Sim, existem possibilidades de fazer o Firefox viajar mais rápido …”

E como ele mesmo diz também:

“A desvantagem e razão pela qual não esteja habilitada essas opções de “Tuning” na configuração padrão do Firefox, é que dessa maneira pode ocorrer de em alguns casos, não funcionar corretamente, pois alguns sites não suportam os tipos de opções que você esta solicitando a ele.”

Ou seja, se você fizer essas alterações no Firefox e depois o browser começar a ficar estranho, não culpe o browser, pois ele só esta fazendo o que você pediu. Mas o culpado nessa história(se é que pode ser chamado assim) é o site que você esta acessando(que pode não suportar tantas conexões simultâneas), sua conexão de internet(que pode não ser rápida o suficiente), entre outros fatores.

Por tanto, pense bem antes de dar um “Modding” no Firefox, pois isso pode se tornar um tormento para você.

Para quem quiser ler mais sobre o “Modding” no Firefox, acesse os links abaixo:
http://www.guiadohardware.net/comunidade/aumentar-desmpenho/199938/#post1523728
http://www.guiadohardware.net/comunidade/dicas-firefox/186310/
http://japs.etc.br/2007/02/dicas-para-turbinar-seu-firefox/

Abraços e “Modding com parcimônia” :-P

Technorati Tags: , , , ,

Meme: Se eu tivesse um celular mágico…

January 10th, 2008

Aceitando o pedido do Tiago Madeira, que me convidou para um meme: Se eu tivesse um celular mágico, vou dar minha “opinião” sobre isso.

Aproveitando o assunto, estava pensando(e lembrando) como foi a evolução dos celular, que de tijolos imensos, hoje são “coisinhas” muito pequenas, e que tem várias funcionalidade legais como, envio de mensagens, câmera fotográfica, rádio, e por fim, mas não menos importante, faz ligações telefônicas :-P

Falando em aparelhos mais recente, acredito que o iPhone foi o “divisor de aguas” para o segmento de mobile. E logo depois vem a plataforma para celulares liderada pelo Google, chamada Android, que também tem chamado a atenção de muita gente, inclusive a minha :)

Então, seguindo a sugestão de meme do Tiago, vamos lá.

Se eu tivesse um celular mágico eu iria querer poder interagir com ele da mesma maneira que fazem no filme “Minority Report“, ai a interface do iPhone ficaria ultrapassada :-P

Convido então, Bruna Griebeler, Wagner Bigal para continuarem o meme.

[ ] ’s

Technorati Tags: , , , , , , ,