Blog do Maujor - Tutoriais e pensamentos, CSS, web standards, acessibilidade, tableless


jQuery 1.4 nextUntil, prevUntil e parentsUntil

Publicado em: 2010-01-15 — 1.086 visualizacoes

A versão 1.4 da biblioteca jQuery, lançada em 14 de janeiro de 2010, além de ter incrementado a performance da biblioteca, não só aperfeiçoou várias funcionalidades existentes como também introduziu novas funcionalidades.

Nesta matéria mostrarei três das novas funcionalidades denominadas genericamente de “jQuery Untils”. “Until” em inglês significa “até” e os métodos foram denominados nextUntil(), prevUntil() e parentsUntil() que como os nomes sugerem se destinam a:

(Ler o restante do post…)

Retweet this post

Suporte para canvas no IE

Publicado em: 2009-12-17 — 1.729 visualizacoes

Nesta matéria vou mostrar como obter um gráfico tipo pizza a partir de uma tabela de dados.

Vamos usar o elemento canvas da HTML 5 e um código JavaScript para atingir nosso propósito. É sabido que o Internet Explorer, versões atuais, não suportam o elemento canvas, mas a novidade nesta matéria é apresentar um script denominado Explorer Canvas que faz o IE suportar o elemento canvas.

(Ler o restante do post…)

Retweet this post

Ganhe um livro autografado do Maujor

Publicado em: 2009-12-14 — 3.362 visualizacoes

PROMOÇÃO ENCERRADA – Veja os ganhadores

Enfeite de NatalEstamos em época de festas de fim de ano e o Natal está chegando. O Maujor deseja a todos seus leitores e seguidores no twitter os melhores votos de Boas Festas e que o ano de 2010 venha com saúde e se torne um ano de realização dos seus projetos pessoais e profissionais.

Eu gostaria de presentear cada um de vocês com um livro autografado, mas minha editora não topou a ideia e então resolvi sortear um dos meus leitores para representar todos eles e presenteá-lo com um livro autografado.

(Ler o restante do post…)

Retweet this post

Teste seu conhecimento 12

Publicado em: 2009-12-3 — 2.564 visualizacoes

Áreas nas laterais do site

DESAFIO ENCERRADO Confira as soluções.

Leia com atenção o post. Soluções contrariando qualquer item do post não serão consideradas.

Vamos fazer este desafio focado para um “exercício de aprendizado e lazer”, deixando de lado as considerações de acessibilidade, uso na prática ou mesmo utilidade do exercício. Assim o objetivo é exercitar suas habilidades com CSS, procurando uma solução com uso da marcação HTML fornecida.

(Ler o restante do post…)

Retweet this post

O elemento dl na HTML5

Publicado em: 2009-11-27 — 1.592 visualizacoes

A especificação para HTML 4 define o elemento dl para marcar as listas de definição (definition lists) e diz o seguinte:

Os items das listas de definição são constituidos de duas partes: termo e descrição. O elemento para marcar o termo é dt e deve conter somente elementos inline. O elemento para marcar a descrição é dd e pode conter elementos nível de bloco.

(Ler o restante do post…)

Retweet this post

Glossário e tabelas HTML5

Publicado em: 2009-11-21 — 1.832 visualizacoes

Jack Osborne publicou no site HTML5 Doctor um glossário para os novos elementos e elementos redefinidos na HTML5.

Estou fornecendo para meus leitores uma versão traduzida do glossário.

(Ler o restante do post…)

Retweet this post

Teste seu conhecimento 11

Publicado em: 2009-11-16 — 3.392 visualizacoes

Imagens fixas na tela

DESAFIO ENCERRADO Confira as soluções.

screenshot

Leia com atenção o post. Soluções contrariando qualquer item do post não serão consideradas. Atenção especial para a forma de nomear e enviar o arquivo.

Vamos fazer este desafio focado para um “exercício de aprendizado e lazer”, deixando de lado as considerações de acessibilidade, uso na prática ou mesmo utilidade do exercício. Assim o objetivo é exercitar suas habilidades com CSS, procurando uma solução com uso da marcação HTML fornecida.

(Ler o restante do post…)

Retweet this post

Teste seu conhecimento 10

Publicado em: 2009-11-11 — 3.884 visualizacoes

DESAFIO ENCERRADO Confira as soluções.

Emoticons com CSS (sem uso de imagens)

emoticons

Vamos fazer este desafio focado para um “exercício de aprendizado e lazer”, deixando de lado as considerações de acessibilidade, uso na prática ou mesmo utilidade do exercício. Assim o objetivo é exercitar suas habilidades com a dupla HTML + CSS, procurando uma solução com uso de menos marcação possível. É necessário apenas que a marcação passe no validador do W3C.

(Ler o restante do post…)

Retweet this post

Teste seu conhecimento 09

Publicado em: 2009-11-9 — 3.549 visualizacoes

Alfabeto bicolor com CSS

DESAFIO ENCERRADO Confira as soluções.

alfabeto bicolor

A imagem acima é um screenshot da renderização do alfabeto em duas cores alternadamente.

(Ler o restante do post…)

Retweet this post

Inserir twitter no site/blog

Publicado em: 2009-10-22 — 5.111 visualizacoes

Os proprietários de blogs pessoais, notadamente aqueles instalados com WordPress, e que têm uma conta no twitter, certamente conhecem, ou usam, ou pelo menos já ouviram falar da existências de scripts destinados a inserir suas últimas “tuitadas” no blog.

(Ler o restante do post…)

Retweet this post
Posts mais antigos »

ir topo