kadunew.com/blog

Dicas e artigos sobre Web Design e Web Standards

Tabela – efeito zebra

Chamamos de efeito zebra o ato de alternarmos as cores de plano de fundo das linhas de uma tabela. A estilização consiste em estilizar as linhas pares de uma cor e as impares de outra cor. A principal vantagem além de alterar o visual da tabela, é facilitar a compreensão e a leitura da mesma.
Conseguimos esse efeito facilmente com as folhas de estilos em cascata (CSS). Para isso basta atribuir uma classe nas linhas pares (ou impares) e estilizar a classe conforme sua necessidade. Uma grande desvantagem é fazer isso em tabelas grandes.
Continuar lendo…

Seletores jQuery – parte III

Nessa terceira matéria vamos ver os Seletores de conteúdo.
Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.

<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
	$(function(){
    		$('button').click(function () {
			/*linha dos exemplos*/
			});
		});
</script>

Continuar lendo…

Seletores jQuery – parte II

Dando continuidade ao artigo de seletores.
Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.

<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
	$(function(){
    		$('button').click(function () {
			/*linha dos exemplos*/
			});
		});
</script>

Continuar lendo…

Brushs para o photoshop

Brush é uma ferramenta do Photoshop, traduzindo para o português é a ferramenta pincel. Podemos instalar mais formas de brush para usar em nossos trabalhos além das padrões que vem com o programa. Ao invés de se desenhar uma forma, ou de criar tal efeito, usamos os maravilhos brush. Selecionei uma lista para baixarem e instalarem no Photoshop de vocês.
Continuar lendo…

Seletores jQuery – Parte I

Nesse artigo vamos ver os tipos de seletores (classe, id e tag’s HTML), assim como tirar proveito da combinação deles. Saber perfeitamente como funciona a combinação de seletores, torna o trabalho do desenvolvedor muito mais fácil.
Nessa categoria do blog o foco é a biblioteca jQuery. Eu parto da premissa que você já tem um conhecimento, mesmo que básico, de CSS e HTML.

Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.

<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
	$(function(){
    		$('button').click(function () {
			/*linha dos exemplos*/
			});
		});
</script>

Continuar lendo…

Diferença entre XHTML e HTML

Para desenvolver em XHTML você deve seguir algumas regras:

Escrever todas as tags e atributos em letras minúsculas:

XML que deu origem ao XHTML é sensível ao tamanho de caixa de fonte, então com XHTML não é diferente. É obrigatório o uso de letras minúsculas ao escrever a sintaxe de elementos XHTML.
Exemplo:
Continuar lendo…

Breve introdução a (X)HTML

Usamos a grafia (X)HTML para fazer referência tanto à HTML quanto à XHTML. Quando dizemos que (X)HTML é uma linguagem de marcação, queremos dizer que tanto a HTML quanto a XHTML são linguagens de marcação. Para se referir apenas uma linguagem exclusivamente, usamos a notação HTML ou XHTML.
HTML é a sigla em inglês para Hyper Text Markup Language, que, traduzido para o português, significa linguagem para marcação de hipertexto. Hipertexto resumidamente é todo conteúdo inserido em um documento para a web e que tem como principal característica a possibilidade de interligar outros documentos da web. Podemos destacar os links que visitamos para navegar na Internet.
Continuar lendo…

Firefox wallpapers

Para você que está cansado do seu papel de parede e ainda por cima é fã como eu do navegador Firefox, você vai se amarrar nesse site (http://www.hongkiat.com/blog/70-nice-and-beautiful-firefox-wallpapers/). São mais de 70 wallpaper (papeis de parede) para você escolher e colocar como fundo na sua área de trabalho.

Introdução as CSS

Não satisfeito com a maneira que as páginas da Internet eram formatadas o Norueguês Håkon Wium Lie cria em 1994 as CSS.

CSS é a abreviação para o termo em inglês Cascading Style Shet, traduzido para o português como folha de estilo em cascata. A definição para CSS que está no site do W3C é:

“Folha de estilo em cascata é um mecanismo simples para adicionar estilos (por exemplo: fontes, cores, espaçamentos) aos documentos Web”

Continuar lendo

O que é Jquery?

Este artigo é apenas uma introdução ao Jquery que é uma biblioteca JavaScript criada por John Resig que tem por finalidade facilitar o desenvolvimento de scripts.

A biblioteca jQuery é disponibilizada como software livre( pode ser usada, copiada, estudada, modificada e redistribuída sem restrição), ou seja, você pode usar a biblioteca gratuitamente tanto para desenvolver seus projetos pessoais e comerciais.
O seu criador John Resig, resume o que é jQuery assim:

Continuar lendo…

Página 8 de 8« Anterior...2345678