Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Untitled Prezi

No description
by

Marcelo Eggers

on 18 June 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Untitled Prezi

Alertas
Barra de progreso
Twitter
Twitter Bootstrap
Uso de Estanders HTML5 y CSS3
Bootstrap es fruto de la propia comunidad web.

Compendio de buenas prácticas para el desarrollo front-end.

Gran comunidad que soporta este desarrollo contando con implementaciones internas como WordPress.

Facilidad de construir sitios rápidamente, y hacer prototipos de sitios webs y apps con un bajo coste.

Trae un theme por defecto bastante optimizado
Que es Twitter Bootstrap?
Características Principales
Ventajas
Desventajas
Se debe familiarizarse con la estructura y con la nomenclatura de Bootstrap.

Se debe adaptar el diseño gráfico a un grid de doce columnas (por defecto).

El ancho de las columnas y el gutter se modifican según el dispositivo para el que vayas a trabajar y su contexto.

Es complicado cambiar de versión si se ha realizado modificaciones profundas sobre el core.

Si se necesita añadir componentes que no existen, se utiliza CSS para mantener coherencia con el diseño y el responsive.
Twitter Bootstrap
Framework
Desarrollo rápido de Aplicaciones y sitios web
Front-End
HTML, CSS, JavaScript
JQuery
Less
Para que se usa Twitter Bootstrap?
html, css, javascript simple y flexible para los componentes e interacciones populares de interfaz de usuario
Diseñado para que los desarrolladores puedan añadir rápida y fácilmente un estilo CSS a sus aplicaciones
Para que se usa Twitter Bootstrap?
Uso de Response Web Design:
Permite Crear Diseños
Responsivos
Se adapta a los distintos tamaños de pantalla o las distintas resoluciones de pantalla bien sea pc, laptops, tabletas o telefonos inteligentes. Resoilviendo asi uno de los retos del desarrollo Web de manera sencilla
Diseñado para ser compatible con los elementos y la semantica de HTML5.

Soporta los elementos de decoracion de CSS3, con componentes mejorados para un estilo maximo
Uso de Estándares HTML5/ CSS3
Integración con Librerías JS
Utilización de LESS
Permite Integrar Facilmente el Uso de de librerias JQuery

Puede crear tu pluggin de JQuery personalizado
Compatible con JavaScript
Less hoja de Estilo dinámico
Extiende de CSS para dotarlo
de un comportamiento dinamico a traves de variables Operciones y Funciones.
Ejemplos prácticos
Botones e iconos
Formularios y validaciones
Frameworks Similares
HTML Kickstart
Skeleton
Zurb Foundation
Navbar y tabulables
PREGUNTAS?
Full transcript