Emmet: escreva HTML 10x mais rápido
Conheça o Emmet e saiba como é possível escrever HTML até 10x mais rápido!
7 alternativas à <div> para uma Web mais semântica
Semântica na Web é algo imprescindível. Saiba como aprimorar a semântica de seus sites através do uso de tags com mais significado.
Melhor forma para listas com caption?
Há algumas formas de fazer uma lista HTML com caption/label. A que vamos mostrar não é a mais comum, mas ganha pontos pela semântica e acessibilidade.
dpw expo #32 – Image Map Generator, Divjoy, SVG Artista
Image Map Generator, para mapas de imagem; Divjoy, codebase React (com builder) e; SVG Artista, para animações de fill e stroke com SVGs.
dpw expo #30 – collectorium, perfundo, npkill
collectorium, para fazer abas com CSS puro; perfundo, para criar lightboxes com CSS puro e; npkill, para deletar diretórios node_modules inúteis.
iframes responsivos
iframes responsivos geralmente são uma questão de choro e ranger de dentes entre frontenders. Neste artigo, veja como fazer iframe responsivo na prática.
10 elementos HTML que você não sabia que precisava
Veja 10 elementos HTML que você talvez não esteja usando (ou não sabia que existiam) e melhore suas páginas e aplicativos Web.
SVG inline… Com cache!
Todos sabemos que não é possível cachear ícones SVG inline… Ou será que é? Veja neste artigo como usar ícones SVG inline com cache!
Lazy loading nativo de imagens e iframes
Lazy loading nativo de imagens e iframes, um sonho antigo de webdevs, finalmente vai se tornar realidade! Saiba mais como usar e como testar hoje mesmo.
UX em validação de formulários com HTML e CSS
Conheça técnicas simples de HTML e CSS que podem incrementar (e muito!) a UX em validação de formulários.
Imagens responsivas com srcset e sizes
Conheça mais sobre srcset e sizes, seus novos amigos na hora de implementar imagens responsivas
UIkit: framework front-end modular responsivo
UIkit é um framework responsivo modular de front-end projetado para ser leve e simples de se usar. Veja mais informações e conheça seus componentes.
Guia para os novos tipos de input HTML5
Conheça e saiba mais sobre os novos tipos de input HTML5 e como esses novos campos ajudam o desenvolvimento de formulários e a experiência do usuário (UX).
Imagens em web design responsivo: atributo srcset e elemento picture
A solução oficial W3C para imagens responsivas está perto de chegar! Conheça mais sobre o atributo srcset e o elemento picture para sites com web design responsivo.
Webshims Lib: Polyfills de recursos de HTML5 e CSS3
Conheça a Webshims Lib e saiba como ter polyfills de recursos de HTML5 e CSS3 carregados sob demanda!
Pré-carregamento de recursos com HTML5
Saiba como pré-carregar recursos com HTML5 e melhorar a performance e experiência do usuário através de sites mais rápidos
Como melhorar a performance do site limpando HTML, CSS e imagens
Aprenda como melhorar a performance e tempo de carregamento do site limpando HTML, CSS e imagens e fazendo um bom planejamento de recursos.
Evitando erros comuns de HTML5
Com o advento da HTML5, muitos erros comuns estão ocorrendo devido a equívocos dos desenvolvedores. Leia este artigo e saiba como evitar erros comuns de HTML5.
Usando Modernizr para detectar features de HTML5 e CSS3
Conheça e aprenda a usar Modernizr, biblioteca JavaScript que permite detectar features de HTML5 e CSS3 do navegador e prover soluções, caso necessário.
Não use IDs como seletores CSS
À primeira vista, pode parecer estranho não usar IDs como seletores em CSS, mas, através argumentos bem embasados, entenda porque isso é verdade.
Textarea: dicas e truques que você sempre quis saber
Textarea: dicas e truques para melhorar as interações com áreas de texto em suas páginas
Meta tags
Um guia sobre meta tags, mostrando as principais meta tags, sua função e exemplos de uso para que você saiba qual meta tag utilizar em cada situação, sumo a um trabalho de SEO mais elaborado e profissinoal
Diferenças entre IDs e Classes
Aprenda a diferença entre IDs e classes, usados em XHTML, CSS e javascript. Saber a diferença entre classes e IDs evita erros básicos e permite desenvolver sites melhores