Há algum tempo queremos resolver muitos dos problemas pendentes com um dos nossos produtos amplamente utilizados, porém subdesenvolvidos: Infoboxes portáteis. Com a ajuda dos voluntários da Vanguarda, muitas das nossas comunidades ao longo dos anos adotaram esses modelos adaptáveis para colocar suas melhores faces em todas as plataformas. Isso ficou aparente especialmente com a ascensão de dispositivos móveis, em que fizemos alterações recentes para melhorar a aparência das infoboxes para uma experiência de usuário limpa.
Por mais úteis que essas infoboxes sejam para apresentação em dispositivos móveis, havia muito espaço para melhorias para ajudar as comunidades a exibir seus dados e conteúdo da maneira que desejavam. Assim, além de correções e um novo visual na web móvel e no aplicativo Fandom, adicionamos opções úteis de personalização e formas mais inovadoras de adicionar profundidade às informações sem perder a simplicidade que torna as Infoboxes Portáteis mais fáceis de codificar para todos os usuários .
Demoramos muito para chegar a esse ponto. As Infoboxes portáteis foram introduzidas anos atrás, nós não as desenvolvemos por um longo tempo e isso levou a algumas conversas difíceis na comunidade, onde poderíamos ter feito melhor em atender as necessidades de cada wiki. Parte disso foi um debate filosófico que estávamos tendo internamente: se vamos separar o conteúdo (o que os usuários vêem) da apresentação (como você cria a infobox), quanto de personalização deve haver versus padronização? As opções de personalização significam que uma infobox não é mais simples? Mas, depois de um ano de mudanças no Fandom, finalmente sabíamos que era hora de adicionar essas opções para que as Infoboxes Portáteis fossem mais poderosas para atender às necessidades individuais das comunidades.
Então, O que mudou?[]
Primeiro, queríamos abordar o óbvio: as infoboxes são principalmente informações. Cada elemento de uma infobox destina-se a fornecer dados (seja texto ou imagens) ou navegação (geralmente links). As comunidades têm todos os tipos de dados e elas os estilizam ou formatam itens individuais de maneiras únicas. A equipe do Fandom e os voluntários do Vanguarda que trabalham em estreita colaboração conosco para alcançar as comunidades continuaram encontrando alguns dos mesmos problemas que não aconteceram com o wikitexto simples. Estes envolviam principalmente leiautes e estilos que eram facilmente feitos em tabelas wikitexto, mas difíceis para elementos regulados como aqueles usados na Infoboxes Portáteis. Isso resultou códigos CSS muito complexos que eram difíceis de entender e que limitava a capacidade de mudança ou adaptação da comunidade; muitos hacks envolveram soluções de código muito feias.
Tratamos disso adicionando métodos para acessar e estilizar quase qualquer parte individual de uma infobox por meio do JavaScript e CSS. Também adicionamos uma nova maneira de identificar as infoboxes não por como elas devem ser exibidas com temas, mas pelo que elas descrevem logicamente. Por exemplo, uma infobox para um monstro Pokémon deve ser exibida com um layout específico em mente, independentemente de ser do tipo Fire ou Water (temas que devem recolorir a infobox, mas não alterar o layout). Anteriormente, os temas eram a única maneira de fazer isso. Acreditamos que isso permitirá um CSS mais poderoso e flexível, além de fazer mais com menos códigos.
Em seguida, vimos muitas maneiras criativas de que as infoboxes estavam sendo usadas de formas imprevistas. Algumas comunidades adicionavam várias infoboxes a artigos individuais e as empilhavam, alinhavam-se umas nas outras ou alternavam entre elas com soluções personalizadas sofisticadas que não funcionavam bem em dispositivos móveis. Em última análise, muitos desses monitores inteligentes não funcionam bem em todos os dispositivos. Então, novamente, fizemos anotações sobre o que as comunidades estavam construindo e construímos funções nativas nas Infoboxes Portáteis com base no feedback da comunidade. O novo recurso de "painéis" permitirá mais camadas de elementos de infobox que podem ser alternados dinamicamente. Por padrão, essas seções de um painel funcionam de maneira muito parecida com as nossas populares "tabbers", funcionando de maneira responsiva em dispositivos móveis e de mesa.
Adicionamos os novos recursos à nossa documentação e eles estão prontos para uso em suas comunidades hoje. Nós não pretendemos que este seja o fim da jornada para as Infoboxes Portáteis e temos mais coisas interessantes em mente. Como as Infoboxes Portáteis podem atender melhor às necessidades de sua comunidade? Diga-nos no Especial:Contact e veremos se é algo que podemos incorporar em futuras atualizações. Essa também não é a última vez que você ouvirá sobre as aguardadas atualizações de desenvolvimento a curto prazo de nós, portanto continue seguindo o blog da equipe para saber o que está por vir.
Então clique aqui para seguir este blog
Você quer acesso em tempo real com seus colegas editores e membros da equipe?
Junte-se ao nosso Servidor Oficial do Discord para usuários registrados!