View more presentations from Russ Weakley.

Se tiver um tempo, leiam também:

• Não use @import
• Faq com CSS
• Referência CSS
• Mostrar quantidade de posts criados no Wordpress
• Pseudo-seletores: O bug do seletor e as chaves

CSS Line-height

Ficaram assustados com o título desse post não? Mas é verdade, recentemente o W3C anunciou o seguinte:

Today [July 2, 2009] the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C’s position regarding the future of HTML.

Como podem ver, o W3C só irá trabalhar em cima do XHTML2 até o final do ano e o deixará de lado para trabalhar encima do HTML5. Será que aí se inicia o processo de morte do XHTML? Em 2005 já se falava que o XHTML já estava morto, sabe por que? Vamos a alguns pontos que deixam isso claro:

• Devido aquele browser azul ainda ter uma grande parcela no mercado, XHTML 1.0/XHTML1.1 ainda não pode ser servido como XML, que é a forma correta de se utilizar o XHTML.
• Embora XHTML2 possa nos proporcionar um desenvolvimento excitante, até agora não houve um desenvolvimento concreto.
• HTML5 terá uma característica de serialização do XHTML

HTML5 é o futuro, portanto deixe de ficar se preocupando com browsers obsoletos e vá já correndo estudar as especificações do novo HTML, pois quando você acordar para isso já vai ser tarde. Um lugar legal para começar é por aqui.

Isso pode lhe interessar:

• A história do HTML
• Recomendações de livros
• Inserir Flash em XHTML
• HTML5 e CSS3: Mito ou Realidade
• HTML5 CSS Reset

A Morte do XHTML

Construíndo sites com CSS e (x)HTML

Esse foi o primeiro livro totalmente nacional, lançado pelo Maujor sobre CSS, para quem quer aprender CSS esse deve ser ser livro de cabeceira. Este livro aborda a técnica de construção de sites baseada nas Web Standards do W3C, cujo princípio básico é separar a marcação (X)HTML da apresentação visual. De forma didática, são apresentadas as razões da criação das Web Standards e suas vantagens, a sintaxe (X)HTML e CSS, as propriedades CSS e a criação de layouts fixos e elásticos multicolunares. Os assuntos tratados são ilustrados com códigos, exemplos e figuras que mostram a renderização no navegador. No site de apoio, o leitor encontrará os códigos para download e informações complementares sobre o livro.

Criando sites com HTML

Construir sites em conformidade com os Padrões Web do W3C, mais do que uma opção de desenvolvimento, é uma exigência do mercado. Resgatar a finalidade original da linguagem de marcação HTML, tal como idealizada pelo seu inventor, Tim Berners-Lee é a palavra-chave que norteia o moderno conceito de escrever HTML. Este livro descreve de forma detalhada cada um dos elementos do HTML, dando ênfase a sua finalidade. Um capítulo é dedicado exclusivamente às folhas de estilo em cascata (CSS), que forma uma dupla inseparável com HTML.

Esse foi o 2º livro escrito por Maujor.

Criando Páginas Web com CSS

Com lições passo a passo ricamente ilustradas, o livro reúne técnicas de CSS úteis e modernas para você começar a criar (ou aprimorar) imediatamente seu site Web, tornando seu layout profissional compatível com qualquer tipo de navegador. Este livro o ajudará a tornar um especialista em CSS num piscar de olhos, oferecendo as mais avançadas dicas, truques e técnicas que desmistificarão o universo de bugs e segredos sobre os quais você talvez já tenha ouvido falar.

Use a Cabeça HTML com CSS e XHTML

Use a Cabeça! HTML com CSS e XHTML 2a Edição permite que você evite a vergonha de pensar que as cores compatíveis com a Web ainda contam, e a tolice de perder uma tag em suas páginas. O melhor de tudo é que você aprenderá HTML, XHTML e CSS de uma maneira que não o fará dormir. Se você já leu algum livro da série Use a Cabeça!, sabe o que esperar: um formato visualmente rico, projetado para se adaptar à forma como seu cérebro funciona. Usando as últimas descobertas da neurobiologia, ciência cognitiva e teoria do aprendizado, este livro colocará o HTML e as CSS em seu cérebro para sempre. Aprenda os verdadeiros segredos da criação de páginas Web e porque tudo o que seu chefe disse a você sobre as tabelas HTML provavelmente estava errado (e o que fazer para dar tudo certo). E, o mais importante, concorde com seu colega de trabalho e impressione os amigos quando ele mencionar casualmente como o HTML dele agora está perfeito e a CSS é uma folha de estilos externa.

Profissional Padrões de Projeto com CSS e HTML

Usar padrões de projetos para estilizar (X)HTML e CSS poupará seu tempo e esforço. Profissional Padrões de Projetos com CSS e HTML contém mais de 350 padrões de projetos prontos para uso que podem ser combinados para criar um número ilimitado de soluções para projetos. Você pode se beneficiar instantaneamente de seu poder reutilizável e de sua eficiência simplesmente colocando-os em seu código e ajustando alguns valores!

Cada padrão funciona em todos os principais navegadores da web, incluindo o Internet Explorer 7, o Internet Explorer 6. Este livro será inteiramente útil e prático – ele elimina a necessidade de hacks, truques, testes sem fim, e ajustes constantes nos navegadores para fazer algo funcionar.

Ele é mais do que simplesmente um livro de receitas. Cobre sistematicamente cada característica utilizável de CSS e combina essas características com HTML para criar padrões reutilizáveis. Cada padrão possui um nome intuitivo para facilitar ao procurar, para lembrar e para fazer referência a ele. A acessibilidade e as melhores práticas foram cuidadosamente projetadas em cada padrão de projeto, em cada exemplo e em cada código fonte.

JavaScript – O Guia Definitivo

Esse livro fornece uma descrição completa do núcleo da linguagem JavaScript, do padrão DOM e legado implementados nos navegadores Web. O livro inclui exemplos sofisticados que mostram como tratar tarefas comuns, como a validação de dados em formulários, o trabalho com cookies e a criação de animações portáveis usando DHTML. O livro também contém seções de referência detalhadas que abrangem o núcleo da API JavaScript, a API “legada” do lado cliente e a API padrão DOM do W3C, documentando cada objeto, método, propriedade, construtor, constante, e função de JavaScript, assim como o tratamento de eventos nessas APIs. Esta é uma leitura particularmente útil para os desenvolvedores que trabalham com navegadores Web compatíveis com os últimos padrões, como o Internet Explorer 6, o Netscape 6 e o Mozilla. Desenvolvedores HTML podem aprender a usar JavaScript para construir páginas Web dinâmicas. Programadores experientes podem encontrar rapidamente as informações necessárias para começar a escrever programas sofisticados em JavaScript. Este livro é uma referência indispensável para todos os programadores de JavaScript, independentemente do nível de experiência.

jQuery: A Bíblia do Programador JavaScript

jQuery é uma poderosa biblioteca JavaScript criada para simplificar a criação de efeitos visuais e de interatividade em websites. Desenvolvedores especialistas em JavaScript, ao conhecerem as maravilhas de que a biblioteca é capaz, com certeza vão se perguntar: ?Por que não pensei nisso antes??. Iniciantes, com noções rudimentares de JavaScript, experimentarão uma curva de aprendizado inimaginável para aqueles experientes com a linguagem.

jQuery propicia a criação de scripts de uma forma tão simples e intuitiva que consegue com meia dúzia de linhas os mesmos efeitos de um script de 30 a 40 linhas desenvolvido com JavaScript tradicional. Simplicidade foi a diretriz que norteou John Resig na criação da biblioteca. Este livro, na primeira parte, apresenta a biblioteca e um estudo da sintaxe e emprego dos seletores e comandos jQuery, desenvolvendo scripts de exemplo para cada um deles, que podem ser examinados ao vivo em arquivos disponíveis para download no site do livro. Na segunda parte, são desenvolvidos vários scripts de emprego real, todos comentados e disponíveis para download.

AJAX: Guia Prático para Windows

O livro mostra a trajetória de uma aplicação web por meio dessa nova tecnologia. Ele apresenta os conceitos básicos, estrutura de programação JavaScript, comandos, principais funções e formas de interação com o browser.

XML, API DOM e manipulação de páginas web são assuntos tratados em detalhes, assim como o CSS (Cascading Stylesheet) ou folhas de estilo, pois permite a interação direta com o usuário, alterando elementos da página de forma dinâmica. Possui vários exemplos de utilização do AJAX, desde os mais simples até os mais complexos, que utilizam JavaScript orientado a objetos e técnicas modernas de programação.

Não Me faça Pensar – Usabilidade na Web

Uma Abordagem de Bom Senso à Usabilidade na Web. Cinco anos e mais de 100 mil exemplares após ter sido publicado pela primeira vez, é difícil imaginar alguém trabalhando em projeto Web que não tenha lido o “clássico instantâneo” de Steve Krug sobre usabilidade na Web, contudo, as pessoas ainda o estão descobrindo todos os dias. Nesta segunda edição, Steve acrescenta três novos capítulos no mesmo estilo do original: divertido e interessante, mas, ainda assim, cheio de informações e conselhos práticos, tanto para novatos quanto para veteranos. Não fique surpreso se ele mudar completamente a forma pela qual você pensa em projeto para Web.

Isso pode lhe interessar:

• Referência HTML/XHTML, CSS e JavaScript no Firefox
• CSS Conditional comments
• Diferença entre elementos inline e de bloco em HTML
• A Morte do XHTML
• Barra de progresso com CSS

Recomendações de livros

Basicamente você deve fazer o uso de três divs: uma div que atuará como container, outra que será a cor do progresso e a última para o seu texto. Tanto a div container quanto a div com o progresso devem conter uma imagem de fundo. A imagem utilizada é uam png transparente para que seja mostrada a cor de fundo da div.

HTML

A estrutura do HTML é muito simples:

<div class="meter-wrap">
    <div class="meter-value" style="background-color: #0a0; width: 40%;">
        <div class="meter-text">
            Texto aqui!
        </div>
    </div>
</div>

Observe o atributo style. A cor definida é a cor da barra de progresso bem como a largura deve ser definida em porcentagem.

CSS

.meter-wrap{
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* Altura e largura de sua imagem */
    width: 155px; height: 30px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(/path/to/your-image.png) top left no-repeat;
}

.meter-text {
    position: absolute;
    top:0;
    left:0;
    padding-top: 5px;
    color: #fff;
    text-align: center;
    width: 100%;
}

Imagem

Observe agora a imagem utilizada no exemplo, ela foi coloca em um fundo colorido para que você possa notar os cantos da imagem:

Vejam agora o exemplo funcional de barra de progresso com CSS.

Isso pode lhe interessar:

• Recomendações de livros
• CSS Margin Collapsing
• CSS: Alternative Style Sheets
• Diferenças entre Margin e Padding
• Abas com CSS utilizando :target

Barra de progresso com CSS

A primeira div possui 10px de margin-bottom e a segunda div possui margin-tpo com o valor de 10px, você então, pegando uma calculadora e somando 10px+10px chegaria ao valor de 20px certo? Mas isso não é o que ocorre, as margens se fundem formando uma só:

Isso ocorre em 3 casos básicos:

Irmãos adjascentes

As margens de irmãos adjascentes se fundem (exceto quando o último irmão tem a função de limpar floats). Exemplo:

<p>A margem inferior desse parágrafo...</p>
<p>...se funde com a margem superior desse parágrafo.</p>

Pai, primeiro e último filho

Caso não exista borda, padding, conteúdo ou alguma forma de “limpeza de floats” para separar a margin-top da margin-top de seu primeiro filho, ou nenhuma borda, padding, conteúdo, height, min-height ou max-height para separar a margin-bottom da margin-bottom de seu último filho, essas margens se fundem. A margem que se funde acaba saindo para fora de seu elemento pai.

Blocos vazios

Caso não exista borda, padding, conteúdo, height ou min-height para separar as magin-top da margin-bottom de um bloco, essas margens superior e inferior acabam se fundindo. Os casos mais complexos de margin collapsing (de mais de duas margens) ocorrem quando esses casos são combinados.

Estas regras são aplicáveis a margens ainda mesmo com o valor igual a 0, por isso a margem de um primeiro/último filho acaba fora de seu pai (de acordo com as regras acima) ou não se a margem de seu pai for igual a zero.

Quando são envolvidas margens negativas, o valor das margens que se fundem é calculado da seguinte forma: Soma-se o valor da maior margem positiva com o valor da menor (mais negativa) margem negativa.

Margens de elemento com float e elementos com posicionamento absoluto nunca se fundem.

Esse artigo foi escrito com base no artigo da Mozilla Developer Center.

Isso pode lhe interessar:

• Recomendações de livros
• Barra de progresso com CSS
• CSS: Alternative Style Sheets
• Diferenças entre Margin e Padding
• Abas com CSS utilizando :target

CSS Margin Collapsing

Criar folhas de estilo alternativas não exige muito esforço e não tem segredo algum, você só vai encontrar dificuldade devido a alguns browsers que não suportam essa opção, mas, por exemplo, no firefox você pode ir até Exibir > Estilos da página e trocar as folhas de estilo dentre as disponíveis, se é que o site disponibiliza essa opção.

Para incluir folhas de estilos extras em seu site, basta utilizar da tag HTML <link>, com o atributo REL que deve conter o valor alternate e o atributo title:

<link rel="stylesheet" type="text/css" href="default.css" title="Default CSS" />
<link rel="alternate stylesheet" type="text/css" href="simple.css" title="Simple CSS" />
<link rel="alternate stylesheet" type="text/css" href="dark.css" title="Dark CSS" />

A primeira folha de estilos foi a que eu defini como padrão, as outras duas a seguir são as folhas de estilo alternativas, pois como podem observar, elas possuem o atributo re=”alternate stylesheet” e só serão carregadas se o usuário alterá-las no browser. Para que vocês entendam como isso funciona, dêem uma olhada no exemplo que criei para esse tutorial.

Isso pode lhe interessar:

• Recomendações de livros
• Barra de progresso com CSS
• CSS Margin Collapsing
• Diferenças entre Margin e Padding
• Abas com CSS utilizando :target

CSS: Alternative Style Sheets

Primeiramente você deve fazer o uso da biblioteca jQuery, e após criar suas folhas de estilo como desejar. Nesse exemplo vou utilizar 3 arquivos CSS que somente irão efetuar uma alteração na cor de fundo do layout, mas você pode definí-las como quiser.

<link rel="stylesheet" type="text/css" href="estilos.css" title="normal" />
<link rel="stylesheet" type="text/css" href="estilopreto.css" title="preto" />
<link rel="stylesheet" type="text/css" href="estilovermelho.css" title="vermelho" />

É muito importante você definir um título para suas folhas de estilo pois futuramente iremos chamá-las no JavaScript através do title das mesmas. O passo seguinte é o nosso HTML:

<ul>
	<li><a href="#" rel="normal" class="styleswitch">Estilo 1</a></li>
	<li><a href="#" rel="vermelho" class="styleswitch">Estilo 2</a></li>
	<li><a href="#" rel="preto" class="styleswitch">Estilo 3</a></li>
</ul>

Lembram-se dos titles que definimos aos nossos arquivos CSS? Agora eles devem ser adicionados ao atributo rel dos links referente ao estilo em questão, juntamente com a class “styleswitch”. Depois, o responsável por efetuar a troca é o JavaScript:

<script type="text/javascript">
/**
* Styleswitch stylesheet switcher built on jQuery
* Under an Attribution, Share Alike License
* By Kelvin Luck ( http://www.kelvinluck.com/ )
**/
(function($){
$(document).ready(function() {
	$('.styleswitch').click(function()
	{
		switchStylestyle(this.getAttribute("rel"));
		return false;
	});
	var c = readCookie('style');
	if (c) switchStylestyle(c);
});

function switchStylestyle(styleName) {
	$('link[rel*=style][title]').each(function(i)
	{
		this.disabled = true;
		if (this.getAttribute('title') == styleName) this.disabled = false;
	});
	createCookie('style', styleName, 365);
}
})(jQuery);

// cookie functions http://www.quirksmode.org/js/cookies.html
function createCookie(name,value,days){
	if (days)	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name){
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function eraseCookie(name){
	createCookie(name,"",-1);
}
// /cookie functions
</script>

Dêem uma olhada no exemplo criado. É bem simples mais ilustra bem o que pode ser feito.

Via: WebIntenta

Isso pode lhe interessar:

• Contar e limitar caracteres em textarea
• IE6 Double Margin / Duplicate Characters bug fix usando jQuery
• jQuery Delay Plugin
• Adicionar ícones a links externos

Style Switcher com jQuery

A grade maioria dos desenvolvedores sabe que a tag embed caiu em desuso desde 2006 por se tratar de uma tag proprietária da Netscape, assim não obedecendo aos WebStandards.

É comum você ver por aí códigos que ainda utilizam embed, como no Youtube, vejam esse código de exemplo abaixo para entenderem o que estou dizendo:

<object width="425" height="344">
    <param name="movie" value="http://www.youtube.com/v/YV3gxkXpkno&hl=pt-br&fs=1"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/YV3gxkXpkno&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

Esse código faz a utilização de embed, deixando assim seu HTML inválido. Uma forma simples e correta de escrita do mesmo código acima pode ser utilizada da forma abaixo:

<object width="480" height="385" type="application/x-shockwave-flash" data="http://www.youtube.com/v/YV3gxkXpkno">
    <param value="high" name="quality" />
    <param name="allowFullScreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param value="http://www.youtube.com/v/YV3gxkXpkno" name="movie" />
</object>

E você ainda pode ir além proporcionando um alternativa ao usuário caso ele não tenha o plugin do Flash instalado no PC. No meu caso vou utilizar aqui uma imagem dizendo que alí deveria aparecer um objeto multimídia.

<object width="480" height="385" type="application/x-shockwave-flash" data="http://www.youtube.com/v/YV3gxkXpkno">
    <param value="high" name="quality" />
    <param name="allowFullScreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param value="http://www.youtube.com/v/YV3gxkXpkno" name="movie" />
    <img src="http://www.cssnolanche.com.br/uploads/video.png" alt="Vídeo (Objeto multimídia)" title="Vídeo (Objeto multimídia)" />
</object>

Vejam abaixo esse código funcionando:

Caso você queira inserir Windows Media Player em seu site, basta utilizar o seguinte código de exemplo:

<object type="video/x-ms-wmv" data="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" width="320" height="260">
  <param name="src" value="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" />
  <param name="autostart" value="true" />
  <param name="controller" value="true" />
  <img src="http://www.cssnolanche.com.br/uploads/video.png" alt="Vídeo (Objeto multimídia)" title="Vídeo (Objeto multimídia)" />
</object>

E comoo podem ver, funciona corretamente.

Isso pode lhe interessar:

• A Morte do XHTML
• Recomendações de livros
• A história do HTML
• CSS Conditional comments
• Estrutura mínima de um documento XHTML

Inserir Flash em XHTML

Se você utiliza algum desses browsers, veja esse exemplo que preparei. Se você quer aprender a desenvolver um cubo semelhante a esse, basta dar uma olhada no tutorial que Paul Hayes desenvolveu.

Isso pode lhe interessar:

• Inherit no Internet Explorer
• Como utilizar variáveis no CSS
• Download: A Guerra dos Browsers
• CSS Conditional comments
• The Browser Wars

Cubo 3D com CSS

A maioria dos desenvolvedores web, na verdade, não sabem, ou têm apenas uma vaga idéia do que significa o termo, portanto, vou tentar explicar da forma mais simples possível o que é DHTML. Quando a versão 4 dos browsers Netscape e Internet Explorer foi lançada ocorreu uma pequena revolução na Internet. Enquanto o suporte a CSS nesses browsers era precário estava nascendo uma nova união de tecnologias que iria revolucionar a forma de desenvolver páginas web. Foi então que no final dos anos 90 e início do ano 2000 nascia o DHTML (Dynamic HTML).

DHTML é a união das tecnologias HTML, Javascript e CSS aliado ao Document Object Model (DOM), para permitir que uma página Web seja modificada dinamicamente na própria máquina cliente, sem necessidade de novos acessos ao servidor web. Quando você efetua mudanças de estilo em elementos HTML e a mudança é registrada imediatamente sem o recarregamento da página, você está vendo um exemplo de DHTML. Você também pode fazer o usuário integarir com a página escondendo e mostrando elementos, mover elementos na página, mudar cores.

Antes do surgimento do DHTML só podiamos utilizar páginas em HTML estático. Quando você carregava uma página, ela não podia ser alterada até você passar para a próxima página. Com o DHTML você poderia dar mais interatividade a página, lhe dando a possibilidade até de criar novos elementos na página para serem manipulados depois.

Atualmente existem 3 grandes empresas trabalhando por trás do DHTML: o W3C, a Netscape e a Microsoft, mas no passado, ele passou por um mal bocado. Na época do surgimento do DHTML, a Netscape e a Microsoft eram grandes rivais e não tinham nenhum interesse em trabalharem juntas em uma especificação do DHTML, e por isso era comum você ter um script que funcionava tão bem em um browser e nem sequer funcionava no outro. Quem naquela época não acessou um site e deu de cara com uma splash page com links apontando para páginas desenvolvidas para Netscape e Internet Explorer?

Mas nessa briga quem saiu ganhando foi a Netscape, pois por possuir um browser com melhor suporte ao DHTML, uma melhor documentação ele foi adotado como browser padrão para o DHTML. Rapidamente no entanto, a grande dificuldade de programação nesta nova geração de scripts, juntamente com o suporte precário dos navegadores, definiu a uma cruzada de pessoas que o DHTML estava morto. Com o tempo o W3C tomou frente no desenvolvimento e foram criadas as especificações e hoje você já pode utilizar o DHTML confortavelmente.

Aplicando dinamismo a página

Você pode estar meio confuso até aqui, mas efetuar manipulações dos elementos na página não é difícil. Vamos a simples exemplo para que possa entender melhor o que é DHTML. Observem a marcação HTML:

<div id="principal"></div>

Suponhamos que ele possua os seguintes estilos:

div#principal (color:#000000; border-left:1px solid red;)

O usuário ao acessar a página, esses estilos são computados pelo browser, e caso você queira efetuar alguma alteração nos estilos do elemento utilizando DHTML esses novos estilos serão adicionados ao seu HTML através da tag style diretamente no código HTML. Um exemplo de código para efetuar a alteração da cor seria o seguinte:

document.getElementById('principal').style.color = '#ff0000';

Para efetuar a alteração do elemento HTML, temos que acessar o elemento através do Document Object Model. Diversos browsers suportam diferentes modelos do DOM e nesse exemplo foi utilizada o DOM nível 1. Em seguida é acessada a sua propriedade style e o novo estilo é aplicado. A execução desse código no browser resultaria no seguinte em seu código HTML:

<div id="principal" style="color:#ff0000"></div>

Essa é um efeito bem simples que você pode conseguir através de DHTML. Mas não pare por aqui, na Internet hoje existem vários sites com tutoriais sobre DHTML com exemplos prontos que podem auxiliá-lo no desenvolvimento:

• QuirksMode – Site que contém tutoriais de como você pode escrever scripts que funcionem corretamente em todos os browsers.
• HTML & DHTML Reference no MSDN
• Exemplos de DHTML
• DHTML Demos

Livro recomendado

O livro JavaScript & DHTML Guia Prático oferece soluções práticas para problemas específicos da criação de scripts com que os desenvolvedores Web comumente se deparam. Cada receita se concentra em um trecho de código que você pode inserir diretamente em seu aplicativo.

Isso pode lhe interessar:

• Recomendações de livros
• Contar e limitar caracteres em textarea
• Os benefícios de utilizar JavaScript não Obstrutivo
• IE6 Double Margin / Duplicate Characters bug fix usando jQuery
• jQuery Delay Plugin

O que é DHTML?