O leiaute do Manual tem uma nova coluna
Se você está acessando o Manual por uma tela grande — como a de um notebook —, deve ter reparado na novidade: agora o blog tem uma segunda coluna, à direita, com vários links. É um “menu principal”.
A última vez que usei um menu do tipo foi no longínquo ano de 2018. Desde então, adotei a coluna única pela facilidade maior em criar e manter ambas as versões para telas pequenas e grandes.
O novíssimo leiaute nasceu de uma nova tentativa minha de domar a propriedade grid do CSS. Desta vez, deu certo. Além do espaço maior para destacar áreas do blog e links externos, a busca também “subiu”, ficou mais fácil de encontrá-la.
Quando o blog tinha analytics (software de aferição da audiência), saltava à vista a proporção de acessos a partir de dispositivos com telas grandes (notebooks, computadores de mesa e tabletões). Eram cerca de 1/3 do total. Creio que esse percentual não tenha diminuído desde então, o que justifica a atenção dada à versão para telas grandes em um mundo que acessa a internet mais pelo celular.
Em telas pequenas, aliás, pouca coisa mudou. O menu lateral vai para o rodapé da página, com um atalho no topo que te leva direto a ele e outro, lá embaixo, que te traz de volta ao topo.
Se encontrar algum erro, avise-me nos comentários ou por e-mail.
No iPad, em coluna única, a mancha do texto vai até as bordas da tela deixando a leitura e rolagem um tanto desajeitada.
Votos: 0Identifiquei esse erro, se for o que estou pensando. É a barra de rolagem horizontal? Se sim, logo mais subirei uma correção.
Votos: 0Na verdade é a própria largura do site, que antes tinha um recuo nas bordas e agora ele é mínimo, fazendo com que o texto vá até o fim.
Votos: 0Hmm, não entendo, Léo. Pode tirar um print ou uma foto?
Aliás, a correção da barra de rolagem horizontal já está no ar.
Votos: 0Aqui vai https://ibb.co/gLwtLVMk
Votos: 0Tente agora, Léo.
Votos: 0Valeu, Ghedin!
Votos: 0Gosto de sites em duas colunas, como os blogspots dos velhos tempos. Acho funcional. Mas a visualização pelo celular perde, porque o menu no rodapé fica com “acesso mais difícil”. Um menu flutuante poderia ser melhor, mas sei que muda tudo.
Votos: 0Eu curti bastante ;)
Votos: 0Sinceramente? Não gostei! O que me chamou a atenção nesse site sempre foi o minimalismo e sim! Poluiu!
Votos: 0Não sei quando mudou, mas o ícone de compartilhar aqui no celular está com o ícone usado por todos menos a Apple.
Ele se adapta ao sistema ou trocou realmente? Antes era sempre o icone que a Apple usa, não era?
Votos: 0Eu troquei nesta atualização da coluna extra. Antes era o da Apple mesmo.
Votos: 0Gostei desse visual, ao menos no PC está supimpa.
Votos: 0Kkkkkkkkkkkkkkkkkkkkkkk o cara fica o ano todo se coçando pra ajustar o leiaute do site hahahaha, eu gostei da barra lateral
Votos: 0Achei ruim que alguns links, tipo orbita e pc ficaram pra baixo da página, precisando rolar.
Votos: 0Isso foi algo que me incomodou um pouco na versão pra celular.
Acessar o órbita ficou mais difícil.
Votos: 0Vim comentar exatamente isso.
Tenho que rolar até o rodapé pra acessar o Órbita no celular.
Bem ruim isso.
Votos: 0Em breve o Órbita será um site à parte. Considerei isso para empurrá-lo lá para baixo.
De qualquer modo, costumo acessar o Órbita diretamente, sem passar pelo blog do Manual antes. Para participantes assíduos, acho uma boa. Funcionaria para vocês? Bem provável que ao apenas digitar “orb” na barra de endereços, o navegador preencha o restante da URL. (Aqui, funciona.)
Votos: 0Gostei bastante, simples porém eficiente!
Votos: 0achei bem cunt
Votos: 0Ficou 10! aliás, adoraria que a busca no celular também “subisse” 👀
Votos: 0Ficou legal, é um jeito moderno de fazer os layouts de 2009/2010.
E muito obrigado por manter os comentários após a postagem e não na barra lateral (vi que você mudou). :D
Votos: 0Valeu, João!
Os comentários na barra lateral era um bug nos posts do Órbita, hehehe.
Votos: 0Ficou bem bacana, só o rodapé que poderia receber uma atenção especial.
Nas telas grandes, não vejo motivo em ficar tudo empilhado em várias linhas com o espaçamento tão largo, acho que poderia espalhar as coisas, mesmo que fiquem umas duas linhas a gosto do dono. :D
Votos: 0Hmmm, talvez. Do jeito que está, acho que ajuda a dar um “respiro” para indicar o fim da página.
Votos: 0Me deu a impressão de que a largura ficou reduzida por algum problema.
Mas na real, vira uma questão de preferência.
Votos: 0Veja agora, por favor.
Votos: 0Ficou bom, hein.
Votos: 0Eu também acho que o rodapé poderia ser um linha apenas quando estamos em tela grande. Mas, sendo bem sincero, eu acho que eu devo ter lido/visto o rodapé umas 3x na vida.
Votos: 0