Skip navigation

Category Archives: Desenvolvimento Web

Muita gente tem dito que o esquema de “fast release” da mozilla não é bom, e que esta prejudicando muito as empresas na hora de gerenciar as homologações do Firefox internamente, ou até mesmo os usuários com os problemas com os plugins de bancos, depois que o firefox é atualizado.

Muitas pessoas também se esqueceram que o esquema de releases longos não tem funcionado mais para a internet. Até por que, a cada dia, temos mais e mais implementações de frameworks novos, linguagens, etc, e com isso, nós desenvolvedores queremos utilizar essas novidades em larga escala, e por conta dos browsers desatualizados, isso não é muito recomendado.

Parece que a maioria se esqueceu também do trabalho que foi – e ainda é, só que agora com o Internet Explorer 7 – matar o Internet Explorer 6.

Anos e anos de atualizações de segurança deixaram a internet muito “amarrada”, e isso com certeza não foi nada bom!

De um tempo pra cá, o Google Chrome veio com a proposta de releases mais rápidos, e com isso, a Mozilla também optou por mudar seu esquema de releases!

Por outro lado, isso pode causar um pseudo “caos” nas empresas, com as tão temidas homologações de software. Mas muitos se esquecem de que o Firefox continua sendo aberto, ao ponto de você, administrador de redes, poder controlar as atualizações do browser dentro da sua empresa. O que muitos não sabem, e pelo que tenho visto, não estão muito preocupados em saber, é que a mozilla têm, já faz algum tempo, uma lista voltada para discussões sobre os produtos da mozilla em ambientes corporativos.[1]

Nessa lista, pessoas do mundo inteiro compatilham problemas e soluções para utilizar e controlar melhor o firefox dentro de redes empresariais.

Existe também, a muito tempo, um documento da Mozilla – que esta acessível para todos – mostrando como construir o seu próprio servidor de gerenciamento de atualização para o Firefox e para o Thunderbird.[2]

Para os usuários, que sempre tem problemas com aquele plugin de algum banco, que para de funcionar depois de cada atualização – lembrando que isso é causado pelos próprios bancos que não atualizam os plugins e não pela mozilla – podem resolver esse problema instalando duas versões do Firefox. A mais atual e uma versão na qual o plugin do banco funciona, mesma maquina, e utilizá-los ao mesmo tempo sem problemas. Para isso, bastando apenas utilizar um perfil diferente para cada versão do firefox instalada na maquina.[3]

Enfim, não há por que criticar o sistema de releases, se você nem mesmo tentou se informar sobre quais soluções a mozilla já tem para ajudar nos possíveis problemas que as atualizações podem causar!

Só mais uma dica, aproveitem e contribuam ajudando na atualização do Firefox das pessoas que não sabem da importância que isso tem :)

[1] – enterprise@mozilla.org
[2] – https://developer.mozilla.org/en/Setting_up_an_update_server#Creating_a_simple_Firefox.2FThunderbird_update_server_with_Apache_and_PHP
[3] – http://br.mozdev.org/firefox/gerenciador-de-perfis
[3a] – http://br.mozdev.org/firefox/beta

Após a palestra sobre desenvolvimento de extensões no evento PythonBrasil[7] (http://wwwww.pythonbrasil.org.br) em São Paulo, o pessoal já começou a por a mão na massa, nada como um evento lotado de programadores para encontrar gente que programe em qualquer canto.

Várias pessoas procuraram os membros da comunidade brasileira durante o evento, e ao final dos três dias tivemos 4 extensões que foram enviadas aqui (http://htmlpad.org/desenvolvendo-extensoes-firefox/), elas são:

Anti Upside-Down-Ternet


Baseado neste (http://www.ex-parrot.com/pete/upside-down-ternet.html) documento, que explica como fazer seu vizinho, ao usar sua rede wi-fi pra usar a internet, enxergar todas as imagens de ponta cabeça. Porém, Rodolpho Eckhardt, desenvolveu a extensão que conta o outro lado da história. Se você usa a internet do seu vizinho, que é mal ao ponte de inverter suas imagens, use essa extensão, que inverte novamente as imagens para você, basta clicar com o botão direito e ativar!
Autor: Rodolpho Eckhardt (@rodolphoeck)
Link para descrição (http://bit.ly/audtdoc-pythonbrasil)
Link para instalação (http://bit.ly/audt-pythonbrasil)

give-me-a-commit-message

Essa é para programadores, sabe quando vai fazer seu ‘commit’ e precisa de uma mensagem para ele? Então o site whatthecommit.com foi feito pra você, ele exibe uma mensagem nova cada vez que você abre ele, porém com essa extensão não precisa mais acessar a página, basta clicar no botão na barra de add-ons e uma notificação apararecerá na sua tela, e pronto, a mensagem já foi para a sua área de transferência, basta colar onde preferir.
Autor: Armando Biagioni Neto (Mozilla Jetpack Ambassador) (@netoarmando)
Link para instalação (https://github.com/downloads/netoarmando/give-me-a-commit-message/give-me-a-commit-message.xpi) Link para código-fonte (https://github.com/netoarmando/give-me-a-commit-message)

True Pythonista

Pelo que pude perceber, Henr”Ikke” Pereira é o troll da comunidade Python, ele mantem um site, o ruby-br.com.br, dedicado a tratar sobre Python, o site tem logotipo da “outra linguagem”, mas só se fala em Python no site. Assim, para continuar ele criou este add-on que cria um atalho para seu site na barra de add-ons.
Autor: Henr”Ikke” Pereira (@ikkebr)
Link para instalação (http://editado.com.br/dw/truepythonista.xpi)
Link para o código-fonte (http://editado.com.br/dw/truepythonista.zip)

Facebook – Botão Foda-se

Não quer curtir no Facebook? Vinicius Cainelli fez a extensão que adiciona mais uma opção dentro do Facebook. Autor: Vinicius Cainelli (@vrcainelli) Link para descrição (https://docs.google.com/document/d/1NP5g5tS2bZs_V7wFHMpLUl4xosBBgr_seC7mqdIAoic/edit?hl=pt_BR) Link para instalação (https://docs.google.com/leaf?id=0B1izP4oIrfeSMjA0NjBlZTQtYTlhYy00MGFjLThlYWItYjMwYWNkNDYyODNj&hl=pt_BR)

Foi muito bacana participar do evento e encontrar um pessoal que estava empolgado. Lembro que faltou uma extensão, um sujeito, não lembro quem, estava portanto sua extensão de Chrome para o Firefox

Post escrito pelo meu amigo @netoarmando.

Abaixo fotos tiradas durante o evento (clique na foto para ver a galeria):

Já faz algum tempo que queria postar algo sobre o Mozilla Ubiquity, acho que agora vai! :)

Pra entender o Ubiquity, vamos ver, antes de tudo, qual é o conceito no qual ele se baseia!

Mashups

Mashup, relacionado ao desenvolvimento para web, é um site ou aplicação web que utiliza e manipula o conteúdo de várias fontes em um único local! Basicamente, um agregador de vários serviços da web!

Se você quiser mais informações sobre Mashups, pode acessar o link da Wikipedia! Acredito que ele vai tirar a maioria das suas duvidas! :)

- Mashup (web application hybrid) [Wikipedia]

Mozilla Ubiquity

O Ubiquity é um addon da Mozilla que facilita o acesso à vários serviços da web (olha os mashups ai!), utilizando interface de linguagem natural para “chamar” os serviços, através da interface do Ubiquity.

Funciona mais ou menos assim!

Você aciona a tecla de atalho do Ubiquity, digita o serviço que deseja utiliza, por exemplo “Google”, e ele já vai saber que você quer fazer uma busca no Google! Logo em seguida o que deseja procurar no google! Ficaria assim, “Google Mozilla”, com isso, ele buscara no google por mozilla, e apresentar o conteúdo na mesma tela que você digitou o que queria busca, o resultado (no caso, os 4 primeiros link encontrados) que o google retornou sobre o assunto!

Serviços como o GMail, Google Maps, Google Translator, Wikipedia, Twitter (sim, você consegue twittar através dele), e tantos outros podem ser acessados facilmente/diretamente pelo linha de “comandos” do Ubiquity.

Se você ainda esta com duvida sobre como ele funciona, assista o video do Aza Raskin, (desenvolvedore do core do Ubiquity) e veja como tudo acontece:

Ubiquity for Firefox from Aza Raskin on Vimeo.

Se você gostou da ferramenta e quer saber mais sobre ela, segue o link dela no Mozilla Labs:

- Mozilla Ubiquity [Mozilla Labs]
- Mozilla Ubiquity – More Information [Wiki Mozilla]

Desenvolvendo um comando para o Ubiquity

Mozilla Ubiquity, make a commandBasicamente, o Ubiquity é escrito utilizando Python e Javascript, então, não é coisa de outro mundo! :)

Já os comandos que são as coisas que dão sentido ao Ubiquity, são feitas utilizando Javascript! Sim, só isso!

O mais legal é que, você mesmo pode criar um comando seu! Basta escrever no seu Firefox, na barra de URL (ou barra de endereços, como preferir)

about:ubiquity

Fazendo isso, o Firefox abrirá a tela de gerenciamento do Ubiquity, onde você vai encontrar a opção “Hack Ubiquity”, e é ela que você vai poder brincar com os comandos que irá criar, antes de intalar diretamente no seu Firefox.

Para começar a criar um comando do Ubiquity, há um how to no wiki da Mozilla, com informações claras de como você deve começar!

- Ubiquity Author Tutorial [Wiki Mozilla]

Comandos criados pela Comunidade Ubiquity

Depois de aprender a fazer um comando, você pode coloca-lo em uma lista onde há vários outros comandos criados pelos desenvolvedores da comunidade.

- Commands in The Wild [Wiki Mozilla]

Se você quiser dar uma olhada no código de um comando já pronto, pode acessar os que estão no meu github :)

- ubiquity-commands [Clauber Github]

Mais informações

Atualmente, o Ubiquity não tem mais suporte oficial da Mozilla, por tanto, ele é desenvolvido pelos membros da comunidade! Apesar de tudo, a Mozilla não cortou/acabou com o projeto, tanto que o addon ainda esta disponível para download no AMO (http://addons.mozilla.org) e toda a documentação esta nos servidores da Mozilla, mas por uma questão de direcionamento, eles optaram por deixar a comunidade no comando do Addon.

Para instalar esse addon incrível no seu Firefox, você deve baixar o nosso XPI (pacote de instalação de addons) de desenvolvimento, que pode ser encontrado no link abaixo:

- https://bitbucket.org/satyr/ubiquity/downloads/tip.xpi [satyr Bitbucket]

Se você tiver alguma sugestão ou reclamação para fazer sobre o Ubiquity, pode usar o Get Satisfaction para isso:

- Get Satisfaction – Mozilla Ubiquity

Agora se você encontrar algum bug ou quiser ajudar na correção de algum bug já existente, pode fazer isso acessando o link do Bugzilla:

- Bugzilla – Mozilla Ubiquity [Bugzilla]

Bom divertimento! :)

Nos dias 03 e 06 de Junho, na ETESP (Escola Técnica Estadual de São Paulo), participei como palestrante na “Semana Técnica de 2011″.

Na minha palestra eu falei um pouco sobre algumas ferramentas da Mozilla, como o Firefox, que é uma excelente ferramenta para o desenvolvimento web, além é claro, muito bom pra navegação na internet! Falei também sobre o Add-ons SDK (também conhecido como Jetpack), um pouco da arquitetura do SDK, e onde os desenvolvedores podem obter material para começar a “brincar” com o SDK.

Dei algumas dicas basicas, mas muito valiosas, para quem queria começar a trabalhar com desenvolvimento web, fazendo página ou aplicações para a web!

Os alunos da ETESP foram muito participativos e interessados durante a apresentação! Foi muito divertido voltar, onde eu cursei a escola Técnica, e ver que a qualidade do curso de Informática continua alta!

Muito obrigado ao Coordenador do Curso de Informática e amigo, professor Julius Capellini, pelo convite e mais uma vez pela oportunidade em poder mostrar um pouco mais da Mozilla e do desenvolvimento web para os alunos da ETESP!

E aqui vão os slides que foram utilizados na palestra:

De uns tempos pra cá, a W3C(World Wide Web Consortium) vem se lembrando dos desenvolvedores, e passou a pensar em uma atualização da linguagem mais popular na web, o HTML.

Não só a W3C esta se movimentando nos últimos anos, mas varias empresas como a Apple, Mozilla, Opera(as quais formaram o WHATWG) também estão se preocupando com os novos rumos da web, dos desenvolvedores também.

Com tudo isso, novos pontos de vista e idéias surgem para melhor(ou pelo menos tentar) o que hoje ainda é um caos(para os que desenvolvem realmente, para a web e não para um browser apenas).

Duas vertentes surgiram no começo dessa nova maré de pensamentos A primeira foi a WHATWG, que defende a atualização do HTML, para uma versão que seja funcional para o cenário de Web que temos hoje, e a outra é a da W3C, que atualizar o XHTML.

HTML 5 Draft doc(W3C) – http://www.w3.org/TR/2008/WD-html5-20080122/
HTML 5 Draft doc(WHATWG) – http://www.whatwg.org/specs/web-apps/current-work/
Differences between HTML 5 and HTML 4(W3C) – http://www.w3.org/TR/html5-diff/
Web Forms(WHATWG) – http://www.whatwg.org/specs/web-forms/current-work/
O futuro do HTML – http://aindaapensar.blogspot.com/2006/11/o-futuro-do-html.html

Para quem quiser testar as novas funcionalidades de HTML5, o Mozilla Firefox 3.5 já da suporte a alguns dos novos recursos!.

Hoje, dia 30 de Junho de 2009, o Firefox 3.5 será lançado. A idéia é criar uma onda social e assim foi criado este projeto Shock. Cada país vai twittar, blogar, comentar, enviar e-mails, publicar – exatamenta as 3:50PM. Tudo começa no Brasil … e depois terminamos todos juntos no outro dia depois que todos os paises e timezones fizerem suas ondas…

Veja como as “Andas de Choque” vão ficar:

Terça-feira, 30 de Junho
1st Shockwave
3:50 PM in Brazil (BRT)
2nd Shockwave
3:50 PM in New York (EDT)
3rd Shockwave 3:50 PM in Chicago (CDT)
4th Shockwave 3:50 PM in Denver (MDT)
5th Shockwave 3:50 PM in San Francisco (PDT)

Quarta-feir, 1 de Julho
Super Shock 3:50 PM in Brazil (BRT)



Link para a Campanha Shiretokoshock, Firefox 3.5

Lendo o post sobre o “CSS3 Panel Slides from SXSWi” no blog da Molly E. Holzschlag, achei interessante dar uma olhada também no material das pessoas envolvidas no “panel”, então, gostaria de compartilhar alguns pontos interessantes sobre eles.

Para quem quiser baixar o Mozilla Firefox 3.1 BETA3 basta acessar o link abaixo – aproveite e baixe a versão em Português do Brasil :) :
http://www.mozilla.com/en-US/firefox/all-beta.html

Lembrando que o Mozilla Firefox 3.1 BETA 3 é apenas para testes ainda.

  • opacity and rgba() – A possibilidade de aplicar opacidade nos objetos com RGBA;
  • border-image – Com CSS3 será possí­vel colocar multiplas bordas com imagem, facilitando a aplicação de bordas arredondadas em objetos, por exemplo;
  • Columns – Dividir o texto de um objeto em colunas, sem ter que colocar cada parte do texto em um objeto e depois utilizar a propriedade “float”, por exemplo;
  • text-shadow – Essa propriedade vai ajudar muito a diminuir a quantidade de imagens colocadas como titulos, por exemplo, já que hoje, quando precisamos desse efeito, recortamos o texto como uma imagem e aplicamos no HTML/CSS uma técnica chamada de Image-Replacement, para ter um efeito como o do text-shadow;
  • box-shadow – Mais uma propriedade que ira facilitar muito o desenvolvimento de interface web, pois hoje, temos que colocar uma imagem de fundo no objeto para obter esse, e isso causa um problema, se não for bem implementado, pode não deixar a box flexivel o bastante, mas com a propriedade box-shadow, esse problema será quase nulo, e também diminue o problema de performance, já que se essa imagem for colocada via CSS(o que é o normal de se fazer) gera uma requisilção HTTP a mais no site;
  • border-radius – Borda arredondada em objetos sem pre é um problema na hora de desenvolver o site, mas com essa propriedade CSS3, essa tarefa também ficara mais fácil;
  • word-wrap: break-word – Essa opção é interessante, pois mantem a semantica do (x)HTML, sem precisar de um </br> (elemento de quebra de linha), por exemplo;
  • transform – uma das opções da propriedade “transform” será a opção “rotate”, que rotaciona um objeto;

Essas são só algumas das novidades que estarão disponiveis na implementação de CSS3 nos browser novos.

Mas, como toda nova tecnologia baseada nos browser tem uma propagação muito demorada, como porgo exemplo, a demora na adoção de um browser mais novo, isso lembrando da utilização do IE6 por muitas pessoas ainda. Acredito que muitos dos desenvolvedores web ainda vão demorar para utilizar essas novas implementações, já que, uma das preocupações quando se fala de desenvolvimento web, é de que todos que acessam a página, independente de qual browser esteja usando, deve ter acesso normal.

Por tanto, aproveito para lembrar que há uma campanha para conscientizar os usuários de IE6 a fazerem a atualização do seu browser, não importando qual sejá ele, Mozilla Firefox, Opera, Safari, Google Chrome ou Internet Explorer 7/8.

Para quem quiser participar da campanha nacional “Atualize seu Browser”, basta acessar o link abaixo:
http://imasters.uol.com.br/crossbrowser/pt-br/

Participe da sessão interativa Mozilla 2010 Goals nesta Quinta-feira as 21:00 no auditório do ICMC USP em São Carlos. O projeto 2010 Goals[1] tem o objetivo organizar e documentar um conjunto de discussões para definir metas para os próximos 2 anos do projeto Mozilla. Existe um processo organizado[2] por líderes da fundação Mozilla e diversos contribuidores [3] que estão auxiliando na execução destas discussões pelo mundo. O Brasil é uma das constituições que participam.

A semente deste projeto inicia-se com a pergunta:  “What can Mozilla do with our products and our product development processes to move the Internet toward our vision of an open, decentralized, participatory place in the next two years?”

Para ajudar as discussão e busca das respostas estamos seguindo um modelo do tipo ” preencha as metas ” — referido como Goals no projeto. Este modelo sugere áreas principais. Nas sessões de discussões podemos sempre documentar outras coisas, caso algo não se encaixe. Segue abaixo estas Goals:

  1. Internet as Centerpiece
  2. Data
  3. Mobile
  4. Mindshare
  5. Beyond Products ( foundation )

Veja descrição das Metas iniciais no Wiki Goals.

[1] Semente 2010 Goals
[2] Wiki Process
[3] Brazilian participation
[4] Initial Goals Description 

A sessão em São Carlos será uma discussão aberta, com breve introdução do formato e metas iniciais apresentadas para iniciar discussões. Os resultados da sessão serão documentados e publicados no Wiki 2010 Goals e compartilhados. O modelo da sessão será utilizado para que outros contribuidores possam melhorar ou criar outras sessões em outras localidades.

Categorias do Technorati , , , , , , , ,

Download Day

Se você lendo este post, é por que o Firefox Download Day já esta acontecendo.

Queremos estabelecer um Recorde Mundial no Livro dos Recordes Guinness para o software mais baixado em 24 horas. Com o auxilio da nossa comunidade e a sua ajuda temos certeza de que conseguiremos. Quer saber como você pode nos ajudar ainda mais?

CLIQUE AQUI PARA BAIXAR O FIREFOX 3.0

O Firefox Download Day aqui no Brasil, tem inicio às 14hs (Horário de Brasília), e a partir desse horário você pode baixar o Firefox 3, ajudando assim a estabelecer o recorde mundial para o Firefox.

Sei que esse é só mais um relato sobre o FISL 9 (e bem atrasado, diga-se de passagem), mas acho que é legal contar como foi a primeira participação oficial da Mozilla(junto com o grupo de usuários local, Moz/BR) no evento.

O FISL 9.0, diferente dos outras que participei, foi quase um divisor de águas(para mim, pessoal e profissionalmente falando), pois foi o primeiro evento no qual eu participei representando a Mozilla(a comunidade brasileira e a Foundation também), e posso dizer que foi um prazer fazer isso.

Mas vamos ao que interessa, os relatos da minha saida de São Paulo até a minha volta(infelizmente).

Read More »