29 de julho de 2009

A Guerra dos browsers, Firefox passa na frente em 2009.



O Firefox continua sendo um dos browsers mais populares no mundo, se destacando por ser pequeno e rápido, seguido pelo Internet Explorer, depois estão o Chrome da Google, o Safari e em último o Opera.
O número de usuários do Firefox continua crescendo a cada ano. Em 2007 o Firefox ficava em 2º, possuia em torno de 36% de usuários enquanto o IE possuia 56%, em 2008 a historia começa a mudar e o Firefox encosta com um fatia de 44% enquanto o IE ficava com 45%, e em 2009 o Firefox ultrapassa de vez com 47% enquanto o IE fica com 40%.



E você? Acha que foi bom o Firefox ter passado na frente ou você prefere o Internet Explorer? deixe seu comentario.

27 de julho de 2009

O CSS do seu site está realmente correto? Valide com o "CSS Validation Service" !



O "CSS Validation Service"[ext.] analisa as folhas de estilo em cascata do seu site e procura erros nela, e o mais legal, se erros forem encontrados é exibido a linha onde se encontra esse erro e uma breve descrição sobre como consertar esse erro na sua CSS.
Algumas vezes achamos que nossa folha de estilo está correta, mais podem existir erros muito comuns que passam despercebidos pelos olhos.

Se ainda não fez, teste o CSS do seu site no "CSS Validation Service", basta fazer um upload do seu arquivo .CSS, ou colar seu (X)HTML junto com o CSS do site no box, ou apenas digitar o endereço de seu site, depois é só esperar e ver o resultado da análize.

11 de julho de 2009

Mostre seus seguidores do Twitter no seu Site ou Blog.



Agora você pode mostrar em seu site/blog quantas pessoas estão te seguindo em seu Twitter através de um contador, você encontra esse serviço no site TwitterCounter.com[ext.], você só precisa adicionar um simples codigo em sua página. Além disso no site você pode exibir seus seguidores, amigos e updates do mes ou semana através de um gráfico detalhado (a aparência lembra o Analytics).
Vale a pena ultilizar esse serviço, ta aí mais uma dica do CSS Orbit.

10 de julho de 2009

CSS Tutorial - Deixe seu CSS mais enxuto.

As veses algumas páginas de CSS ficam imensas difícil até de encontrar aquele código pra poder editar, uma solução para diminuir esse código tendo o mesmo efeito é transformando várias propriedades em uma só.
Vamos aplicar isso na propriedade border.

Bordas - width, color e style



Ao invés de usar border-top-width, border-bottom-width, border-left-width e border-right-width para editar as quatro bordas de tabelas ou divs, podemos subtituir por apenas border-width e colocar os quatro valores na propriedade.
Também podemos substituir border-color e border-style por border e aplicar os valores nessa propriedade.


Exemplo, ao invés de:

#exemplo {
border-color:#000099;
border-style:dashed;
border-left-width:1px
border-right-width:3px;
border-top-width:5px;
border-bottom-width:7px;
}


Você tem o mesmo resultado
com um código mais "enxuto", veja:




Resultado final:

6 de julho de 2009

CSS Tutorial - Editando os marcadores de listas. <ul><ul/> <li><li/>

Você pode editar os tipos de marcadores das tags de listas <ul><ul/> <li><li/> com CSS, usando os valores disc, circle, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha para a propriedade list-style.

Esse é o HTML onde aplicaremos o CSS.

  
<ul>
<li>Lista
<ul id="tutoriallista1">
<li>item 1<li/>
<li>item 2<li/>
<li>item 3<li/>
<ul/>
<li/>
<ul/>


Três exemplos:

Marcador tipo disco:

#tutoriallista1 {list-style: disc}




Marcador tipo círculo:

#tutoriallista1 {list-style: circle}




Marcador tipo decimal:

#tutoriallista1 {list-style: decimal}




Removendo os marcadores:



Se quiser, você pode deixar suas listas sem os marcadores. Usa-se o valor none na propriedade list-style

#tutoriallista1 {list-style: none}

5 de julho de 2009

Cores do seu site de acordo com a acessibilidade.



Um texto cinza claro em um fundo branco fica um pouco ruim de se ler não é? Sites assim não seguem as regras da acessibilidade. O site Checkmycolours.com[ext.] é uma ótima ferramenta que verifica se as combinações de cores das letras e do fundo de sua página estão suficientemente contrastantes, basta digitar o endereço de sua página no site e ele é verificado, mostra uma tabela exibindo o local dos erros(cores pouco contrastantes) no código. Uma boa ferramenta para quem quer que seu site esteja no caminho de uma boa acessibilidade.
Se você não sabe o que é acessibilidade (afinal, ninguém precisa saber tudo ^^) em um site visite esse link, e tenha uma introdução à acessibilidade em páginas da web.[ext.]

4 de julho de 2009

Conhece mesmo CSS? Faça o teste rápido e gratuito!



No site da W3Schools, você pode testar se conhece mesmo CSS de forma gratuita através de um quiz chamado "W3Schools CSS Quiz", você responde 20 questões relacionadas a CSS, no final o teste mostra a porcentagem de acertos e o tempo que você gastou pra responder.
As questões são em inglês mas sem muitas dificuldades pra entender, vale a pena tentar, W3C CSS quiz test [ext.].