1
Download responsive design con bootstrap
Document related concepts
no text concepts found
Transcript
RESPONSIVE DESIGN CON BOOTSTRAP Por Kewin Serquen KEWIN SERQUEN CAMPOS COFUNDADOR Y DESARROLLADOR DE HUBMUSIK RESPONSIVE DESIGN - DISEÑO ADAPTABLE El diseño web adaptable, adaptativo, conocido por las siglas RWD del inglés Responsive Web Design, es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla. (Wikipedia) ¿QUE ES BOOTSTRAP? Twitter Bootstrap es un framework o conjunto de herramientas de Código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como, extensiones de JavaScript opcionales adicionales. Es el proyecto más popular en GitHub y es usado por la NASA y la MSNBC junto a demás organizaciones. ¿QUE NECESITAMOS PARA USAR BOOTSTRAP? bootstrap.css o bootstrap.min.css bootstrap.js o bootstrap.min.js jquery-*.js o jquery-*.min.js (además) EMPECEMOS... ... HUBMUSIK UNA APPLICACIÓN DESARROLLADA CON SL Y CA SERVICIOS DE HUBMUSIK Musica Chat Fotos Documentos* Vídeos* Streaming* CARACTERÍSTICAS DE HUBMUSIK Reproductor Personalización del Perfil Personalización de publicaciones Canal de distribución Privacidad GRACIAS kserquen@hubmusik.com www.hubmusik.com/kwn THEMES Reveal.js comes with a few themes built in: Default - Sky - Beige - Simple - Serif - Night Moon - Solarized * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <head>using a <link>.
