Lançado Firefox 3.6

Dia 21 de janeiro Mozilla liberou esta última versão para download, e informou que é 20% mais rápida que a versão anterior a 3.5

Brasil até hoje é o terceiro país no ranking de downloads desta nova versão. Conforme a figura abaixo ele permite modificar a imagem de fundo do navegador.

Continue lendo....

3D com HTML 5

Este vídeo de demonstração está armazenado no youtube com formato frash como todos do youtube, mas podemos observar que é puro html 5 em um browser google chrome e que possui um 3D muito bom, utilizando O3D.
Pode ser alterado instantaneamente por estar armazenado no browser.
Visite o link e confira: Vídeo 3D HTML

Continue lendo....

guerra dos browsers

O site StatCounter declarou que na Europa o Firefox 3.5 assumiu a ponta da guerra dos browsers, comparado é claro com cada versão do Internet Explorer. Veja gráfico abaixo, IE8 possui 20% , IE7 possui outros 20%, IE6 possui 14% dos usuários, IE8 tende a crescer com a maior utilização do windows 7

Continue lendo....

Rede Social

da Microsoft

A Microsoft possuía um serviço de comunicação chamado Juku, desenvolvido em parceria com uma empresa chinesa, um tipo de microblog, que entrou no ar este mês, este serviço foi suspenso por utilizar parte do código da rede social Plurk sem autorização.
A Empresa afirma que não é um microblog, mas os 140 caracteres para digitar não deixam dúvidas, talvez ainda continue funcionando na China.

Continue lendo....

5 anos de firefox

Completado em novembro cinco anos, o navegador criado pela Mozilla, após Internet Explorer começar desbancar o Netscape a partir do Windows 95.

Netscape que foi lançado em outubro de 1994 sendo o mais utilizado até 1999, em 1998 teve seu código aberto e passou o gerenciamento à fundação Mozilla sendo depois vendida a AOL que foi descontinuado no início de 2008.Atualmente, o Firefox possui 35% do mercado e está disponível em 70 idiomas, conta com mais de 7 mil plug-ins e é usado por 330 milhões de internautas.

A ascensão do Firefox pressionou a Microsoft a fazer mudanças no IE, um recurso que popularizou o Firefox foi a navegação com abas, oferecido tambem a partir do IE 7.0 e com a perda de espaço foi obrigado a lançar IE 8.0.

Pressões de um mercado mais competitivo forçaram a Microsoft a permitir, que o usuário delete o IE e o Windows Media Player, do Windows Sete na União Européia. O mesmo recurso não era possível até o Windows Vista.

Embora com apenas 2,2% do mercado, o Chrome é um aplicativo promissor, pois conta com a força dos produtos do Google para popularizar-se.

Continue lendo....

Orkut e o IE6

Ha um mês atrás o Orkut iniciou uma campanha "contra" o Internet Explorer 6, afirmando que não dará mais suporte a este navegador, isto se dará progressivamente, e estimulando sua atualização ou utilização de outro browser mais moderno de sua escolha.
No Brasil esta medida tem grande importância por que esse é um site dos mais acessados, o que em breve deverá ocorrer também com outros serviços do Google.
Esta é a mensagem do Orkut:

Continue lendo....

IE6

Internet Explorer 6 ainda é o mais utilizado no mundo, a maior causa disso, são corporações que não atualizam seus software automaticamente, mas essa sitação começa a mudar
por que a Microsoft tomou a iniciativa de atualizar esses browsers para IE8, visando aumentar a popularidade do mesmo, eu mesmo já vi isso acontecer,
depois de vários anos, aconteceu a atualização sem mais nem menos.
Esse antigo navegador possui deficiências de segurança ou de falta de apoio dos padrões da Web como HTML e CSS,
mas a Microsoft também anunciou há alguns dias, que o IE6 terá atualizações até o ano de 2014, originalmente o fim do suporte para 2010,
uma das causas desse prazo é por estar "associado" ao Windows XP.

Muitos portais e páginas da internet estão sugerindo a utilização de um browser mais moderno, seque uma pesquisa mundial sobre utilização de Browsers.

Continue lendo....

Testes em Browser

Como testar a linguagem em todos browsers disponíveis e, ainda em todos tipos de aparelhos como móbiles. A W3C tem um grupo de trabalho que estão a revendo a maneira como eles fazem os testes, e também aumentar o número de testes.

A CSS foi o primeiro Grupo de Trabalho, quando se trata de testes, o grupo tem vários documentos em fase de recomendação a "candidatos" que estão aguardando os testes e ensaios.
O Grupo de Trabalho em HTML está começando a pensar nos testes, um componente-chave para assegurar o sucesso do funcionamento do HTML 5 é através de testes.

A especificação é muito grande, que vai exigir muito trabalho.
Quando se deparam com um bug do navegador baseado em uma especificação, ela deve ser fácil para eles apresentarem um teste para W3C.
Deve também permitir que os fabricantes de navegadores apresentarem milhares de testes de uma vez.

Devemos também formatar o maior número possível de provas. Reftests, mochitests, DOM, apenas exames, testes em humanos, etc. O aspecto importante aqui é ser capaz de executar os testes em várias plataformas e navegadores possíveis, um formato de teste que só pode ser executados em um navegador não tem utilidade para nós.

Uma vez que um teste foi submetido, ele precisa ser revisto. A idéia básica por trás opiniões de testes de melhoria é permitir que os indivíduos possam contribuir. Os recursos da W3C,
não são suficientes para analisar dezenas de milhares de testes. É preciso envolver a comunidade em geral, fazendo comentários. Ele permitirá que os grupos de trabalho para apenas
incidir sobre os testes controversos.

Testes de layout automáticas são muito mais complicado, especialmente nos telemóveis. Estamos focados em um método durante o nosso encontro: abordagem baseada em imagem. A idéia básica aqui é que uma imagem da página é comparado a uma referência. Mozilla desenvolveu uma tecnologia chamada ref-testes que compara as páginas Web próprias. Você escreve duas páginas de forma diferente e comparar as suas telas.

No Mozilla a maneira de fazer isso é através da API mozPaint no modo de depuração. Isso funciona bem, mas só funciona no Mozilla. Nós quisemos encontrar uma maneira de fazer isso
com todos os browsers. Encontrámos um site chamado browsertests.org muito interessante e entramos em contato com o Sylvain Pasche e, com a sua ajuda, nós começamos a fazer algumas melhorias em sua aplicação.

Ele funciona bem em desktops. Mais uma vez, nós não pensamos W3C é grande o suficiente para reproduzir todos os tipos de ambientes de browser, de modo que devemos fazê-lo
fácil, para as pessoas executarem os testes no seu navegador e relatar os resultados de volta para nós. Abundância de estruturas de teste ter sido feito e já deveríamos tentar aproveitá-los
tanto quanto possível.

Começamos a criar um banco de dados para receber os testes e seus resultados. Nós gostaríamos de continuar os esforços no servidor e banco de dados secundários, bem como continuar a melhorar a aplicação Sylvain. E nós meros mortais tambem precisamos dessas ferramentas.

Continue lendo....

40 anos de Internet

1969: Em 2 de setembro, dois computadores na Universidade da Califórnia, Los Angeles trocam dados sem sentido no primeiro teste
de uma rede militar experimental.

1972: Ray Tomlinson traz também o e-mail à rede, escolhendo o símbolo "at" ou "@" como maneira de especificar endereços de e-mail
pertencendo a outros sistemas.

1974: Vint Cerf e Bob Kahn desenvolvem a técnica de comunicações TCP, permitindo que múltiplas redes se compreendam,
criando a verdadeira internet.

1982: Começa utilizar o nome Internet.

1983: O DNS (Domain Name System) é proposto. A criação de sufixos como ".com", ".gov" e ".edu" chega um ano depois.
O conceito TCP se divide em TCP/IP.

1993: Marc Andreessen e colegas na Universidade de Illinois criam o Mosaic, primeiro navegador a combinar gráficos e texto em uma única página,
abrindo a web para o mundo.

1990: Tim Berners-Lee cria a WWW (World Wide Web) enquanto desenvolvia maneiras de controlar computadores a distância na Cern
(Organização Europeia para Pesquisa Nuclear).

2003: Myspace Foi criada, a maior rede social dos Estados Unidos.

2004: Marck Zuckerberg inicia o Facebook, durante o segundo ano da Universidade Harvard. No mesmo ano foi criado o Orkut.

2005: É inaugurado o site de compartilhamento de vídeos YouTube.

2006: A população usuária de internet do mundo ultrapassa 1 bilhão de pessoas. No mesmo ano foi criado o twitter.

2007: A Apple lança o iPhone, trazendo o acesso a internet sem fio a mais milhões de pessoas.

2008: Os usuários de internet do mundo ultrapassam 1,5 bilhões de pessoas.
Os desenvolvedores do Netscape interrompem o navegador pioneiro, embora seu "sucessor", Firefox, permaneça forte.

2009: O "Seattle Post-Intelligencer" o primeiro grande jornal diário a ficar exclusivamente online.
O Google anuncia o desenvolvimento de um sistema operacional com foco na web.

Continue lendo....

Teste de renderização em CSS3

Em um Mozzila Firefox nas versões recentes, ou Google Chrome você estará vendo um box com cantos arredondados e duas imagens na parte inferior do box, que estão sobrepostas e uma com um deslocamento de 15 graus, e também apresentando transparências.
Link para a página:Teste de renderização em CSS3
Caso seu navegador não apresenta suporte, você pode utilizar o navegador Firefox, atualmente na versão 3.5, que é livre para uso, caso não seja o administrador do PC, poderá utilizar um portable, este também pode ser em português.

Continue lendo....

Melhor visualizada em Firefox 3.0 ou superior

A página a seguir não foi otimizada para Internet Explorer ou outro navegador.

Aplicando propriedades do CSS3.

Bordas arredondadas com CSS3 sem utilização de imagens.

Sombras no texto com CSS3.

Sombras nas bordas com CSS3 também sem utilizar imagens.

Transparência em imagens.

Estas propiedades permitem criar iluminações no seu site para se destacar na tela e criar um ambiente acolhedor com as facilidades do CSS3, utlizando menos imagens e um código mais limpo e menor tempo de acesso.

Página de testes para colocar em prática o exposto nos artigos anteriores sobre CSS3, poderá ser visualizada também nos navegadores:Opera 10, Safari, para o Google Chromo é necessário acrescentar códigos, Internet Explorer não apresenta suporte no momento.

Página externa, link para a Página utilizando CSS3 .

Continue lendo....

Transparência com CSS3

Para aplicar transparência utilizei uma imagem tipo png, mas não utilizei softwares como Fireworks ou Photoshop para criar a transparência apenas CSS que cuidou de fazer o trabalho, um valor de opacidade, com a regra aplicada diretamente.

Opacity: 0.65;

O valor da opacidade varia de 0 a 1, pode-se especificar a cor do background por exemplo: background color: 000; ou utilizar uma imagem de background tipo jpg como fiz, sendo validado pela W3C, já atualmente. Esta declaração funciona nos navegadores:
Firefox apartir da versão 1.0
Opera apartir da versão 9.0
Safari apartir da versão 1.2
Chrome todas as versões.

Não foi necessário acrescentar o prefixo “-moz-opacity”, que não é mais utilizado para esta aplicação e que ainda encontramos em alguns tutoriais. Apartir do início de 2004 o navegador Mozzila assumiu o nome de Firefox.

Para Internet Explorer temos:
filter: alpha(opacity=65);

Acrescentar o valor alpha para o Internet Explorer descrito acima, que é uma declaração proprietária para servir a estes navegadores, o valor da opacidade varia de 0 a 100 e funciona perfeitamente no IE7, e IE8.

No Internet Explorer 9 não necessitará de declaração proprietária e funcionará com a primeira declaração.

Continue lendo....

Sombras em box e texto com CSS3

Após o artigo sobre box com cantos arredondados, agora vamos incluir sombra no mesmo, e sombras também no texto apenas utilizando css3, é muito bom ver esta propiedade funcionando sem utilizar imagens e artifícios, com um código muito simples.

A propiedade text-shadow a W3C já a incluiu no CSS2 em 1998, mas não foi implementada em nenhum navegador e hoje já está presente em varios deles.

Box-shadow:
A propriedade box-shadow no firefox é:
-moz-box-shadow: 10px 10px 25px#ccc;
Primeiro valor é tamanho da sombra em relação ao eixo x.
Segundo valor é tamanho da sombra em relação ao eixo y.
Terceiro valor é nível da sombra ( blur ).
E por último a cor da sombra.

Text-shadow:
A propriedade text-shadow no firefox é:
text-shadow: 2px 2px 5px #ccc;
A descrição dos valores de ajustes estão explicados acima, o mesmo do box-shadow.

A compatibilidade são as mesmas do CSS 3 descritas no artigo anterior, "Bordas arredondadas com CSS3". Não esquecendo o prefixo webkit, para navegadores Google Chrome ou Safari.

Exemplo de texto com sombras:



Exemplo de bordas arredondadas:

Continue lendo....

Bordas arredondadas com CSS3

Embora exista outras soluções esta é a melhor alternativa, com certeza, em vez de utilizar um "quebra galho" ou imagens, agora nada disso é preciso, é só utilizar CSS3 e não precisa esperar mais tempo.

É isso mesmo, pode ser ultilizada atualmente, você pode fazer o teste, o único problema vem a ser o navegador, é necessário um navegador que utilize engine Gecko como o Firefox ( qualquer versão apartir da 3) ou Webkit como Google Chrome ou Safari, Opera apartir da versão 10.50, usando diferentes declarações , que veremos abaixo.

A versão do CSS3 ainda não foi finalizada,por isso para a propiedade funcionar no Firefox você deverá utilizar: -moz-border-radius; para funcionar em navegadores com a engine webkit: -webkit-border-radius.

Exemplo de declarações para o Firefox, Safari/Chrome e Opera:
.borda {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Poucos navegadores estão implementando a versão 3 do CSS, conforme o artigo passado, por isso não podemos utilizar a propiedade border-radius diretamente. Com o tempo, todos os navegadores suportarão a declaração oficial da W3C quando estiver pronta, eliminando a necessidade das declarações alternativas que são usadas por exemplo no Firefox, no Chrome e no Safari.

Outros navegadores, não se preocupe, simplesmente eles ignoram essa propriedade caso não a possam renderizar, então você pode utilizá-la tranquilamente, perdendo apenas parte do visual nos navegadores mais antigos.

O Internet Explorer não exibe bordas arredondadas, mas a Microsoft já anunciou o suporte à propriedade a partir da próxima versão 9 do navegador. Veja sobre o Internet Explorer 9 nos próximos artigos.

Pode-se arredondar todos os cantos ou um canto separadamente usando as seguintes declarações:

border-radius-topleft para o canto superior esquerdo
border-radius-topright para o canto superior direito
border-radius-bottomright para o canto inferior direito
border-radius-bottomleft para o canto inferior esquerdo

Eu testei no Firefox vejam o resultado:

Continue lendo....