shoelace.io – ferramenta de aprendizado Bootstrap

O que Shoelace? Para que serve Shoelace?

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

como usar shoelace

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

shoelace-3

O que é e como usar Mustache JS

Pare de escrever TAGS HTML dentro do seu Javascript, crie templates, envie um objeto para seu template, faça o insert na sua página HTML e seja feliz. Isso é Mustache JS.

Exemplo simples de Mustache JS: http://plnkr.co/edit/WLiQjSTfgezQmIJFcVeB?p=preview

mustache_0ec34a13-805a-4146-87f0-80a9a0799566

NetBeans com cara de Sublime Text

Quer saber como mudar o tema do seu NetBeans  para ficar com a aparência do famoso editor Sublime Text? É isso mesmo, o tema do seu NetBeans com background escuro e highlights bem vivos e brilhantes igual o Sublime Text. Vamos ao passo a passo de como mudar o tema do NetBeans.

  1.  Baixe o tema nesse link: http://eclipsecolorthemes.org/?view=theme&id=1 OU
  2. Clique aqui direto para baixar a VERSÃO IMPORT – http://eclipsecolorthemes.org/?view=empty&action=download&theme=1&type=epf
  3. IMPORTANTE: Após baixar, descompacte o arquivo zip dentro de uma pasta de sua preferência, dentro da pasta COMPACTE a pasta config em um arquivo ZIP (config.zip).
  4. VERSÃO EM INGLÊS: Tools -> Options -> Import… escolha config.zip
  5. VERSÃO PORTUGUES: Ferramentas -> Opções -> Importar…  escolha o arquivo que vc acabou de compactar – config.zip
  6. Agora basta re-iniciar seu NetBeans
  7. POR ÚLTIMO E MUITO IMPORTANTE|: Deixe seu comentário caso tenha gostado da dica. 🙂

NetBeans com tema Sublime Text

Como endentar seu código automaticamente

Seu código está uma bagunça e você está sem paciência de fazer todas as endentações que ele merece? Pois bem, existe várias formas de fazer isso de maneira indolor, uma delas é utilizando o serviço abaixo que organiza todo seu código. Gostou? Deixe um comentário.

http://www.freeformatter.com/html-formatter.html

Estados do Brasil separados por vírgula

Recentemente eu precisei, espero que te ajude também! Estados brasileiros em ordem alfabética.

Acre, Alagoas, Amapá, Amazonas, Bahia, Ceará, Distrito Federal, Espírito Santo, Goiás, Maranhão, Mato Grosso, Mato Grosso do Sul, Minas Gerais, Paraná, Paraíba, Pará, Pernambuco, Piauí, Rio de Janeiro, Rio Grande do Norte, Rio Grande do Sul, Rondonia, Roraima, Santa Catarina, Sergipe, São Paulo, Tocantins