BT

Experimente a nova interface visual do InfoQ! Veja o novo design do InfoQ 3.0 e nos diga o que você achou.

InfoQ 3.0: versão beta com novo design

| por Charles Humble Seguir 1007 Seguidores , traduzido por Samir Salim Júnior Seguir 0 Seguidores em 28 nov 2018. Tempo estimado de leitura: 2 minutos |

Fizemos muitas mudanças no site do InfoQ para desktops, a terceira maior mudança desde que começamos em 2006. O vídeo acima dá uma breve noção do redesign e das funções de back-end repensadas. Você pode mudar para o novo design agora para experimentá-lo: essa mudança só coloca um cookie na sua máquina para nos indicar para onde lhe direcionar. Tenha em mente que ainda estamos em beta e que ainda estamos realizando mudanças de acordo com seu feedback. Em algumas situações ainda será necessário derrubar o site novo por alguns breves períodos.

O novo design é baseado em componentes e representa uma linguagem comum para InfoQ e QCon. Sendo assim, nós próximos meses você verá mais convergência no visual e no uso do InfoQ e dos diversos sites do QCon, assim como em outros serviços e produtos, como as newsletters. A intenção é que ao usar padrões de design consistentes nós ajudamos a construir familiaridade e compreensão.

Como parte desse trabalho nós simplificamos nossa tipografia, cores e iconografia usando Robot e Fira Sans como nossas duas fontes principais. Trabalhamos duro para manter o novo design o mais leve possível: o CSS comum tem em torno de 290KB, o código JavaScript comum em torno de 35KB e as páginas típicas tem 45-55KB cada. O site tem um tempo de carregamento cerca de 25% menor do que o anterior.

O design foi pensado para ser completamente inclusivo e conforme os guias para conteúdos na web com acessibilidade(WCAG). Para prototipagem o time de Design usou o Sketch e o InVision como stack de design. No ponto de vista do stack tecnológico, usamos Vue.js com Nuxt.js e Pug.js para templates, scripts com Stylus / PostCSS para processamento de CSS, e Webpack para pacotes. O novo CSS segue SMACCS e BEM: uma arquitetura escalável e modular para CSS com modificadores de elementos de bloco. Por trás de tudo, também reformamos o backend do InfoQ, mudando de um sistema obsoleto, baseado em JCR para um sistema construído para nossas necessidades, com um repositório de microservices rodando na AWS.

Esse update é só o começo. O novo design é responsivo, e logo será levado a dispositivos móveis. Também continuaremos a trabalhar em melhorias na descoberta de conteúdo e melhorias significativas em nosso player de vídeo nos próximos meses.

Quando você mudar para o novo design, será possível ver o widget de feedback para nos enviar comentários. Além disso, sinta-se à vontade para enviar comentários mais longos abaixo ou nos envie e-mail em feedback@infoq.com

Avalie esse artigo

Relevância
Estilo/Redação

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

Dê sua opinião

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão
Comentários da comunidade

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

Dê sua opinião
BT