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