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.

Você está usando <em> errado!

A maioria de nós está usando a tag “em” erroneamente! Leia o artigo para saber o que é stress emphasis e qual é o momento certo de usar “em”.

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

E-book com 10 dicas para montar seu portfolio altamente eficiente e conseguir muito mais clientes e projetos!

Download GRÁTIS