Bytes Every Day

Uma lista que pode ser util na hora de criar um layout responsivo para mobile: Dimensões Tela 320x568 4'' iPhone 5 360x640 480x800 720x1280 4.8'' Galaxy S 768x1024 9.7'' iPad 1024x768 15'' monitor 1280x800 14'' Notebook 1360x768 1440x900 19'' monitor 1600x900 20'' monitor 1680x1050 22'' monitor 1920x1200 24'' monitor

A explosão do mobile no mundo e, mais especificamente no Brasil, é algo assustador. O infográfico abaixo mostra como esta tendencia vem  forte e promete continuar. Não tem mais jeito! É obrigatório pensar em mobile em qualquer projeto, seja este novo ou já implantado. Talvez mais do que pensar no usuário ou analisar tendências a urgência em adotar o desenvolvimento para mobile veio com força total após o anúncio da Google em Abril de 2015 de que os sites com suporte para mobile ganhariam destaque nas buscas. Porém, além da decisão de adotá-lo, temos de encarar o fato de que o mundo mobile tem inúmeros desafios mesmo para aqueles que já trabalham com Web para desktop (apesar da Internet na verdade ser única, seja no celular, tablet, notebook ou desktop). AS DIFICULDADES Se você é do tempo em que o padrão era o IE6 sabe como era terrível trabalhar com um navegador que não seguia os padrões w3c, aliás, um navegador que adotava os padrões que queria e dane-se o resto...

'Mobile First Design with HTML5 and CSS3' é um livro da editora 'Packt Publishing' para quem quer um passo a passo a partir do zero na criação de seu primeiro projeto de website responsivo (RWD). Para tal missão o autor utiliza o framework '320 and Up' como base. O conceito por trás do Mobile First ou 'Mobile Antes' é pensar em seu projeto levando em consideração inicialmente a experiência do usuário em um smartphone. A experiência em desktops ou telas grandes será sempre uma adaptação do primeiro caso. Esta lógica inverte a anterior, quando o Mobile era considerado uma novidade e estava engatinhando. Esta linha de pensamento para desenvolvimento deve ser seguida não em todos os casos mas naqueles em que você sabe antecipadamente que a maior parte dos usuários acessarão via smartphone. Outro motivo que pode levar um projeto a seguir o 'Mobile First' é a tendência de que no futuro os acessos via smartphones serão a esmagadora maioria, f...

Atualmente, para os desenvolvedores que trabalham como Web, é inevitável estar a par do mundo Mobile e até mesmo ter que desenvolver para ele. Apesar de alguns autores afirmarem que 'só existe uma Web' e que não devemos separar o que é Mobile do que não o é, a realidade é outra. Mesmo para profissionais experientes que trabalham com Web há anos adaptar-se ao mundo Mobile é bem complicado pois exige, além de conhecimentos específicos, ter que lidar com centenas de diferentes tipos de aparelhos, formatos e configurações, além de sérias limitações de banda e capacidade. Neste contexto é difícil encontrar material que mostre de 'cabo a rabo' como implementar sites e aplicações para Mobile. Assim o livro 'Build Mobile' da Sitepoint é um achado pois, assim como o livro ' PHP Master ', da mesma editora, sua leitura é agradável além de trazer um passo a passo para desenvolver ou adaptar sites e aplicações. Além disso ele traz dicas para enfrentar os p...

Geolocalização está no topo das tecnologias atuais pois junto com os dispositivos móveis vieram também inúmeras oportunidades de aplicativos que utilizam a localização do usuário para uma infinidade de coisas, de dizer se um amigo está por perto a indicar restaurantes ou serviços próximos a onde o usuário está. Sendo assim é imprescindível aprendermos a trabalhar com geolocalização. A Geolocalização é fundamentalmente um serviço fornecido pelo "Front End" ou falando de modo mais geral do lado cliente, pois é o browser ou o aparelho móvel quem disponibiliza esta informação. Apesar disto existem  coisas relacionadas com Geolocalização que sim podem (e devem) ser feitas do lado servidor (Server Side). Se você está criando alguma aplicação relacionada a encontrar locais próximos, por exemplo, caso não esteja usando um web service de terceiros, no mínimo um banco de dados com as coordenadas geográficas de vários locais você provavelmente deverá possuir. Vamos supor que...

Se antigamente nosso problema era saber se a meia duzia de browsers rodaria direito nosso javascript ou não (o que o JQuery resolveu para nós) hoje temos uma fauna gigantesca de dispositivos e browsers, fruto da expansão do mobile. Nosso desafio é conseguir detectar que dispositivo está acessando o site ou aplicação e redirecionar o usuário para uma página ou URL que possua as configurações e layout corretos para o mesmo. Existem algumas linhas de pensamento que acreditam que o que deve se adaptar automaticamente às dimensões do dispositivo é o css, sem muita ou nenhuma interferência de detecção (design responsivo) como a que proponho aqui, porém eu prefiro utilizar a abordagem da detecção e de versões diferentes do site para dispositivos mobile e web convencional, pois acredito que o problema não é somente o layout mas também o peso da navegação, o tipo de conteúdo direcionado e etc. Há um bom tempo que venho pesquisando um meio bacana de fazer isto, que fosse confiável e que n...