Se alguem te perguntar se o template que aparece no seu blog, quando ele e acessado atraves de um smartphone ou tablet, e "responsivo" ou "mobile", voce saberia responder? Se pra voce esses dois termos representam a mesma coisa, saiba que existe uma bela diferenca entre eles e nao e apenas na escrita! Atendendo ao pedido da leitora Sybylla, dona do blog Momentum Saga, nesse artigo falaremos sobre a diferenca entre um template responsivo e um template mobile.Embora haja diferenca entre os dois, a finalidade e a mesma: fornecer recursos e acesso facilitado aos usuarios que acessam um site/blog atraves de um dispositivo que nao seja o desktop (computador convencional), como, por exemplo, os famosos smartphones e tablets. Contudo a finalidade e a unica coisa que eles possuem em comum, pois as tecnicas utilizadas para cada um sao totalmente diferentes. Confira abaixo uma explicacao detalhada de cada uma.Caracteristicas de um template mobileSe voce possui uma smartphone, voce ja deve ter notado que ao acessar alguns sites atraves dele o endereco aparece com a letra "M" (ou a palavra "mobile") no comeco. Por exemplo, ao acessar o site do Facebook atraves do computador o endereco e: https://www.facebook.com/, e ao acessar a rede social atraves de um dispositivo mobile o endereco passa a ser: https://m.facebook.com/, conforme ilustra a imagem abaixo.Versao mobile e para desktop do site Facebook Clique para ampliarJa a plataforma de microblogs Twitter, quando acessada atraves de um computador possui o endereco: https://twitter.com/, porem, quando acessada atraves de um smartphone ou tablet, passa a ter o seguinte endereco: https://mobile.twitter.com/.Versao mobile e para desktop do site Twitter Clique para ampliarEssa mudanca na URL (endereco) do blog caracteriza um template mobile. Ou seja, o blog possui dois enderecos: o principal e o mobile. Sendo o endereco mobile um subdominio do endereco principal do blog. Sendo assim, os desenvolvedores do blog utilizam arquivos para redirecionar o leitor para o endereco mobile quando e detectado que ele esta utilizando um dispositivo que nao seja o desktop.O fato de haver dois enderecos para o blog (o dominio principal e o subdominio), possibilita que os desenvolvedores criem templates especificos para cada um deles, ou seja, eles criam um template para ser utilizado quando o leitor acessa o site atraves de um computador, e criam um template mais leve e com menos recursos (ou recursos adaptados) para quem acessa o site com um dispositivo mobile uma vez que a Internet nesses aparelhos e bem mais lenta.Caracteristicas de um template responsivoDiferente do template mobile, que e aplicado a um subdominio do site e altera a URL do mesmo, os templates responsivos sao criados para adaptarem o template principal as pequenas telas dos dispositivos mobiles, escondendo sidebars (barras laterais), alterando a posicao de elementos do site e etc. conforme o tamanho da tela aumenta ou diminui. Confira um exemplo de layout responsivo no video abaixo.Note que conforme o espaco para o blog no navegador e reduzido (para simular uma tela pequena de um smartphone) os elementos do blog vao mudando de posicao, elementos desaparecem, os menus mudam de formato e etc.