DesenvolvimentoSite mobile com layout responsivo – Twitter Bootstrap

Site mobile com layout responsivo – Twitter Bootstrap

-

Tá na rua, precisando de uma informação sobre uma empresa, pega seu smartphone, da uma googlada no nome da empresa, acha o site, clica para abri-lo e….

….E O SITE DA EMPRESA NÃO ESTA PREPARADO PARA RESPONDER BEM AO UNIVERSO MOBILE.

Acredite… Isso é uma realidade. Empresas ainda não se ligaram 100% que a internet não está mais só nos monitores dos notebooks e computadores. A internet agora é multi-interface…

Site Mobile com Layout Responsivo: iPhone, Adroid, iPad, Galaxy Tab, Monitor de Led, Monitor LCD, Televisão…. Seu site, sua interface agora vive em um mundo pouco uniformizado e, claro, o mercado precisa se adequar para tal.

Esse post é um pouco para designers, developers de front end mas, também para o empreendedor acordar para o fato de que empresas precisam ser acessíveis no mundo mobile! :)

Ponto Principal: Você já abriu o site de sua empresa no celular? Já olhou no Analytics quantos acessos você tem oriundos do universo mobile?

A seguir, alguns resources para entender melhor esse mundo.

Empreendedor, essas ferramentas você não precisa conhecer a fundo…. Mas se você perguntar para a empresa que desenvolveu ou está desenvolvendo seu site e eles não souberem, fique com uma pulga atrás da orelha! :)

Basicamente, não precisamos mais pensar em fazer vários sites, um pra cada interface… A tecnologia evoluiu de forma que possamos pensar a interface de forma ampla e abstrata para que ela possa se construir automaticamente no dispositivo que estiver utilizado. (O blog aqui é um exemplo… Se estiver no computador, redimensione a tela no navegador e veja o que acontece com a interface!

A ferramenta que utilizo e conheco é o Bootstrap. As ferramentas listadas abaixo (tirando o Twitter Bootstrap e o Less) eu pesquisei exclusivamente para esse post! Se tiver passado algo, manda msg! ;)

Less Framework

http://lessframework.com/

Less Framework é um grid CSS para design de sites que se adaptam automaticamente a interface. Vem com 4 layouts e 3 sets de tipografia r baseados em um single grid.

 Skeleton

http://www.getskeleton.com/

Skeleton é uma pequena collection de arquivos CSS files para acelerar e ajudar o processo de desenvolvimento de sites bonitões em qualquer interface: Do laptop de 17″ ou pelo iPhone.

Foundation

http://foundation.zurb.com/

Twitter Bootstrap

http://twitter.github.com/bootstrap/

Esse é o CARA desde seu lançamento!

Nem vou me aprofundar no cidadão… Vá ao site do projeto (ou no GitHub) e tire suas conclusões.

Renzo Colnago
Renzo Colnago é Administrador de Empresas, Gerente de Projetos e Desenvolvedor de Produtos.Possui experiência em diferentes áreas da tecnologia e da internet: Telecom, webapps, aplicativos de mídia social e de comércio eletrônico.Particularmente interessado em desenvolvimento de negócios digitais.Site: blog.renzocolnago.com

Latest news

4 bons conceitos para apoiar a sua identidade de marca

No mercado, existem marcas que, ao falar seus nomes, rapidamente associamos com determinadas palavras que são boas para quem...

Estratégia de comunicação B2B para redes sociais: dos posts para as vendas!

Adaptar seu conteúdo permite experimentar diferentes maneiras de mostrar sua empresa de TI, os benefícios dos seus serviços e não ser tão repetitivo com algumas táticas.

IA para MSPs: como a inteligência artificial está transformando o mercado de serviços gerenciados

A Inteligência Artificial (IA) está desempenhando um papel crucial na transformação dos Prestadores de Serviços Gerenciados (MSPs). Mais do...

O que é integração de sistemas de RH e como ela facilita o trabalho?

A integração de sistemas de RH traz muitos benefícios, principalmente em termos de otimização do tempo e de recursos. Sem ela, diferentes plataformas podem gerar dados desconexos e difíceis de consolidar, o que pode levar a erros e à sobrecarga de trabalho manual.
Publicidade

Cibersegurança como pilar da resiliência empresarial: a abordagem estratégica dos MSPs

Na última década, a segurança cibernética deixou de ser um tema restrito às áreas de TI para se tornar...

ADDEE traz HaloPSA ao Brasil, apostando na eficiência para MSPs

Plataforma de atendimento e automação promete otimizar a gestão de serviços com funcionalidades integradas para todo o ciclo de vida...

Must read

4 bons conceitos para apoiar a sua identidade de marca

No mercado, existem marcas que, ao falar seus nomes,...

Estratégia de comunicação B2B para redes sociais: dos posts para as vendas!

Adaptar seu conteúdo permite experimentar diferentes maneiras de mostrar sua empresa de TI, os benefícios dos seus serviços e não ser tão repetitivo com algumas táticas.
- Advertisement -

You might also likeRELATED
Recommended to you