Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Primeros pasos con twitter bootstrap

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on.

Primeros pasos con twitter bootstrap

Avatar for kuadrosx

kuadrosx

June 28, 2012
Tweet

Other Decks in Programming

Transcript

  1. Obtener una plantilla inicial http://initializr.com/ • Seleccionár Bootstrap • Css

    en lugar de less • Seleccionar plugins.js • Clic en "Download it!"
  2. Entendiendo index.html y amigos • index.html: <head> y scripts •

    modernirz+responds • plugins.js • chrome frame • bootstrap ◦ javacripts ◦ css ◦ imgs
  3. Responsive design Esconder o mostrar en: smartphone: ancho menor a

    480px tablet: ancho menor a 767px desktop: ancho superior a 768px
  4. Componentes • Grupo de botones • Button dropdowns • Miniaturas

    o Thumbnails • Navegación: Paginación, Tabs, Nav List
  5. ¿Qué sigue? Preprocesadores: • css: Less o Sass • html:

    Haml o Slim • javascript: coffeescript Javascript mvc frameworks: • http://backbonejs.org/ • http://emberjs.com/