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


Teste seu conhecimento #18

Publicado em: 2013-03-22 — 2.983 visualizacoes

Desafio encerrado. Resultado publicado neste link

A inspiração para lançar esse Desafio do Maujor #18 veio de uma matéria de autoria do Bernard De Luna publicada há dois dias no site Tableless (link abre em nova janela). Na matéria o autor incita os leitores a não usar uma das inúmeras ferramentas online para criar gradientes lineares. (Ler o restante do post…)

O widget Panel da jQuery Mobile

Publicado em: 2013-03-19 — 1.953 visualizacoes

panel-jquery-mobile

O widget Panel (painel em tradução livre) foi criado na versão 1.3.0 do framework jQuery Mobile lançado em 20 de fevereiro de 2013.

Trata-se de uma funcionalidade bastante comum em aplicações para dispositivos móveis. A interface do Google usa o efeito de painel na sua aplicação para dispositivos móveis. No topo e à esquerda da página de entrada da aplicação existe um ícone que ao ser tocado abre um menu com uso de um efeito de deslocamento lateral, ou seja o menu aparece na tela deslizando a partir da lateral esquerda da viewport. Observe na figura mostrado no início deste post o ícone do menu (mostrado à esquerda na figura). Esse ícone ao ser tocado aciona o painel deslizante (mostrado à direita na figura). (Ler o restante do post…)

Por que height: 100% não funciona?

Publicado em: 2013-03-8 — 5.267 visualizacoes

Uma das declarações CSS campeã, senão a campeã absoluta, das reclamações de iniciantes (e até de alguns com alguma prática em CSS) é a declaração: height: 100%;.
É muito comum encontrar-se em fóruns, listas de discussão e redes sociais perguntas do tipo:

“Já declarei height: 100% na minha CSS e o div não estende verticalmente como ‘era de se esperar’. Alguma dica?”.

ou respostas do tipo:

“Declara height: 100% e o div fica responsivo na vertical.” (Ler o restante do post…)

API Page Visibility

Publicado em: 2013-02-26 — 1.786 visualizacoes

No dia 26 de julho de 2012 o W3C alterou o status da API Page Visibility para Candidata a Recomendação.

Trata-se de uma API que permite ao desenvolvedor detectar a condição de visibilidade de uma página web para o usuário, ou seja, saber se a página está sendo visualizada no navegador ou se está oculta quer por ter o usuário minimizado a janela do navegador ou por ter aberto ou navegado para uma nova aba.

(Ler o restante do post…)

Teste seu conhecimento #17

Publicado em: 2013-01-14 — 4.669 visualizacoes

A proposta para esse desafio é criar um banner de 728x90px que foi desenvolvido originariamente em FLASH.
No mês de janeiro de 2013 o Google lançou uma campanha para promover o Google Engage, criando um banner em FLASH que fornecia um link para visitar a home daquele projeto. (Ler o restante do post…)

O polêmico elemento NAV da HTML5

Publicado em: 2012-12-16 — 2.960 visualizacoes

interface Facebook

Há três dias recebi um email do meu leitor Vagner Baggio com a seguinte pergunta:

Usar um form de busca dentro da tag nav é correto ou não aconselhável?

(Ler o restante do post…)

Objetos String da JavaScript e performance

Publicado em: 2012-12-6 — 2.692 visualizacoes

Créditos: Este artigo é um tradução. O artigo original de autoria de Panagiotis Tsalaportas foi publicado em: Performance with JavaScript String Objects no site da Mozilla.

(Ler o restante do post…)

Dive into HTML5: 100% traduzido!

Publicado em: 2012-12-2 — 4.992 visualizacoes

(Ler o restante do post…)

Teste seu conhecimento 16

Publicado em: 2012-10-24 — 4.472 visualizacoes

DESAFIO ENCERRADO EM 09/11/2012.

screenshot cores tela

Convido você a participar do desafio #16 do Maujor, mas não permita que o não cumprimento de regras do desafio invalide seu trabalho. :-) .

Portanto leia com atenção este post do começo ao fim.
Sua missão, caso decida aceitá-la, é fazer com que a cor de fundo da janela de renderização mude quando o respectivo link para a cor é clicado, como mostrado na figura anterior. O não cumprimento de qualquer regra invalida o trabalho. Mas, não se estresse com isso, simplesmente leia as regras e as cumpra.
Afinal são apenas 3 regras.

(Ler o restante do post…)

JavaScript precisa de classes?

Publicado em: 2012-10-19 — 3.942 visualizacoes

Quer você goste ou não, a ECMAScript 6 está prevendo a criação de classes[1] na linguagem JavaScript. O conceito de classes em JavaScript sempre foi um assunto polêmico. Há desenvolvedores que adoram a ausência de classes na JavaScript justamente por fazê-la diferente de outras linguagens. No outro lado estão os desenvolvedores que odeiam a ausência de classes justamente porque a faz diferente de outras linguagens. Um dos maiores obstáculos que as pessoas encontram quando migram de C++ ou Java para JavaScript é a ausência de classes e eu já ouvi muitas pessoas dizer que não gostam de JavaScript ou desistiram de estudar a linguagem por causa da ausência de classes.

(Ler o restante do post…)

Posts mais antigos »

ir topo

Switch to our mobile site