A história e a evolução do Web design (cronologia) - Part.4
2010 - 2019: Era do Web design moderno
A partir dessa altura, assistiu-se ao aparecimento dos designs reactivos. Os designers exploraram novas áreas com designs Web arrojados, únicos e inovadores que tiraram partido das normas e tecnologias Web em desenvolvimento e tornaram possível a integração perfeita de elementos multimédia no design Web.
Primeira metade
Maio de 2010 - O termo “web design reactivo” entra no vocabulário do design e é atribuído ao programador web Ethan Marcotte no seu ensaio de 2010 com o mesmo título. Anteriormente, eram utilizados termos como “elástico”, “líquido” e “flexível”, entre outros, para descrever o conceito.
Imagem: WebDesign Inspiration
Marcotte publicou um livro em 2011 intitulado simplesmente "Responsive Web Design". Este livro explica a nova forma de estilizar documentos HTML que permite a apresentação optimizada do conteúdo do sítio Web de acordo com o tamanho ou a resolução do ecrã. As técnicas de Web design reactivo incluem imagens flexíveis, grelhas fluídas, módulos CSS3 e consultas multimédia.
Outubro de 2010 - A Microsoft lança o Windows Phone 7 com uma interface de utilizador de design plano. O estilo visual recebeu um feedback positivo e os elementos de design plano seriam aplicados à interface gráfica do Windows 8.
O design plano ganhou força entre os web designers depois de 2010 porque era minimalista e moderno, mas ousado e excitante. Antes do design plano, o estilo de design popular era o skeuomorphism, que retratava objectos físicos através de representações realistas e utilizava frequentemente tipografia elaborada, texturas e gráficos complexos.
O design plano eliminou estes elementos incómodos, o que levou a um carregamento mais rápido dos sítios Web e a uma compreensão mais fácil dos conteúdos. Quando o Windows 8 foi lançado em 2012, o design plano cimentou o seu lugar na história do design. Permitiu uma experiência de utilizador atraente, contribuindo para o seu poder de permanência. Ainda hoje, o design plano é aplicado em sítios Web, aplicações, interfaces de utilizador e design gráfico.
Agosto de 2011 - Bootstrap 1 foi lançado como uma ferramenta de código aberto e tornar-se-ia uma das estruturas CSS mais utilizadas pelos web designers. Destinava-se ao desenvolvimento Web de front-end reactivo e com prioridade aos dispositivos móveis e continha modelos de design baseados em HTML, CSS e JS para componentes de interface como botões, formulários e navegação.
Junho de 2012 - Foi fundada a CodePen, uma comunidade online para apresentação e teste de fragmentos de código HTML, CSS e JS. Permitia que designers e programadores de todos os níveis de competências editassem linguagens de front-end através de um editor de código baseado no browser com resultados apresentados em tempo real.
Junho de 2012 - As Media Queries receberam uma recomendação oficial para especificação do W3C. É uma das técnicas básicas aplicadas na concepção de sítios Web reactivos, permitindo a renderização adaptável de páginas Web com base no tamanho ou na resolução do ecrã e noutros factores.
Maio de 2013 - É anunciada a criação da biblioteca JavaScript React. Também designada por ReactJS ou React.js, a biblioteca de código aberto facilita a criação de componentes de IU e interfaces para aplicações Web, incluindo aplicações móveis ou de página única.
Agosto de 2013 - A estrutura CSS Bootstrap 3 é publicada por uma equipa de programadores do GitHub. Esta versão pode aplicar de forma consistente um acesso mobile-first e um layout web reactivo. Além disso, a disposição dos componentes e modelos foi remodelada com um design plano.
Junho de 2014 - O Material Design, um novo estilo gráfico, foi introduzido pela Google, que o descreve como uma linguagem visual que funde os princípios clássicos do bom design com as inovações da ciência e da tecnologia. Desde então, o estilo tem sido utilizado pela Google para redesenhar os seus produtos e serviços.
Outubro de 2014 - A linguagem de marcação HTML 5 recebe uma recomendação final para adopção pelo W3C. Esta versão oferece novas etiquetas semânticas (para definir melhor a estrutura de uma página), a etiqueta que interpreta gráficos vectoriais (com a opção de inserir imagens) e um suporte melhorado de reprodução multimédia para os navegadores.
Parte quatro;
Texto traduzido do inglês do blog WebDesign Inspiration
