7 motivos para (ainda) usar (e continuar) com o Bootstrap

Então veio o Bootstrap

Do criador do framework JQuery, John Resig mostrando como ser um Javascript ninja.

A História do Bootstrap

História da evolução e do sucesso do Bootstrap neste vídeo. Fonte: Canal do Youtube do Ricardo Sanches - https://www.youtube.com/channel/UCxsjItE8ek_KG21BClqBo7Q

Por que estou falando disto?

Mobiel First Bootstrap Book
Um exemplar do livro Mobile First Bootstrap por Alexandre Magno, da editora Packt Publishing

01 — Mobile First

Exemplo de um modelo usando mobile first, nele você inicia seus elementos em blocos que ocupam toda a tela para depois dividi-la e redistribui-la.
Modelo desktop first como estamos acostumados. Temos os blocos distribuídos em uma tela grande que precisa posteriormente se encaixar em uma tela menor.

02 — Não reinvente a roda

Alguns frameworks de front-end de destaque

03 — Comunidade

O poder da comunidade. No Github, existem cerca de 60 mil forks do Bootstrap, entre eles um que traduzi para ser usado internamente na Globo.com

Boostrap com React, Bootstrap com Angular

04 — Flexibilidade

Um misto com o jQuery

Guias de estilo

O ZenGarden tenta mostrar como o CSS é poderoso para flexibilizar estilos de websites

05. Personalização

  1. Temas completos
    É possível modificar temas completos, mudando todo estilo de cor com sistemas de cores padronizados e personalizáveis. Tudo é armazenado em variáveis, tanto em Sass quanto Less para que você possa modificar todo esquema de cor e espaçamento.
  1. Layouts
    Você tem um framework completo para layout e grid, que por si só já é um dos componentes mais baixados do framework.
Uma visão de como utilizar o Framework Bootstrap de Grid para entender as diferentes visualizações no desktop e celular
  1. Diagrama de como se utilizar do Grid do Bootstrap usado para facilitar o desenvolvimento para Mobile First, ofecerenco de forma intuitiva classes que alteram a forma de visualização do layout
  1. Usar o conceito de grids semânticos é uma outra forma de lidar com grids no Bootstrap
  2. Conteúdo
    Padronização de tipografias ajudam a organizar todo o conteúdo e estrutura básica do texto, usando CSS Reset para padronizar o comportamento dos browsers
  3. Componentes
    Os componentes foram construídos totalmente com javascript não obstrusivo, e integrado de forma simples usando data api’s em que é possível controlar o comportamento de seus componentes sem precisar adicionar nenhuma linha de Javascript.

06. Documentação

07. Aprendizado

--

--

Citizen Scientist and Software Engineer, looking for the limits beyond mind and machine exploring the world

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alexandre Magno Teles

Alexandre Magno Teles

Citizen Scientist and Software Engineer, looking for the limits beyond mind and machine exploring the world