patrocínio:

posts do autor Desenvolvimento Web

Desenvolvimento web em camadas com API

Entenda mais sobre camadas na web e organize seu código

por Luccas Marra do Amaral

Faz uma animação legal aí!

por Vanessa Nunes

A arquitetura Redux usando Jails

por Javiani

Diga olá ao TypeScript e adeus ao JavaScript

por Daniel Schmitz

Criando seu próprio servidor HTTP do zero (ou quase) – Parte III

por thiguetta

Por que Python?

por Elcio Ferreira

Criando seu próprio servidor HTTP do zero (ou quase) – Parte II

por thiguetta

Criando seu próprio servidor HTTP do zero (ou quase) – Parte I

Aprenda a criar e entenda como funciona um servidor HTTP

por thiguetta

Criando um widget de “Artigos Populares” por numero de visualizações

por Léo Juoli

HTTP2 para Desenvolvedores de Web

Entenda um pouco mais como o HTTP2 vai ajudar na construção de sites.

por Marcelo Paiva

Palestra sobre como se tornar um dev front-end

Apresentação sobre o que você precisa aprender para se tornar um desenvolvedor front-end.

por Diego Eis

Mudar ícones dos Custom Post Types no WordPress 3.8

Como atualizar os ícones do Custom Post Types do novo Wordpress.

por Julian Leno

Survey do mercado web nacional

Entenda como o seu mercado está e encontre respostas para perguntas importantes para a sua carreira.

por Diego Eis

Capturando erros JS LIKE-A-BOSS

Hoje iremos aprender para que serve o evento window.onerror e como tirar proveito desta ótima utilidade.

por Almir Filho

Passwords em Mobiles

Melhorando a experiência do usuário não mascarando o password em mobiles.

por Diego Eis

Adobe Edge

Adobe Edge - uma suíte que reúne diversas aplicações para ajudar os desenvolvedores web.

por Diego Eis

Scoped CSS

Scoped CSS é um novo recurso do HTML5 nos permite definir estilos que serão aplicados apenas em um determinado escopo de marcação.

por Almir Filho

Estruturação de front-end – Parte 1: Preprocessadores, Framewoks e Bibliotecas

Entenda a diferença entre preprocessadores, frameworks e bibliotecas de client-side. Saiba o que usar em seus projetos e quais as suas particularidades.

por Diego Eis

Entendendo quais APIs (realmente) fazem parte do HTML5

Sabemos que o HTML5 não se trata apenas de marcação, mas também de um conjunto de novas funcionalidades encapsuladas em APIs que podem ser acessadas via JavaScript. Porém, algumas destas APIs não fazem parte do núcleo do HTML5.

por Talita Pagani

Qualidade de Imagens e densidade de pixels

Entenda melhor sobre densidade de pixels em aparelhos como o iPhone 4 e outros dispositivos que carregam Android.

por Diego Eis

GoMo – Teste seu site mobile

Teste seu site com o Google GoMo.

por Diego Eis

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

A melhor parte da viagem é o caminho

Um pouco de auto ajuda não faz mal a ninguém.

por Diego Eis

Introdução aos padrões de codificação

É mais importante para o time concordar em um único estilo de código do que encontrar o estilo perfeito.

por Diego Eis

CSS1K

Implementando designs com apenas 1k de CSS. Você encara?

por Diego Eis

Um pensamento sobre design para web

Um pensamento sobre design impresso, desenvolvimento e design para web.

por Diego Eis

Introdução das premissas dos controles de versão

Introdução sobre algumas premissas sobre controles de versão. Muito útil para designers e iniciantes na área.

por Diego Eis

Declarando idiomas no HTML

O conteúdo online pode ser acessado no mundo inteiro, não importa seu idioma. Para tanto o idioma deve ser declarado corretamente para que os meios de acesso entreguem o conteúdo da melhor forma possível.

por Diego Eis

Experiência cross-device

Estamos prestes de presenciar uma invasão eletrônica de dispositivos de todos os tamanhos e utilidades em conjunto com aplicações onipresentes.

por Diego Eis

Introdução ao CSS 3D – Flip Card

Entenda como funciona o CSS 3D e suas aplicações.

por Diego Eis

OOCSS ou CSS do jeito certo

O CSS é algo muito simples de ser escrito mas com apenas um deslize todo o código pode transformar o projeto em um inferno. Saiba como podemos evitar isso.

por Diego Eis

Experiência deve ter começo, meio e fim

A experiência do usuário precisa ser a melhor possível independente do meio de acesso utilizado.

por Diego Eis

Usabilidade de interfaces para dispositivos móveis – parte II

Adequar aplicações ao contexto de dispositivos móveis apresenta determinados vieses de desenvolvimento.

por Talita Pagani

Usabilidade de interfaces para dispositivos móveis – parte I

O que muda nas questões de usabilidade quando estamos falando em dispositivos móveis?

por Talita Pagani

Biblioteca CSS ou Framework?

O que é melhor utilizar: biblioteca de CSS ou um Framework?

por Diego Eis

RGB e HSL

RGB e HSL são os formatos que estão se tornando populares no desenvolvimento web. Entenda como cada um funciona e saiba quais suas vantagens.

por Diego Eis

Especificação para touch screens

Interações em interfaces touch são diferentes das interfaces baseadas com mouse. Hoje temos pleno controle das ações baseadas com mouse, mas este controle não pode ser expandido para as interfaces touch. As ações e as forma de comportamento do usuário são diferentes.

por Diego Eis

CSS3 – Sombras em textos e elementos

Sombras em elementos e textos. O CSS3 nos trouxe essa possibilidade. Saiba como funciona as propriedades text-shadow e box-shadow.

por Diego Eis

CSS3 – Módulo Template Layout

Entenda como você não fará mais estruturas com a propriedade float.

por Diego Eis

CSS3 – Animation e regra keyframe

Saiba como o CSS 3 possibilita a criação de efeitos de animações e transições.

por Diego Eis

CSS 3 – O valor currentColor

O currentColor copia a cor da propriedade color e a aplica em outras propriedades de cor, como background, border e etc.

por Diego Eis

CSS3 – Breve introdução ao RGBA

Normalmente em web trabalhamos com cores na forma de hexadecimal. Agora o RGBA nos permite que você aplique em uma determinada cor transparência.

por Diego Eis

Pontuação de especificidade da CSS

Entenda como o browser calcula a especificidade do seu seletor e evite conflitos entre estilos.

por Diego Eis

Ferramentas de diagnóstico

Quando algo de estranho acontece, é bom estar preparado.

por Diego Eis

Novo parser HTML5 – FF4

O Firefox 4 trouxe uma série de atualizações, uma das mais importantes é o novo parser de HTML5 que promete ser mais rápido e eficiente.

por Diego Eis

Drops 4 – Validar é importante?

Validar o HTML é importante? Para que serve o validador? O que ele não analisa?

por Diego Eis

The IE6 Countdown – O ultimato da Microsoft

O Internet Explorer 6 é um câncer. A cura desse câncer é a própria Microsoft. Com a campanha The IE6 Countdown, a Microsoft quer diminuir para 1% o marketshare do IE6 no mundo!

por Diego Eis

Um raio-x do seu website

Ferramentas e metodologia para entregar mais e com maior qualidade. O Progressive Enhancement pode nos ajudar como mostramos em outros artigos. E hoje vamos mergulhar em um tópico específico da metodologia.

por Alysson Franklin

O básico: O que é HTML?

Entenda o HTML básico, saiba o que significa tags do HTML e entenda como fazer.

por Diego Eis

JQuery para produção de Layouts

Quando falta a compatibilidade de algumas propriedades do CSS nos browsers ou porque quando não é possível manipular o HTML manualmente para suprir suas necessidades, o JQuery poderá ajudar.

por Diego Eis

Bem vindo a Xangri-lá – Parte 2

Voltamos a Xangri-lá, para entender como as coisas funcionam. Veja como aplicar o Progressive Enhancement criando e customizando metodologias de trabalho. As expectativas e considerações do cliente geram o design e a funcionalidade de sua aplicação.

por Alysson Franklin

Desenvolvendo para IE6

Você ainda desenvolve para IE6? Você cobra mais por isso? Eu sim.

por Diego Eis

Bem vindo a Xangri-lá – Parte 1

Progressive Enhancement, Graceful Degradation e um horizonte perdido que precisa ser encontrado no desenvolvimento web

por Alysson Franklin

CSS3 – O que vem por aí…

Além da linguagem de marcação, a semântica e a utilização de bibliotecas Javascript no desenvolvimento HTML5, as folhas de estilo também serão reestruturadas para atender as diversas possibilidades que os novos padrões permitirão. Portanto, com vocês: o CSS3.

por Thaiana Poplade

Responsabilidade de um dev client-side

Designer de web tem que saber codificar HTML/CSS/Javascript? Um desenvolvedor client-side tem que saber design?

por Diego Eis

Sections: elemento article – Parte 4

O elemento article define um bloco de informação, texto, comentários e etc. Ele é um elemento mais específico que o section ou que o div.

por Diego Eis

Vote no Especialista em Usabilidade para Presidente

A usabilidade é algo muito abrangente e você, profissional front-end, tem muito a ver com isso.

por Alysson Franklin

Como tornar seu website acessível?

Ao ler este título talvez você esteja se perguntando: “mas se ele já foi publicado, já pode ser acessado por todos, certo?!” e a resposta mais correta é: “depende”. Que tal entender melhor o que significa acessibilidade na web?

por Thaiana Poplade

Sections: elemento aside – Parte 3

O elemento ASIDE agrupa informações relacionadas ao conteúdo principal. São informações desde publicidades, menus laterais, blogos de navegação e etc.

por Diego Eis

6 dicas para evitar problemas de incompatibilidade entre browsers.

Mesmo com o lançamento de versões beta dos principais browsers, prontos para receber o HTML5, profissionais ainda enfrentam dificuldades em realizar o trabalho de webstandards nos dias de hoje.

por Thaiana Poplade

Sections: seções do HTML5 – Parte 1

O site é dividido em seções. Cada seção tem seu significado e carrega informações de diversos assuntos. Os elementos do seção do HTML5 separam cada um desses elementos.

por Diego Eis

Afinal, o que muda com o HTML 5?

Há algumas mudanças que vão ocorrer tanto nas estruturas técnicas do desenvolvimento de webpages quanto na postura e parâmetros que o profissional deverá apresentar na criação de um website.

por Thaiana Poplade

Apostila sobre HTML5

Guia de referência de HTML5 pela Visie.

por Diego Eis

HTML5 Diff

Um resumo do que mudou no HTML5 em comparação com o HTML4.

por Diego Eis

Emuladores para browsers mobiles

São diversos aparelhos com diversas versões de browsers. Qual escolher? Por onde nivelar o desenvolvimento? Qual browser é melhor?

por Diego Eis

Produtividade: editores e snippets

Se você é um desenvolvedor de verdade, você deve conhecer seu editor de códigos. Não importa qual ele seja, contanto que você o conheça do começo ao fim, saiba suas limitações e saiba utilizar suas vantagens para minimizar o tempo de produção.

por Diego Eis

Google Apps não suportará mais IE6

Deixar de suportar o IE6 é questão de sobrevivência. Não é capricho do desenvolvedor ou falta de vontade. Ou nivelamos por baixo a experiência do usuário, ou forçamos uma mudança de comportamento.

por Diego Eis

Porque é a web que comanda

Porque fazer um sistema que deve ser instalado no iPhone se você pode fazer um sistema web que pode ser acessível em todos os smartphones?

por Diego Eis

Ah, o maravilhoso mundo real

O que é mais importante, RDF ou bordas arredondadas? O novo formato de especificações modulares do W3C vai ajudar os desenvolvedores, agilizando os releases de navegador, ou vai tornar nossa vida uma bagunça?

por Elcio Ferreira

Efeito cascata, herança e especificidade do CSS

O efeito cascata do CSS é controlado pela especificidade e pela herança das propriedades.

por Diego Eis

Implementar XHTML/CSS é grátis

Você pode ser diferente, mas isso só depende de você.

por Diego Eis

SEO – Sitemaps

Saiba como funciona o sitemap.xml

por Diego Eis

Browsers para Mobile – Nova era

por Diego Eis

Web Standards Project – WaSP

por Diego Eis

Formulário HTML Básico em 8 minutos

por Diego Eis

Charsets e Encodes – Tabelas de caracteres

Entenda como funciona a tabela de caracteres e encodes no HTML.

por Diego Eis

Browsers – Guerra Fria

por Diego Eis

IE8 – O sonho não acabou

por Diego Eis

PDF sobre Produtividade

por Elcio Ferreira

Browser Targeting Version

por Diego Eis

Metatags – Breve introdução de uso e teoria

Metatags servem dar informação sobre seu site para sistemas de buscas ou outras aplicações. Metadados são estruturas de informações que descrevem características de uma fonte de informação.

por Diego Eis

Tableless.com.br – The Wonder Years

por Diego Eis

Email bom é TXT

por Elcio Ferreira

Informação e Formatação; As duas camadas de desenvolvimento web

por Diego Eis

CSS Frameworks ou como desaprender CSS

por Diego Eis

Fiat Uno e Peugeot 206

por Diego Eis

O que são Media Types do CSS?

Media Types servem para direcionar um determinado CSS para um determinado tipo de meio de acesso.

por Diego Eis

O que é Tableless?

por Diego Eis

Pesquisar no Google

por Diego Eis

Construindo Sites com Padrões WEB

por Diego Eis