LayoutIt! – Construindo interfaces web com Bootstrap sendo noob em front-end igual a mim.

E ae galera! Tudo certo? Quero mostrar um hack pra dev web que não manja nada de front end igual a mim e precisa dar uma cara minimamente amigavel a um projeto usando bootstrap, vamos lá?

Captura de tela_2016-06-10_19-57-10
Clique na imagem e vá para a página do projeto

Sem me alongar muito no texto hoje, o LayoutIt! Te permite criar interfaces web que se utilizam do lindo bootstrap (3 atualmente) em um editor WYSIWYG (What You See Is What You Get), e gera pra ti os arquivos HTML, CSS e javascript base bem limpos com esforço 0 pra você integrar com sua solução bolada sem cara com plain html ainda...

Sim, a dica de hoje é pra você que não suporta pensar em alinhar elementos, que não consegue entender como esse tal de CSS funciona direito e não consegue compreender porque seu amigo do front-end (*cof  *cof Warley *cof *cof) fica abismado quando vai olhar um código teu e vê uma view (vê uma view Thiago, sério) sua escrevendo o layout todo na tela em uma table boladíssima com botões e elementos de imagem definidos com float left e right...

Sim, a dica de hoje é pra você que passou muito tempo aprendendo PHP e MySQL ou Django e Postgres e esqueceu de prestar atenção nas aulas de HTML5, CSS3 e javascript...

Acessa o link, apaga tudo, seleciona sua base em grids, adiciona os elementos, baixa a brincadeira e abraça o lado noob do front-end...

Claro, se você quiser dar uma cara mais "profissa" a coisa, use somente de base o LayoutIt! e saia editando depois, afinal, quem quer codar mil aplicações com a mesma cara e a mesma paleta de cores não é mesmo (eu, *cof *cof), como o LayoutIt! cria a interface pra ti usando Bootstrap, todos os elementos do Bootstrap estão disponiveis, então se você é manjador dos front-ends, ainda tem mais do que pode se beneficiar, onde pode plottar rapidamente um layout e depois começar a trabalhar nele.

Tela inicial
Tela inicial

Eu uso direto, e, brincadeiras a parte, me salva muito, muito tempo mesmo quando quero uma interface simples sem muitas firulas pra algum projeto.

E me permite ter uma base sólida pra quando eu precisar enfeitar a coisa (chamando o Jão pra isso) sem que a pessoa (o Jão) queira cortar meu fígado fora...

Vale a pena o visu.

Dica rápida, dica batuta, dica supimpa!

Até o próximo!

Fui!

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.