Autor: Kadu Oliveira
-
Figure e Figcaption – HTML5
Muito comum em material impresso, como revistas e jornais, uma imagem ou gráfico seguida por uma pequena legenda. Na web antes da HTML5 não tinha uma maneira de aplicar semanticamente esse tipo de conteúdo na marcação HTML. A boa notícia é que agora é possível fazer uma marcação semântica para esta finalidade. Veremos os elementos…
-
HTML5 – Obter Coordenadas do Mouse
O script a seguir mostra como pegar as coordenadas X e Y do mouse do usuário usando JavaScript e o elemento canvas da HTML5. Perceba que há uma função chamada getMousePos que retorna as coordenadas com base na posição do mouse do usuário e o deslocamento do mouse na página do navegador.
-
HTML5 – Acessibilidade com o Atributo accesskey
A nova linguagem HTML5 prevê reformulação no atributo accesskey. Uma delas é: “todos os elementos HTML podem receber o atributo accesskey“. Apesar dos navegadores atuais não aplicarem tudo que a documentação do W3c sugere, ainda sim podemos usar para incrementar a acessibilidade das nossas páginas web.
-
Paginação em listas HTML com jQuery Quick Pagination
Com o plugin Quick Pagination você é capaz de criar paginações rapidamente em suas listas. Ótimo para converter listas extensas em listas menores. O plugin ainda permite ajustar alguns dos seus parâmetros adicionais. Você pode especificar a navegação na parte superior, inferior ou ambos, pode também especificar o número de itens a serem exibidos.
-
22 web sites desenvolvidos com HTML5 e CSS3
Fiz esse artigo reunindo sites inspiradores usando HTML5 e CSS3, exemplos brilhantes e para lá de criativos que demonstram o potencial dessas duas tecnologias, e claro, a habilidade e criatividade dos desenvolvedores. Esse post também serve como uma grande fonte de inspiração para você aplicar em seus projetos.
-
Validação de formulário com HTML5
HTML5 evoluiu bastante e tem uma série de novidades entre elementos e atributos para formulários. Nesse artigo mostro um pouco sobre validação dos campos de um formulário. Acredito que em um futuro próximo os desenvolvedores não precisaram escrever o código de validação de formulário em JavaScript, por exemplo, já que os navegadores serão capazes de…
-
Diferença entre as propriedades margin e padding do css
As propriedades margin e padding podem ser confusas para desenvolvedores iniciantes. Esse artigo é para aqueles que estão começando a aprender CSS. Aqui explico de forma bem detalhada as propriedades fundamentais do CSS, margin e padding. Saiba quando usar um ou o outro.
-
Coleção dos melhores ícones de 2011
Quem desenvolve layouts para web sites ou interface de softwares sabe a importância dos ícones para representar categorias, áreas, ações dos usuários (inserir, excluir notícias…).
-
Página de erro 404 animada com CSS
Este tutorial mostra como desenvolver uma página de erro 404 animada. Para tal efeito usamos algumas imagens e pequenas regras de CSS para animação. O código é simples e quem já possui um conhecimento em CSS entenderá rapidamente o significado das regras para esse efeito. Veja o resultado final da página de erro 404 animada.
-
HTML5: Diferença de section e article
Uma das grandes novidades introduzidas pelas especificações da HTML5 são os elementos SECTION e ARTICLE. Esses dois novos elementos que representam alguns problemas semânticos relativos à sua utilização. A maioria dos desenvolvedores web se confundem com os elementos de SECTION e ARTICLE. Tentarei nesse artigo descrever a semântica desses elementos.