|
Share this
Twitter
Mister Wong
Digg
Yahoo
Technorati
Newsvine
Googlize this
Blinklist
Facebook
Hear this text
Export PDF
Print
E-mail
Tags
Com mais dispositivos habilitados para acessar a internet sendo produzidos aos montes. As pessoas estão vendo a internet com ferramentas diferentes. Telefones inteligentes, tablets, dispositivos de jogos portáteis, unidades de entretenimento de carros e até mesmo de eletrodomésticos, como geladeiras, permitem o usuária ficar o dia todo conectado.
No entanto esses dispositivos não oferecem uma experiencia de visualização ideal, considerando que a maioria dos sites forma projetados para serem visualizados em computadores e notebooks. Ter que dar zoom e ficar estrábico toda vez que quiser ler alguma coisa é chato e cansativo. Por um tempo a detecção de dispositivos moveis resolveu este problema, mas com mais e mais dispositivos saindo a cada dia das fábricas, torna-se difícil manter o controle das diversas resoluções de tela existentes.
Atualmente, a solução mais eficiente para resolver o problema de dispositivos múltiplos é o Projeto Responsive. Se você não conhece o Projeto Responsive esta perdendo uma das últimas tendencias de designin web. Em vez de depender de extensões para fazer a detecção da resolução dos dispositivos, os indivíduos trabalham com resoluções de navegador puramente pontuais para exibir diferentes layouts correspondentes.
Projeto Responsive
Sensíveis mudanças se adapta ao usuário. Se ele estiver num computador, tablet ou área de trabalho móvel sendo capaz de adaptar e mudar os projetos para diferentes resoluções e saber como eles estão sendo vistos pode melhorar a experiencia geral do usuário.
É importante notar que isso é diferente da forma que plugins templates e extensões trabalham no Joomla. O método tradicional ou mais comum de gerar um site para celular é detectar qual dispositivo o usuário esta usando com um determinado template ou extensão e exibir o template ou layout de acordo.
Projeto ágil, por outro lado, usa consultas de mídia CSS e múltiplas folhas de estilo em cascata para tornar o layout do site de uma forma diferente. Mais interessante, você pode ter telas e layouts diferentes, dependendo da orientação de um dispisitivo, tal como um comprimido de comutação de modo retrato para paisagem.
Este método ágil de projeto se destina a fornecer ao usuário a melhor experiencia em termos de exibição de conteúdo visual para eles no dispositivos ou plataforma que eles estão usando.
Tornando-se Responsive
Criar um site com design responsive para seu site Joomla não é um processo simpples. Exige bom conhecimento de HTML e execelente conhecimento de CSS. Um método de criação de templates responsive é a utilização de consultas des meios de comunicação.
navegador detectou que a resolução do navegador e pode carregar as folhas de estilo diferentes em conformidade. Este método também pode ser aplicado a orientações de tela entre paisagens e esquema de retrato.
Outro método de aplicação de templates responsive e a utilização de esquemas de CSS fluido em oposição a esquemas de largura fixa. Definir larguras de seu site a 100%, bem como a criação de imagens para redimensionar é um vom ponto de partida na criação de um modelo de site que pode trabalhar em várias resoluções de tela diferentes.
img { max-width: 100%; } or img { width: 100%; } for IE
Estas técnicas não funcionam em todos os navegadores e deve ser testado, mas a maioria dos navegadores modernos e dispositivos móveis para acomodar esses métodos, que é o vocês está tentando atingir.
Sem entrar no âmago da questão da codificação de template, mais recursos na implementação de projeto ágil pode ser encontrado online.
Será que seu site Joomla tira proveito disso?
Se o seu site pode tirar proveito do design responsive ou não é puramente dependente de público.
Se você do Twitter ou outros móveis orientados para plataformas de redes sociais, em seguida, obter o seu site através de um projeto de móbile/ respostas agradável pode ser bastante benéfico.
Futuro do Design Responsive para Joomla
Como mais e mais empresas e organizações querem e exibem, design ágil para seus sites, vamos começar a ver mais empresas produtoras de templates para Joomla que estão abrangendo o projeto ágil.
vendo algumas características de design responsive no núcleo de versões futuras de Joomla ou, pleo menos, distribuido com os modelos de administração pode abrir um novo leque de possibilidades para gerenciamento de seu site Joomla.
Há já alguns modelos lá fora, que servem para gerenciar Joomla em dispositivos móveis, mas imagina ser capaz de carregar rapidamente e adaptar para telas e plataformas diferentes ao mesmo tempo usando apenas um modelo, e não necessitando de diferentes templates para as diferentes situações.
Outra área onde o design extremamente sensível pode ajudar os usuários é na área de acessibilidade na web. Usuários que necessitam de grande amplificação dos locais por causa de uma deficiência visual pode achar que é mais difícil navegar por um site que não se adapta ao seu ponto de vista. Interfaces de usuário sensíveis podem melhorar a usabilidade.
Abraçando o projeto responsive para melhorar a acessibilidade web é uma vitória para todos. Mudanças sutis de layout em diferentes resoluções de tela pode melhorar a usabilidade e o mais importante passar a sua mensagem online correta para os usuários pretendidos.
Se você estiver interessado na experiência móvel e usabilidade para Joomla, visite http://ux.joomla.org para participar e contribuir com as conversas. O resultado final é uma experiência de usuário muito melhor em Joomla e para todos.
Esta matéria foi livremente traduzida.
Link original > Projeto Responsive