Postagens

Mostrando postagens de novembro, 2013

Microformatos

Imagem
Olá pessoal, fim de ano chegando e esse será nosso último post de 2013. Bom, pra fechar o ano com chave de ouro, aprenderemos o conceito de Microformatos , bora lá?! O que é? Já falei aqui anteriormente que a semântica presente em nossos sites deve ser nosso objetivo primordial, já que é o que nos ajuda a rankear em sites de busca, além de aumentar o significado de cada elemento HTML, provendo uma comunicação mais próxima da humana do que a de códigos. E todo esse conceito de semântica é aplicado nos microformatos, já explico o porquê. Microformatos é uma série de especificações que tem como foco principal relacionar a informação ou os dados com os humanos em primeiro lugar e em segundo com as máquinas. É uma nova maneira de se pensar sobre dados. Esta série de especificações constitui um “dicionário” de conteúdo semântico para (X)HTML que tem como base os web standards e é escrito para descrever a informação de forma mais simples possível. Como podem ver na citação acima, o ...

Design Responsivo

Imagem
Olá galerê! Aproveitando que ontem (05/11) foi dia do Designer (Parabéns para mim e para quem trabalha nessa área!!!) e também aproveitando a deixa no post anterior sobre Acessibilidade, hoje falarei sobre Design Responsivo, destacando sua necessidade, características e um breve "tutorial" para tornar um site de design fixo (feito para desktops) em responsivo. So, let's begin! O que é? Há pouco tempo atrás, quando o uso da Internet em dispositivos mobile era pouco ou quase inexistente, era muito comum o desenvolvimento de websites pensando apenas em desktops, com medidas fixas baseadas nas resoluções comuns entre os monitores (800x600 ou 1024x768), porém quando ocorreu o BOOM dos smartphones e consequentemente o aumento de acesso à web proveniente destes, e também o surgimento de uma variedade de resoluções de tela, uma nova forma de layout teve de ser criada. Esta forma é o que chamamos de design responsivo , que não deve ser confundido com design fluído , já explico...