shoelace.io – ferramenta de aprendizado Bootstrap

O que Shoelace? Para que serve Shoelace?

shoelace.io/" target="_blank">Shoelace é um construtor de grade Bootstrap. Super simples, fácil de usar e não tenta ser uma ferramenta WYSIWYG. Na verdade, o oposto.

Ele tinha 3 propósitos:

  1. Construir o HTML de grade, para mostrar como ele vai funcionar e mudar responsivamente
  2. Ensinar-lhe como Bootstrap funciona, tornando impossível fazer grades quebradas ou não conformes
  3. Descobrir como sua grade se relaciona com o original

shoelace.io/" target="_blank">shoelace-animation2.gif" alt="como usar shoelace" width="496" height="362" />

Ficou claro que o Shoelace pode ser uma grande ferramenta pública para projetar e aprender como funciona o Bootstrap responsivo. O desenvolvedor se esforça para ele ser infalível e não contribuir para a confusão, mas torná-lo cristalino sobre o que está acontecendo em uma página html responsiva.

shoelace-4.jpg">shoelace-4.jpg" alt="shoelace-4" width="653" height="478" srcset="https://www.marciobrasil.net.br/wp-content/uploads/2016/11/shoelace-4.jpg 653w, https://www.marciobrasil.net.br/wp-content/uploads/2016/11/shoelace-4-300x220.jpg 300w, https://www.marciobrasil.net.br/wp-content/uploads/2016/11/shoelace-4-220x162.jpg 220w" sizes="(max-width: 653px) 100vw, 653px" />

shoelace-3.jpg">shoelace-3.jpg" alt="shoelace-3" width="653" height="500" srcset="https://www.marciobrasil.net.br/wp-content/uploads/2016/11/shoelace-3.jpg 653w, https://www.marciobrasil.net.br/wp-content/uploads/2016/11/shoelace-3-300x230.jpg 300w" sizes="(max-width: 653px) 100vw, 653px" />

E tem mais ...

Gostou? Compartilhe!

Share on facebook
No Facebook
Share on twitter
No Twitter
Share on linkedin
No Linkdin
Share on pinterest
No Pinterest

Em alta!

Leave a comment