Visite e ajude a testar o futuro novo layout do BR-Linux

Estou planejando algumas mudanças debaixo do capô do BR-Linux, que deixará de ser baseado na dupla WordPress + MySQL, e aproveitei para dar uma reestudada no layout.

O novo layout é responsivo (ao visitá-lo, reduza a largura do seu navegador para ver como ele se adapta a larguras de tablets e de smartphones), tem bem menos distrações ao redor do texto, e usa fontes maiores e escolhidas com mais capricho.

O trabalho está em andamento, mas pretendo migrar oficialmente todos os meus sites, começando pelo caçula BR-Mac, que não tem nem 800 posts ainda, já nos próximos dias.

Não tenho como testar em todos os navegadores (atualizados) e plataformas, portanto conto com os interessados para visitar e comentar (aqui neste post, preferencialmente) sobre eventuais problemas, sugestões, críticas, etc.

O novo layout exibindo o conteúdo do BR-Mac é assim:

Naturalmente a versão para o BR-Linux terá algumas diferenças visuais. Mas você pode visitar a versão atual em trilux.org/temp (está em testes, pode estar lento, errado ou mesmo fora do ar no momento em que você chegar). Não há problema em comentar lá, mas é possível que eu não leia, e a área de comentários que está lá não é a que vai ser ativada quando o site for migrado. Portanto, se o comentário for a respeito do próprio site, prefiro que seja feito aqui ツ

Para quem gosta de saber o que ocorre por baixo do capô, eu estou substituindo o WordPress + MySQL pelo Axe, o CMS estático que estou desenvolvendo há algumas semanas. Os detalhes estão publicados lá no site de testes, neste post.

Obrigado pela atenção e pelos seus testes!

Comentar

comments powered by Disqus

Comentários arquivados

Comentário de Allan Taborda dos Santos em 10/05/2013 às 14:23:13

Vai continuar tendo uma página com campos de texto para se enviar notícias?

Comentário de HGil em 10/05/2013 às 14:25:55

Eu acho que um trabalho legal na tipografia dá um diferencial bem legal. Um cara que anda fazendo uns trabalho bem legal no blog (na minha opinião é claro) é o Rodrigo Guedin (http://www.rodrigoghedin.com.br/blog/design-responsivo-dieta-bytes) de repente trocando uma ideia com ele o BrLinux fica ainda melhor.

Comentário de Motafoca em 10/05/2013 às 14:34:43

Gostei

Comentário de Caio César em 10/05/2013 às 14:40:35

Achei as fontes um pouco grandes demais.

Comentário de Léo Haddad em 10/05/2013 às 14:42:45

Concordo com o @Caio, as fontes estão grandes a nivel de prejudicar a leitura.

Comentário de Sérgio Luiz Araújo Silva em 10/05/2013 às 15:16:39

Achei clean, e consequentemente agradará os geeks de plantão!

Comentário de Tércio Martins em 10/05/2013 às 15:45:04

O Axe me lembrou bastante o Jekyll e o seu mod turbinado, o Octopress -- ambos em Ruby. Se o Axe tiver a simplicidade desses sistemas e perpeturar o império do PHP, já fico contente! Quanto aos comentários em páginas estáticas, leia esta discussão do Google Groups sobre alternativas ao Disqus e ao IntenseDebate (especialmente o penúltimo comentário). Por último, deixo a sugestão de colocar o sistema de compartilhamento em redes sociais com dois cliques, criado pelo Heise Online. No mais, desejo que tenha sucesso em seu trabalho!

Comentário de Marcos em 10/05/2013 às 16:03:44

Só peço, por favor, que não obrigue a se cadastrar em nenhuma rede social pra poder comentar no site.

Comentário de Augusto Campos em 10/05/2013 às 16:17:18

Obrigado!

Comentário de Macgyver em 10/05/2013 às 16:55:50

Ficou Show visual limpo, vi espaço acima quando entramos numa noticia, meu chrome bloqueia as propagandas, então uma sugestão é evitar colocar patrocinador acima da noticia ou no meio, sei que patrocinio e anunciantes são ganha pão, mas não devem figurar como principal atração e sim coadjuvantes no layout ficando visiveis mas ao mesmo tempo invisiveis , segredo é aplicar no layout local onde não atrapalha navegação e gere curiosidade ao leitor um click em link patrocinado. Sinceramente no explorer a propaganda me assustou estando em cima como se fosse titulo. sugestão tire isso ou coloque abaixo da barra do google, lá não atrapalha e pode atrair olhares. onde está com certeza quem usa chrome bloqueia.

Comentário de Patola em 10/05/2013 às 16:56:47

Seria importante um sistema de comentários que permitisse procurar o histórico, talvez até tê-lo disponível no Google. Já me vi muitas vezes buscando comentários pertinentes de posts antigos do br-linux.

Comentário de Zendrael em 10/05/2013 às 18:07:02

Augusto, Achei bem interessante, fiz uns testes e creio que ficarão, ambos os blogs, bem bacanas. Só peço, como o amigo @Marcos acima, que não nos obrigue a comentar através de algum plugin de alguma rede social, alguns de nós não somos adeptos a isso e gostamos de participar das discussões por aqui e no br-mac. E ficou uma dúvida: as páginas que trazem os posts (index.html e index-X.html) são todas regeradas a cada novo post? Sucesso (ainda mais)!

Comentário de Stauffen em 10/05/2013 às 18:12:31

Desejo sucesso.

Comentário de Stauffen em 10/05/2013 às 18:13:31

Este foi o site que mais visitei na minha vida. Viva o BrLinux.

Comentário de Woz em 10/05/2013 às 18:45:17

Muito bom! Parabéns, Augusto. Aliás, por favor, use no br-mac também. O tema atual de lá é tão ruim que só acesso os posts diretamente, via barra lateral aqui do br-linux.

Comentário de DevA em 10/05/2013 às 18:51:22

Passo sempre, porém comento pouco por aqui, mas concordo com o pessoal acima.. esse esquema de ter que logar com rede social para comentar.. não curti, o resto está daora !

Comentário de Frank em 10/05/2013 às 19:24:13

Às vezes a roda precisa ser reinventada. Não fosse isso, não teríamos migrado de rodas feitas de pedra para as de madeira e para as de borracha nos diversos veículos utilizados pela humanidade. Isso é necessário toda vez que nos damos conta de que a roda que estamos utilizando não satisfaz nossas necessidades. Parabéns pela iniciativa e sucesso ao Axe!

Comentário de Clenivaldo em 10/05/2013 às 19:32:40

Ficará ótimo, mas como foi comentado, um sistema de comentários bem melhorado com histórico, seria interessante, mas sem logar em rede social, é muito chato!!!

Comentário de Augusto Campos em 10/05/2013 às 20:56:57

Povo, não tenho a menor intenção de obrigar os leitores a fazer login no Facebook, Twitter ou Google+ para poder comentar. Como diz o artigo acima, descrevendo o site de teste, "a área de comentários que está lá não é a que vai ser ativada quando o site for migrado". Fico feliz em saber que o layout funcionou bem para a maioria de vocês, e durante o final de semana espero receber mais feedbacks - hoje durante a tarde consertei 3 ou 4 bugs que eu não havia notado, mas leitores daqui, do Efetividade e do BR-Mac me ajudaram a encontrar. Obrigado, e tenham certeza de que eu li todos os comentários, e continuarei lendo os próximos.

Comentário de Zendrael em 10/05/2013 às 21:33:49

Augusto, talvez seja um problema no Layout e não no gerador, mas em um determinado tamanho de tela (tamanho de celular), os itens laterais não aparecem no "select" (posicionado no topo). Talvez já tenha corrigido mas achei que vale a pena mencionar!

Comentário de bebeto_maya em 10/05/2013 às 21:36:08

Ok...Minha humilde contribuição de designer...As fontes ficaram um pouco grandes, mas eu gostei da tipologia compacta (Abel e Oswald, pelo código?). O espaçamento horizontal está bom. O problema é a identidade visual: Você tem um logotipo rebaixado ao conteúdo (o banner publicitário está acima) e desalinhado, fugindo da mancha de texto, essa percepção fica ruim para o usuário (Alexandre Wollner, 2007). Você precisa ver a questão dos elementos e seus alinhamentos e tamanhos, uma dica é utilizar grids, que são linhas guias, a grosso modo (“Well designed grid systems can make your designs not only more beautiful and legible, but more usable.” Mark Boulton). Um bom livro para desenvolvedores é "Designer para quem não é designer" e o excelente "Use a cabeça! Web design" de Ethan Watrall. Mas eu entendo que seu público-alvo tenha necessidades especificas e você também necessita de destaque para os anúncios.

Comentário de Augusto Campos em 10/05/2013 às 21:58:25

Obrigado! Sobre o logo, o que está lá é só um placeholder, eu estou deixando os gráficos para o final da brincadeira ツ

Comentário de Gustavo em 10/05/2013 às 22:04:35

Caro Augusto. As fontes estão ~muito~ grandes mesmo, inclusive dentro dos artigos. Outra coisa que me desagrada é a coluna fixa à esquerda, com opções de uso raríssimo. Seria bem melhor se estas opções sumissem com o scroll da página.

Comentário de Gustavo em 10/05/2013 às 22:21:33

Outra sugestão é usar os parágrafos com alinhamento "justificado" ao invés de "alinhado à esquerda". Peço também que, por favor, teste o novo site dentro do Opera Mini e do Opera Mobile no formato "one column display".

Comentário de gdisk em 10/05/2013 às 22:41:21

Acostumado com o atual, estranhando, de qualquer forma sucesso. Já que reduziu a quantidade de linhas por noticia na página principal poderia colocar uma quantidade maior talvez, veja com os usuários. Lá até onde vi não é possível postar sem estar escrito em qualquer serviço.

Comentário de gdisk em 10/05/2013 às 22:42:10

quantidade maior = quantidade maior de noticias em exibição na primeira página

Comentário de Anonymous em 10/05/2013 às 22:42:30

>usando katakana como emoticon (-4) >tudo muito grande (-2) >ter que entrar nos artigos para ler tudo (-4) >ironia do anúncio dos livros em campanha sem DRM da O'Reilly em algo de notícias da Apple (+3) 3/10, te vejo depois da aula. Eu acho que um CSS aqui para deixar o fundo escuro para aliviar a vista seria muito mais bem-vindo. No entanto, o Axe funcionou bem, e ao menos na pequena escala de testes, está rápido. A fonte escolhida é boa, mas realmente muito grande. Boa sorte e "happy hacking".

Comentário de Paulo em 11/05/2013 às 02:58:36

Ficou bem clean, mas, as letras apesar de boas estão grandes mesmo, agora é esperar o layout para ver como o conjunto vai ficar.

Comentário de Paulo em 11/05/2013 às 02:59:40

ah, ainda bem que você não vai pedir pra autenticar em nunhuma rede, não tenho nenhuma e muitas vezes deixo de comentar por conta disso, assim como muita gente deve fazer também.

Comentário de Igor Isaias Banlian em 11/05/2013 às 06:47:14

Que atitude insensata, trocar o incrível, maravilhoso, inigualável, melhor CMS do mundo, o WordPress, por qualquer outra coisa, que com certeza será pior que ele! Não entendi o motivo de não ter simplesmente desenvolvido todo aquele layout para o próprio WordPress, principalmente com os novos padrões modulares para temas, que tornam possível fazer absolutamente qualquer tipo de layout! Quanto ao sistema de comentários, o WordPress também tem excelentes plugins para integração com o Facebook, Twitter, ou o que for, ficando exatamente como você desejar! Já sobre ser simples e poder editar via terminal, oras, o WordPress é tão simples quanto você quiser que ele seja, e temos recursos, através de modificações e plugins, que permitem sim você editar os posts via terminal, que nem está fazendo nesse "Axe" aí... É com profundo pesar que lamento a troca do WordPress por qualquer outra coisa em seus projetos, Augusto Campos, principalmente pelo fato do WordPress ainda ser muito mal utilizado por aqui, podendo simplesmente melhorar muito com a adição de plugins e com certas modificações, ao invés de ser trocado (comparo isso a você trocar de smartphone sem aprender mais do que 10% de suas funções)! Ah, e muito cuidado na escolha da licença de liberação do "Axe", hein, espero que seja GPLv2 ou GPLv3 pelo menos, e não uma licença paga-pau da Apple (como a MIT, a X11 e a BSD) - como temo que será - pelo bem do Software Livre e alegria do bom doutor! Atenciosamente, Igor Isaias Banlian

Comentário de Carlos Lorenzon em 11/05/2013 às 07:48:31

Igor Isaias Banlian como o próprio Augusto já disse, ele pode ser bom para você para muitos outros (inclusive para mim). Porém para ele não esta sendo mais e ele quer usar o dele! Não vejo a dificuldade em entender isso. Quanto a licença, caso não goste da licença que ele colocar, pode fazer um sistema igual sem usar o código fonte dele e liberar na licença que desejar :p fica a dica

Comentário de Augusto Campos em 11/05/2013 às 11:04:47

Isaías, a razão de eu estar em vias de substituir o WordPress por outra solução está exposta no artigo que escrevi a respeito e linkei. Colocar mais plugins aprofundaria a razão, e não a reduziria. A mudança de layout é consequência da mudança de sistema gerenciador, e não causa. Finalmente, a licença que eu escolher certamente será aprovada como licença de software livre pela FSF e, independente de qual eu escolher, haverá quem ache ruim.

Comentário de aleph em 11/05/2013 às 12:39:18

"... haverá quem ache ruim": e haverá quem ache muito bom e agradeça seu trabalho que é muito útil e interessante para muita gente, traz informações importantes e horas de diversão também. Parabéns pelo trabalho, e espero que seja sempre lucrativo em todos os sentidos da palavra. Eu abri no android e funcionou muito bem, ajustando-se à tela corretamente e mostrando-se bastante agradável à leitura. Já no desktop, pelo Firefox, acompanho aí a opinião de quem falou sobre o anúncio no topo da página. Ainda está meio misturado com o conteúdo e chamando mais atenção que o próprio nome do blog. O botão do "pesquisar" está em cima do texto, mas há espaço para texto do lado direito da tela. Gostei muito das fontes e do visual geral, bem clean e pouco dispersivo.

Comentário de K (Original) em 11/05/2013 às 12:54:20

Eu sinceramente gostei, podem me chamar de uma puxa saco mas até hoje sempre que o Augusto modificou as coisas no Br-Linux foi pra melhor. agente sempre estranha no inicio e depois percebe que ficou muito melhor. Agora querer dizer pro Augusto que ele deve usar ou qual lincença ele deve usar já acho meio ridículo, é como querer ensinar o Padre a rezar a missa.Durante todo esse tempo Augustos já demonstrou que entende muito do assunto e sempre foi muito profissional.

Comentário de Willian em 11/05/2013 às 13:26:16

Eu gosto de comentar sem estar logado. Preencho um formulário e pronto. Quanto as fontes, gostei muito. Sucesso nessa nova fase Augusto. Abraço da terra do Newsul.

Comentário de Anonymous em 11/05/2013 às 16:34:25

Augusto, você só vai ter quem ache ruim se não escolher a WTFPL, *A* licença perfeita. Contra ela, não há argumentos, discordância ou pirraça.

Comentário de Augusto Campos em 11/05/2013 às 17:01:26

Bom se fosse. Na prática, há quem desgoste de determinadas licenças permissivas (como BSD, MIT, ..., WTFPL) porque não incluem determinadas cláusulas restritivas que eles valorizam de forma especial. Em resumo, não há como agradar a todos.

Comentário de Celio Alves em 11/05/2013 às 22:53:18

Gostei da futura alteração mas - como disseram antes - as fontes estão um pouco grandes, fazendo a rodinha do mouse "trabalhar" além do normal nas telas widescreen. :P Se isto ajudar, aqui funcionou direito na seguinte configuração: Firefox 20.0 Google Chrome 26.0.1410.63 Resolução de tela 1366 x 768

Comentário de Marcos em 12/05/2013 às 00:00:06

Outro recurso que eu gostaria que estivesse presente é a possibilidade de modificar ou excluir comentários. Quanto ao jabá do @Igor Isaias Banlian, só rindo mesmo. heheheh

Comentário de Vinicius em 12/05/2013 às 11:17:38

A fonte ficou perfeita no meu celular (nexus 4) mas pelo amor de Deus, não me faça ter que ter conta no facebosta pra poder comentar... Por favor

Comentário de Limão em 12/05/2013 às 18:09:56

Augusto, eu testei o novo layout no Desktop e funcionou perfeitamente, mas quando acessei ele através do Chrome for Android, no meu Xoom e a coluna da esquerda sempre fica sobreposta sobre o conteúdo do site. Não sei se é algo do layout ou do Chrome, mas percebi isso. Fora isso, o novo site ficou muito bom. Muito mais leve (e já era muito leve) e suave. Mesmo o tamanho das fontes (principal reclamação até agora) eu gostei bastante. Parabéns por manter o BR-Linux por todos estes 17 anos e ainda sim o manter jovial.

Comentário de Roger de Almeida em 12/05/2013 às 22:05:08

Ahhh. To ficando velho!!! Já vi este sítio mudar de leiaute outras vezes!!! O tempo passa o tempo voa, mas a poupança Bamerindus fica numa boa!

Comentário de Richard Stallman em 12/05/2013 às 22:10:11

Augusto, você pode utiliza o site a seguir para ver como reagem em diferentes navegadores... ==> http://browsershots.org/

Comentário de Anonymous em 13/05/2013 às 03:21:41

Se bem que alguém que não goste da WTFPL sinceramente sequer merece ser agradado...

Comentário de Zé do Mato em 13/05/2013 às 07:09:14

Fontes enormes...

Comentário de Helvecio em 13/05/2013 às 10:13:28

Ficou legal, as fontes são de bom tamanho (os 'vista cansada' agradecem) 8-) A cor da fonte também está ótima. Li o texto de apresentação, e percebi que sou veterano no BR-LINUX. Sinal de qualidade e competência. Parabéns.

O que é Linux • Download Linux • Apostila Linux • Enviar notícia

BR-Linux.org