Layout 2013 – PHPit de cara nova!

Atenção! Essa postagem foi escrita há mais de 2 anos. Na informática tudo evolui muito rápido e algumas informações podem estar desatualizadas. Embora o conteúdo possa continuar relevante, lembre-se de levar em conta a data de publicação enquanto estiver lendo. Caso tenha sugestões para atualizá-la, não deixe de comentar!

phpit2013

Finalmente! Fazia tempo que o blog não passava por uma repaginada.

Aposentei o layout dark antigo e optei por desenvolver algo mais clean dessa vez.

Não sou a pessoa mais indicada para trabalhar com design, mas acho que o resultado final ficou bastante satisfatório.

Processo de desenvolvimento

Quero deixar aqui umas rápidas considerações sobre as ferramentas que usei no processo de desenvolvimento.

Demorei dois dias pra montar esse layout. Dentre as ferramentas, convém citar o seguinte:

  • PHP: Óbvio. Não preciso dizer o porquê.
  • WordPress: É a ferramenta que optei por utilizar desde o começo. Com ela desenvolvo o blog desde o primeiro post, em 2007. Para blogs, ouso dizer que não existe ferramenta melhor. Com um pouquinho de suor você aprende a montar templates e então não sofrerá mais na hora de migrar o layout. Demorei cerca de 30 minutos pra deixar o layout novo no ar e funcionando redondinho.
  • Bootstrap: Este é um framework para desenvolvimento front-end. Me ajudou a acelerar o desenvolvimento e disponibilizou diversos componentes pra não precisar reinventar a roda.
  • jQuery: Essencial em qualquer projeto moderno. Acelera o desenvolvimento JavaScript e assegura que seu código rodará em qualquer navegador. Utilizei diversos plugins da própria jQuery e, pras coisas que não encontrei nada pronto, desenvolvi na mão (também usando a biblioteca), como foi o caso da barra de redes sociais aqui ao lado.
  • Roots: Tema base desenvolvido com HTML5 Boilerplate e Bootstrap. Já vem com os loops prontos e com uma hierarquia bem fácil de trabalhar.
  • SimpleIcons: Precisei de ícones padronizados de redes sociais pra fazer a minha sidebar. Encontrei essa biblioteca de que é realmente muito completa.

Considerações

Desde já fico com o canal aberto para receber sugestões para adaptação e correção no layout.

Aproveito também pra deixar meu muito obrigado a todos aqueles que me deram boas dicas durante o desenvolvimento :)

 

Um forte abraço a todos e fiquem com Deus!