Ir para conteúdo / Skip to content

Novas propriedades CSS suportadas no Firefox 3

blog reactions Postado em: 24 de junho de 2008 por Pedro Rogério
Firefox 3 Gran Paradiso

Quer ficar por dentro das propriedades CSS suportadas pelo novo Firefox 3? No site Mozilla Developer Center existe uma lista de tudo que foi implementado o suporte a CSS nessa nova versão.

Quando a esmola é demais, o santo desconfia

blog reactions Postado em: 19 de junho de 2008 por Pedro Rogério

Quando a Mozilla lançou a versão 2 do Firefox, a equipe de desenvolvimento do Internet Explorer, em um gesto caridoso, enviou um bolo a equipe de desenvolvimento do Firefox dando os parabéns pelo seu ótimo trabalho:

Bolo de aniversário em comemoração ao lançamento do Firefox 2

E dessa vez, em mais um gesto caridoso, de dar orgulho, os desenvolvedores do IE mandaram mais um bolo para a Mozilla dando os parabémns após o lançamento do Firefox 3:

Bolo de aniversário em comemoração ao lançamento do Firefox 3
Bolo de aniversário em comemoração ao lançamento do Firefox 3

A fundação Mozilla comovida com esse ato já pensa em colocar o código-fonte do Firefox em um Pendrive e mandar para a equipe de desenvolvedores do IE em forma de retribuição de tão brilhante ato.

MOZILLA ESTÁ A PROCURA DE BETA TESTERS

blog reactions Postado em: 22 de dezembro de 2007 por Pedro Rogério
Beta Splash

A companhia que está por trás do browser mais amado entre os desenvolvedores está a procura de novos beta testers para seus produtos, onde foi criada uma lista de discussão onde você pode demonstrar o seu interesse. Apesar de a empresa estar focada no desenvolviento da versão 3 do firefox, a Mozilla parece que segue com novos produtos, e para isso segue disposta a encontrar usuários decididos a testar seus produtos antes do lançamento para o público em geral.

Com esse objetivo, buscam pessoas da counidade de usuários que tenham experiência em desenvolvimento web para testar seus produtos que ainda nem estão em fase beta, mas sim ainda em fase de desenvolvimento. Para participar é só se inscrever na lista de e-mail de Beta Testers.

Referências

WEB DEVELOPER TOOLBAR E A ACESSIBILIDADE

blog reactions Postado em: 28 de novembro de 2007 por Pedro Rogério

A poucos dias atrás descobri uma funcionalidade interessante que compõe a Web Developer Toolbar, ela possui uma lente de aumento que pode auxiliá-lo em muitas coisas, principalmente naqueles sites em que os desenvolvedores definiram tamanhos de fonte muito pequenas, ou até mesmo quando você está desenvolvendo e precisa fazer verificações minuciosas no layout.

Para acessá-la basta ter, obviamente, a barra instalada em seu Firefox, ir até Miscellaneous > Display Page Magnifier. Pronto, e ainda você tem a opção de aumentar ou diminuir a proporção de aumento. Abaixo vocês podem ver um exemplo:

Exemplo de uso da lente de aumento da Web Developer Toolbar

DEIXE DE USAR O INTERNET EXPLORER POR UM DIA E VEJA OS BENEFÍCIOS

blog reactions Postado em: 27 de novembro de 2007 por Pedro Rogério

O Internet explorer é um dos browsers mais ulrapassados que existem hoje em dia, desde versões antigas até a versão 7, possui várias falhas de segurança, problemas com css, problemas para se trabalhar com Flash, e isso para o mundo do desenvolvimento é o terror. E você usuário, já pensou em deixar de usar o Internet Explorer por apenas um dia e utilizar um browser de verdade? As alternativas são muitas, mas dentre elas, podemos citar as seguintes:

Firefox (Win/Mac/Linux)

Firefox

Características básicas: É rápido, possui versão em português, possui um sistema de navegação por abas que agiliza e muito o processo de navegação. Possui também a opção de instalar novos temas e plug-ins. É o preferido de 10 entre 10 desenvolvedores web.

Mais informações | Download

Flock (Win/Mac/Linux)

Flock

Características básicas: É um browser que vem preparado para integrar-se a redes sociais como YouTube, Flickr, Facebook entre outras. Possui versões em português e também a opção de instalar novas extensões. Ele é baseado no mesmo motor do Firefox.

Mais informações | Download

Safari (Mac/Win)

Safari

Características básicas: De longe o mais rápido e simples de se utilizar, possui uma interface simples e agradável. Só não é muito utilizado pela comunidade pois não possui a opção de instalar temas e extensões.

Mais informações | Download

Opera (Win/Mac/Linux)

Opera

Características básicas: Um navegador rápido e seguro. Possui um cliente de BitTorrent para o download de arquivos. Possui versões em Português e também a opção de instalar Widgets.

Mais informações | Download

Referências

QUER TESTAR SEU SITE NA PRIMEIRA VERSÃO DO FIREFOX?

blog reactions Postado em: 18 de outubro de 2007 por Pedro Rogério

Phoenix

Estava recentemente vendo as estatísticas de visitas aqui do meu blog, aí fui ver como andavam as coisas em relação aos browsers, então, vi um browser com um nome meio estranho, chamado Phoenix, fui até o Google buscar mais informações sobre o mesmo e descobri que esse foi o nome dado as primeiras versões do Firefox.

A partir da página de Releases do Firefox, você pode baixar todas as versões, desde a 0.1 até a versão mais atual, a 2.0.0.7.

Como eu adoro efetuar esse tipo de teste, baixei a versão 0.1, descompactei os arquivos e abri o browser, pois não é necessário nenhum tipo de instalação. Fui testar o meu blog, fiquei muito triste, olhem só o resultado abaixo:

Screen do meu site no Phoenix 0.1

MOBILE FIREFOX: BROWSER PARA MOBILES

blog reactions Postado em: 11 de outubro de 2007 por Pedro Rogério
Nokia n800

Recentemente foi desenvolvido um browser para dispositivos móveis baseado no Firefox, chamado Maemo, que infelizmente por enquanto só está disponível para o aparelho Nokia N800 com Tablet OS 2007, que por sua vez tem largo suporte aos WebStandards, pois usa o motor de renderização Gecko.

Ele é bem interessante, tem suporte a Ajax, RSS e aos plugins do Firefox. Veja abaixo algumas screenshots dele em funcionamento:

Ajax Drag and Drop
RSS Preview
Plugins
WML

Referências

Via Anieto2K.

30 EXTENSÕES FIREFOX PARA DESENVOLVEDORES WEB

blog reactions Postado em: 3 de outubro de 2007 por Pedro Rogério

Uma das coisas mais interessantes do Firefox é a possibilidade de você instalar extensões nele que podem lhe auxiliar e muito, seja para navegar, ou para o desenvolvimento web, e até hoje eu não entendo como tem muita gente ainda que não utiliza o Firefox, seja, ou por receio, ou por que o acha feio, não sei, mas isso fica para um próximo post, mas abaixo você pode ver uma lista de 30 extensões que eu encontrei no site Sentido Web, e podem auxiliar e muito você desenvolvedor:

CSS

  • Aardvark: Permite ver atributos CSS, ID’s e Classes, selecionando elementos individuais na página.
  • chromEdit: Permite modificar o CSS e o JavaScript de qualquer página.
  • CSSMate: Edição de arquivos CSS.
  • CSS Validator: Valida o CSS de suas páginas.
  • CSSViewer: Visualiza propriedades CSS.
  • EditCSS: Permite modificar os CSS carregados.
  • IETab: Visualize suas páginas web no IE dentro do Firefox.
  • Style Sheet Chooser II: Permite selecionar folhas de estilo alternativas para uma página.

Debug e Análise

  • Firebug: Dispensa apresentações, a melhor ferramenta para análise e debug de HTML, CSS, JavaScript e Ajax.
  • HTML Validator: Valida o HTML suas páginas de acordo com o W3C.
  • JavaScript Debugger: Debug de JavaScript.
  • Link Checker: Comprova se os links de uma página são válidos.
  • Load Time Analyzer: Ferramenta para mostrar o tempo de carregamento de uma página.
  • View Dependencies: Mostra informações de todos os arquivos usados ao carregar uma página.

Outros

  • Clipmarks: Tire screenhots de lugares específicos de sua página.
  • Codetech: Editor Web com a aparência do Dreamweaver.
  • ColorZilla: Capture cores das páginas visitadas.
  • FirePHP: Ferramenta para depurar PHP.
  • Greasemonkey: Altere o comportamento de qualquer página web com esse plug-in.
  • Measureit: Ferramenta para medir(em pixels), partes das páginas web.
  • Platypus: Uma das melhores ferramentas para modificar uma página web.
  • Poster: Permite interagir com WebServices e outras ferramentas web.
  • Professor X: Mostra o conteúdo do header de uma página web.
  • Screen grab: Tire Screenshots de suas páginas web.
  • TestGen4Web: Grava a atividade dos usuários em páginas web.
  • View Source Chart: Visualizador de código fonte.
  • Web Developer: Uma coleção de ferramentas para desenvolvimento web.
  • X-Ray: Permite ver o código fonte de uma página e alternar entre ambos de uma forma simples.

Artigo original: Sentido Web.

Página 1 de 11