Arquivo do mês: novembro 2006

Rapidinhas #1

Cursos de Programação Web Grátis

É isso mesmo! O Fórum iEvolution está com uma novidade sensacional. Trata-se do Grupo de Estudos iEvolution, onde estarão sendo ministrados, semanalmente, cursos de programação web nas mais variadas linguagens, como PHP, ASP, Java, Javascript, VB.NET e ASP.NET, dando uma passada, é claro, pelos princípios da Lógica de Programação, para aqueles que ainda não tiveram nenhum contato com nenhuma linguagem de programação.

O curso já está em sua segunda aula, mas ainda em sua fase “global”, onde ainda não foi abordada nenhuma linguagem específica. Eu já estou acompanhando, e você, o que está esperando? Comece agora mesmo!

Entrevista com Maujor

É… o pessoal do iEvolution está dando show mesmo. Foi inaugurado no fórum um novo canal: um canal de entrevistas com pessoas que têm contribuido para a evolução da web. E adivinha quem foi o primeiro entrevistado. Nada menos que Maurício Maujor, a referência nacional em CSS. Não deixe de ler a entrevista.

2 Comentários

Arquivado em Cotidiano, Rapidinhas

A sintaxe do CSS

Ultimamente tenho estado mais presente no fórum de Web Standards do iEvolution e tenho percebido que muita gente tem confundido, ou não compreendido direito as CSS. Frases do tipo Estou fazendo uns scripts CSS pro meu site e…, ou ainda que parâmetros CSS usar nesse caso?, e também: <script type="text/javascript" src="estilos.css"></script> têm aparecido com frequência lá no fórum.

E eu, como disseminador dos web standards, obviamente, não podia ficar parado diante de uma situação dessa. E é por isso que decidi escrever um pouco sobre a sintaxe do CSS. Bom, então vamos lá.

O básico do básico

Primeiramente, é preciso deixar bem claro o que CSS não é. CSS não é uma linguagem de programação, como Javascript, ASP, PHP, etc. Portanto, não existem scripts CSS ou parâmetros CSS.
CSS também não é uma linguagem de marcação, como o HTML ou XHTML e, por isso, não existem tags CSS.

O básico

Depois de ver o que CSS não é, vejamos o que ele é e qual sua sintaxe correta.
CSS é uma linguagem de formatação, ou seja, é a linguagem usada para dar forma ao seu código de marcação, seja ele HTML ou XHTML. Simples, não? Sua sintaxe é mais simples ainda. Observe:


seletor { propriedade: valor; }

Ou, pra citar um exemplo mais prático:


body { background-color: black; }

O que você vê acima é uma regra CSS, vamos quebrá-la em pedaços pra ficar mais fácil a compreensão.

  1. O seletor


    body

    O seletor é basicamente a tag (ou tags) que você quer estilizar. Para uma explicação mais detalhada sobre seletores, leia este excelente texto do Maujor.

  2. A declaração


    background-color: black;

    Isto é uma declaração CSS. Uma declaração CSS é composta por uma propriedade, seguida de dois-pontos, e um valor; declarações CSS devem vir seguidas de um ponto-e-vírgula, para indicar um “fim de comando”, caso contrário sua declaração pode não ser interpretada corretamente, assim como a declaração que a seguir. No caso de uma regra com uma única declaração ou da última declaração de uma regra, o ponto-e-vírgula é opcional, mas é de boa prática usá-lo assim mesmo.

Além disso, todo o conjunto de declarações deve estar entre chaves { }, para que os browsers consigam fazer distinção entre seletores, declarações e para que possa entender onde começa e termina cada regra.

Bom, pessoal, é isso. Espero ter conseguido ajudar àqueles que têm (ou melhor, tinham. hehe) dificuldades em relação à sintaxe do CSS. Quanto aos meus leitores mais experientes no assunto, peço desculpas pelo conteúdo de nível básico (que não é o foco do meu blog), mas senti muito a necessidade de falar algo sobre isso aqui. E, já que você chegou até aqui, que tal acrescentar algo? Não sei porquê, mas sempre fico com a impressão de que faltou algo a ser falado…

PS.: Preciso sair desse WordPress urgente! Não aguento mais esses templates! rsrs

5 Comentários

Arquivado em Artigos, CSS, Web Standards

Como você testa o CSS de seus sites?

O Henrique publicou um texto, e o Diego já tinha publicado o dele, sobre a metodologia deles para testar os sites em diversos browsers. A discussão me pareceu interessante, então eu resolvi fazer mais do que apenas comentar no artigo deles.

Bem, eu desenvolvo com o Firefox, IE6, IE7 e Opera abertos. Desta maneira, vou fazendo os testes “ao vivo” sempre que uso uma declaração que suspeito que vai quebrar em um dos IE’s, claro, via conditional comments.

O Opera tem ficado meio às margens, por muitas vezes não se encaixar no público-alvo de nossos projetos, mas mesmo assim costumo conferir como estão as coisas nele, para evitar problemas futuros. O que me deixa irritado com o Opera é que, por ser considerado o browser com maior suporte às CSS (e, de fato, o é), ele deveria ter uma renderização melhor que a do Firefox, mas na prática não é o que acontece. Parece que ele tem o dom de complicar declarações simples, ao passo que suporta declarações que nem o Firefox suporta.

Geralmente, apesar de construir layouts, digamos, não-convencionais, não necessito de muitas linhas de código pra consertar as coisas no IE6, e muito menos no IE7. Palmas para a Micro$oft, que conseguiu dificultar menos a nossa vida, com o IE7.

Eu ouvi falar em IE5? Não, não… acho que estou ouvindo demais…

5 Comentários

Arquivado em Browsers, Cotidiano, CSS

Galeria CSS #7

And the Oscar goes to:

2 Comentários

Arquivado em CSS, Galeria CSS

Sim, eu ainda estou vivo.

Os que costumam (ou costumavam) frequentar meu blog devem estar estranhando minha ausência nesse mais de um mês sem dar as caras aqui no blog. Eu explico.

Acontece que tenho estado imergido em alguns projetos na agência onde trabalho que têm demandado muito tempo tanto para execução quanto para aprofundamento em estudos e, por conta disso, tenho estado meio sem tempo para elaborar bons artigos e/ou estudos.
Como se não bastasse, paralelamente a esses projetos da agência, estou trabalhando em um layout para meu blog que pretendo abrir em um domínio próprio. Ou seja, estou ocupado2, perdido em meio a layouts, códigos-fonte, estudos de coisas novas, aprimoramento de conhecimentos já adquiridos, etc.

A tendência é que as coisas melhorem (pelo menos assim eu espero!). Enquanto isso vou tentando dar os meus sinais de vida, entre uma resposta a comentários aqui, outra mudança de template ali (vocês perceberam? :P)…

E, por falar em mudanças… Estou pensando em seguir o ótimo exemplo dado pelo amigo Mr. TheChessMan e comentar o passo-a-passo da implementação do layout do futuro blog, à medida que vou implementando-o. O que vocês acham, é uma boa idéia?

Ah! E só mais uma coisinha… Estou buscando referências em Javascript e AJAX, pois estou com muita vontade de aprender (pelo menos) os dois; também preciso aprender mais sobre XML. Então, quem puder me indicar livros, apostilas, blogs, artigos, tutoriais, enfim, qualquer coisa que me auxilie nesses primeiros passos, ganha uma balinha. 🙂

4 Comentários

Arquivado em Cotidiano