Google Web Starter Kit

Conheça o boilerplate focado em design responsivo e performance criado pela equipe da Google.

por Dani Guerrato

Desenvolvimento de temas para Tumblr

Entenda como blogs e redes sociais podem andar de mãos dadas, veja como criar uma diagramação diferente para cada tipo de conteúdo e desenvolva temas para Tumblr utilizando variáveis dinâmicas e HTML.

por Dani Guerrato

Produtividade e Tomates

Conheça a Técnica Pomodoro, aprenda a gerenciar melhor seu tempo e entenda como fazer mais pausas pode te deixar mais produtivo.

por Dani Guerrato

Design Responsivo na prática 2: do layout ao HTML

Acompanhe o desenvolvimento de um HTML/CSS responsivo passo-a-passo a partir de um layout fixo, com direito a muitas dicas, comentários e demo.

por Dani Guerrato

Imagens Responsivas de Alta Performance

Saiba como escolher a melhor solução para lidar com imagens responsivas em larga escala sem sacrificar a performance.

por Dani Guerrato

Padrões de UX do mal

Conheça as armadilhas mais comuns, por que você deve evitar estes padrões e como escapar do lado sombrio da força.

por Dani Guerrato

Dicas de CSS para impressão

Seja na hora de levar uma receita para a cozinha, ter uma cópia física de um documento ou guardar um artigo bacana para ler depois, imprimir é uma função que usamos e abusamos em nosso dia-a-dia. Mas será que estamos fazendo tudo o que poderíamos para diagramar sites no papel?

por Dani Guerrato

Design de Aplicativos para Android – Parte 2

Conheça os pixels independentes e as pilhas de resoluções, aprenda a criar e organizar entregáveis de design e descubra ferramentas úteis para criar seus próprios aplicativos Android.

por Dani Guerrato

Design de Aplicativos para Android – Parte 1

Conheça mais sobre a plataforma e veja quais são os primeiros passos para projetar suas próprias aplicações.

por Dani Guerrato

Semântica, padrões e o que você tem a ver com isto

Entenda de uma vez por todas o que é web semântica e compare as principais diferenças entre alguns elementos de HTML.

por Dani Guerrato

Conferência W3C Web.br 2013 – Dia 2

Confira como foi o segundo dia da Conferência W3C Brasil 2013 com resumo das palestras, slides, fotos e anotações.

por Dani Guerrato

Conferência W3C Web.br 2013 – Dia 1

Todos os caminhos levam a web! Saiba tudo sobre a conferência, confira o conteúdo das palestras e espie minhas anotações.

por Dani Guerrato

Lojas virtuais com WooCommerce II – Criando temas personalizados

Conheça o front-end do WooCommerce, aprenda a utilizar ganchos de ação e filtros, organize seu CSS e crie seu próprio layout de loja virtual.

por Dani Guerrato

Como testar design responsivo

Conheça algumas ferramentas essenciais para testar o seu layout, aprenda a sincronizar dispositivos móveis, organize sua própria biblioteca de testes e saiba o que fazer caso você não possua um smartphone.

por Dani Guerrato

Lojas virtuais com WooCommerce

Conheça a ferramenta que permite o desenvolvimento de lojas virtuais através do Wordpress, veja um passo-a-passo de instalação, confira as principais funcionalidades e leve de bônus uma lista de plugins úteis.

por Dani Guerrato

Sobre Cor e Webdesign II

| Entenda a diferença entre matiz, luminosidade e saturação, aprenda a criar paletas de cores funcionais e conheça a fórmula mágica do contraste.

por Dani Guerrato

Redução Progressiva

Entenda como criar interfaces que se adaptam automaticamente de acordo com o perfil de uso do usuário.

por Dani Guerrato

Como escrever e-mails de apresentação

Saiba como evitar os principais erros na hora de redigir um e-mail, conheça dicas simples para ganhar a simpatia de quem está do outro lado do monitor e nunca mais esqueça seu portfólio.

por Dani Guerrato

Design para Google Glass

Saiba tudo sobre o novo gadget da Google e como desenvolver conteúdo projetado especialmente para esta nova mídia.

por Dani Guerrato

Menu Retrátil com CSS e jQuery

Navegação para design responsivo sem complicações em quatro sabores diferentes.

por Dani Guerrato

Design para telas sensíveis ao toque

Conheça quais são as técnicas, padrões e principais desafios para o desenvolvimento de aplicativos nativos e interfaces web touch screen.

por Dani Guerrato

Modos de Mesclagem em CSS – Blend Mode CSS

Neste artigo entenda como funcionam os modos de mesclagem e saiba como utilizar cada um deles através de simples parâmetros de CSS.

por Dani Guerrato

Personalizando o painel de administração do WordPress

Aprenda a modificar o layout da dashboard de maneira simples para facilitar a navegação, personalizar a experiência do usuário e reforçar o branding.

por Dani Guerrato

O que é Design Atômico?

Conheça a nova metodologia para criação e desenvolvimento de layouts através de sistemas de interface modulares.

por Dani Guerrato

Storytelling

Neste artigo descubra como técnicas de storytelling podem ser aplicadas em web design para transformar a experiência do usuário.

por Dani Guerrato

Sobre Cor e Webdesign

Entenda o funcionamento dos sistemas de cores mais utilizados da web e conheça ferramentas úteis para criar e organizar suas próprias paletas.

por Dani Guerrato

Desenvolvimento ágil utilizando Scrum

Conheça a metodologia Scrum e aprenda a colocar as estratégias na prática para gerenciar qualquer tipo de projeto.

por Dani Guerrato

jQuery 2.0

Conheça as vantagens (e desvantagens) da nova versão da biblioteca de JavaScript mais utilizada no mundo.

por Dani Guerrato

3 parâmetros de HTML que você deve usar em um futuro próximo

Imagens responsivas, downloads automáticos e logos em vetor sempre atualizados. Não é sonho. Conheça algumas novidades que nos esperam em um futuro próximo.

por Dani Guerrato

16 ferramentas para designers e desenvolvedores

Sites, aplicativos, plugins, agregadores e portais que vão fazer toda a diferença na hora de aprender coisas novas, organizar seu dia-a-dia e encontrar inspiração.

por Dani Guerrato

Design Responsivo na prática: do rascunho ao digital

Quer criar um projeto de design responsivo e não sabe por onde começar? Acompanhe passo-a-passo a criação de um layout do wireframe até a apresentação do design com indicações de artigos, dicas e ferramentas para facilitar o seu processo criativo.

por Dani Guerrato

Mitos sobre dispositivos móveis

Tentar generalizar como as pessoas utilizam seus aparelhos móveis com base em conceitos de fundamentação duvidosa pode muitas vezes levar ao engano. E quem sai prejudicado é o próprio usuário. Conheça os principais mitos sobre o uso de dispositivos móveis.

por Dani Guerrato

Grids semânticos com LESS

Aprenda a construir rapidamente um grid semântico e responsivo utilizando CSS e uma ajudinha do LESS.

por Dani Guerrato

A linguagem como parte integrante da user experience

A linguagem é a ferramenta que utilizamos para entender e definir o mundo. E isto vale também para a criação de interfaces.

por Dani Guerrato

Favicons

Os favicons são pequenos mas indispensáveis. Entenda como eles funcionam e quais as melhores práticas.

por Dani Guerrato

Repensando CSS Resets

Como melhorar seu CSS Reset.

por Dani Guerrato

Seletores de CSS3 nível 4

Entenda como funcionarão os seletores de nível 4 do CSS. Mudanças drásticas para salver nossas vidas.

por Dani Guerrato

Guia de Estilos

Entenda mais sobre guias de estilos, padrões para equipes, organização de CSS e mais.

por Dani Guerrato

E-mail Newsletter Responsivo

Entenda como funciona e como fazer um email marketing responsivo.

por Dani Guerrato

Um guia completo de tipografia para a web

Entenda os princípios da tipografia na web e saiba como melhorar a leitura dos usuários.

por Dani Guerrato

Parallax Scrolling

Entenda como funciona o efeito parallax.

por Dani Guerrato

Imagens em alta resolução utilizando SVG

Entenda o que são imagens SVG e como você poderá utilizá-las hoje.

por Dani Guerrato

ePub: Aprenda a criar um livro digital

Conheça as vantagens do formato, aprenda a criar um livro do zero, descubra as melhores práticas e porquê você deve correr dos geradores automáticos.

por Dani Guerrato