Livro Mobile First Design with HTML5 and CSS3




'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, fazendo com que o projeto já nasça adaptado, o que pode evitar problemas futuros.

A base do livro é CSS e Media Queries. A semântica e marcação HTML são apenas acessórios para atingir as metas do autor que foca principalmente no visual e não na otimização para buscadores ou utilização de ferramentas modernas do HTML5.

Os capítulos do livro na verdade são etapas de um mini projeto


  • Mobile First – How and Why?
  • Building the Home Page
  • Building the Gallery Page
  • Building the Contact Form 
  • Building the About Me Page


Além deles existem dois apêndices: 'Anatomy of HTML5 Boilerplate' que é interessante para começar a usar o framework '320 and Up' e 'Using CSS Preprocessors' que achei um pouco inútil pois basicamente o autor fala onde encontrar ferramentas para utilizar os pré-processadores CSS como SASS e LESS mas não dá qualquer dica de utilização. No decorrer dos capítulos regulares ele utiliza o SASS e o CSS puro como base de trabalho e por ali é possível ter uma ideia rasa sobre os tais pré-processadores.

Uma leitura bem interessante mas que para usuários mais experientes no universo mobile talvez não traga grandes novidades.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Calculando distâncias com Geolocalização pelo MySQL

Imagem
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...
Leia mais

PHP - Utilizando proxy e CURL para acessar servidores ou sites

Imagem
Proxies são extremamente úteis, principalmente para usuários avançados, e se você não sabe exatamente o que são recomendo a leitura deste artigo da Wikipedia . Resumidamente um proxy é uma máquina que fica entre você e a Internet. Acessar a Web por um proxy fará com que os servidores que você acessa enxerguem não o seu endereço mas o endereço desta máquina intermediária. Você pode precisar utilizar um proxy caso a rede da sua empresa não permita acessar um Facebook, Twitter ou outro site qualquer, caso seu IP tenha sido bloqueado por algum administrador de site, queira testar o acesso de diferentes usuários em seu site e outros usos menos ortodoxos. Por suas características peculiares proxies devem ser usados com cuidado, principalmente se você pensa em acessar serviços utilizando alguma senha. Hoje vamos criar uma classe que utilizará um proxy para acessar qualquer URL com a ajuda do CURL do PHP. Vamos considerar que o proxy que você utiliza é aberto, ou seja, não necess...
Leia mais

MySQL - TRUNCATE em tabelas com CONSTRAINT de chave estrangeira

Na fase de desenvolvimento e testes é muito comum alterar as propriedades de suas tabelas e preenche-las com informações.  Porém chega um momento que queremos resetar tudo para colocar nosso banco em produção e para isso é sempre bom dar um TRUNCATE nas tabelas, a fim de zera-las, tanto na questão dos dados quanto dos incrementadores (AUTO_INCREMENT).  Dependendo de como seu banco foi modelado podemos ver frustradas estas tentativas. No caso de tabelas com CONSTRAINTS nas chaves estrangeiras simplesmente o MySQL não vai obedecer ao seu comando TRUNCATE. Então o que fazer? Uma solução simples é setar a checagem das CONSTRAINTS para false, truncar a tabela e depois voltar a checagem.  O procedimento para isto é bem simeples: Execute uma query com o comando: "mysql> SET FOREIGN_KEY_CHECKS = 0;"  Execute TRUNCATE em suas tabelas  Execute uma query com o comando: "mysql> SET FOREIGN_KEY_CHECKS = 1;" Desta forma você consegue zerar suas tabelas...
Leia mais