Migrei o Framework CSS de Bootstrap para Pure

Por Jean Hertel, 16/03/2017

css , bootstrap , pure , blog

Talvez você não tenha notado, mas eu migrei o site todo do framework Bootstrap para o Pure.

Minha principal motivação para isso foi o uso dos componentes, que no meu caso, era limitado a basicamente menus e grid. Com o uso do Pure eu consegui reduzir o tamanho total do CSS do site em mais de 100KB. Eu também removi a biblioteca GlyphIcons, que eu já havia substituido pelo Font Awesome, mas não podia remover por causa das referencias que estavam no css.

Caso você também queira migrar do Bootstrap para o Pure, os componentes de grid são bem simples.

Você pode substituir um código como este:

<div class="row">
    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"></div>
</div>

Por este:

<div class="pure-g">
    <div class="pure-u-1-1 pure-u-sm-6-24 pure-u-md-6-24 pure-u-lg-6-24"></div>
</div>

O Pure é realmente muito simples, e isso é muito bom para um blog simples como o meu.

Além destas melhorias, também tive a oportunidade de simplificar algumas partes do site, removendo vários elementos do HTML que estavam lá para posicionar outros. Para finalizar também mudei a imagem de cabeçalho do blog, para dar um contraste melhor ao titulo.

O site deve carregar ligeiramente mais rápido a partir de agora.