Scribd
Cargar
94 vistas8 páginas

Comparativa de Frameworks: Bootstrap y Foundation

Este documento proporciona información sobre dos frameworks front-end populares: Foundation y Bootstrap. Foundation es un framework receptivo que incluye una cuadrícula, componentes de interfaz de usuario y extensiones de JavaScript opcionales. Bootstrap es otro framework popular que consiste en hojas de estilo que implementan varios componentes front-end como tipografías, botones y cuadros, y es compatible con los principales navegadores web. Ambos frameworks ayudan a los desarrolladores a crear sitios web receptivos de manera más rápida y eficiente.

Cargado por

Carolina Gonzalez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
94 vistas8 páginas

Comparativa de Frameworks: Bootstrap y Foundation

Este documento proporciona información sobre dos frameworks front-end populares: Foundation y Bootstrap. Foundation es un framework receptivo que incluye una cuadrícula, componentes de interfaz de usuario y extensiones de JavaScript opcionales. Bootstrap es otro framework popular que consiste en hojas de estilo que implementan varios componentes front-end como tipografías, botones y cuadros, y es compatible con los principales navegadores web. Ambos frameworks ayudan a los desarrolladores a crear sitios web receptivos de manera más rápida y eficiente.

Cargado por

Carolina Gonzalez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd

FOUNDATION

BOOTSTRAP

GONZALEZ IBARRA DIANA CAROLINA


CORONADO JUAREZ CITLALI
MARTINEZ GARCIA CRISHEL
CAMPOS AVILA LUIS ANGEL
Un Framework front-end es una colección
de HTML, CSS y JavaScript que contiene FOUNDATION
patrones de diseño sobre los que puede
construir. Evitan que pierda el tiempo
reescribiendo código aburrido y repetitivo
una y otra vez. Además de ahorrar tiempo,
en realidad te ayudan a escribir un mejor
código
El marco front-end receptivo
más avanzado del mundo.
Proporciona una cuadrícula responsive e incluye
componentes de interfaz de usuario HTML y CSS,
plantillas, y fragmentos de código, incluyendo tipografía,
formularios, botones, barras de navegación y otros
componentes de interfaz usuario, así como extensiones
de JavaScript opcionales.

Foundation está mantenida por zurb.com y es un proyecto


de código abierto.
ZURB.COM
EN LOS TÉRMINOS MÁS SIMPLES, ZURB ES UNA
EMPRESA DE DISEÑO DE PRODUCTOS. AYUDAMOS A
LAS EMPRESAS A DISEÑAR PRODUCTOS DIGITALES
INCREÍBLES (COMO SOFTWARE DE ESCRITORIO,
APLICACIONES MÓVILES, ETC.), SITIOS WEB Y
SERVICIOS INTEGRADOS.

NUESTRAS HERRAMIENTAS AYUDAN A MILLONES DE


DISEÑADORES TODOS LOS DÍAS. CIENTOS DE MILES DE
LAS EMPRESAS MÁS GRANDES E INFLUYENTES DEL
MUNDO CONSTRUYEN SUS SITIOS WEB EN
FOUNDATION, NUESTRO MARCO FRONT-END
RECEPTIVO QUE HA CAMBIADO LA FORMA EN QUE SE
CONSTRUYE LA WEB. .
IU DE MOVIMIENTO
CREE FÁCILMENTE ANIMACIONES Y TRANSICIONES
PERSONALIZADAS
MOTIONUI ES NUESTRA BIBLIOTECA DEANIMACIÓN BASADA
ENSASSQUE LOAYUDARÁAAGREGAR MOVIMIENTO
SIGNIFICATIVOASUSSITIOSWEB.ESTA BIBLIOTECASASS
INCLUYE MÁS DE DOS DOCENAS DECLASES INTEGRADAS DE

TRANSICIÓNYANIMACIÓN. .
MENOS ESTILOS BASE
LOS ESTILOS QUE NECESITAS, NINGUNO QUE NO
LOS ESTILOS BASE ACTÚAN COMO UNA ESTRUCTURA
DE ALAMBRE CODIFICADA EN LUGAR DE UN DISEÑO
FINAL. LOS ESTILOS CSS MÁS SIMPLES LE PERMITEN
MODIFICARLOS MÁS FÁCILMENTE PARA QUE SE
AJUSTEN A SU MARCA.
Vamos a empezar por el principio, Bootstrap es
un framework CSS desarrollado inicialmente (en
el año 2011) por Twitter que permite dar forma a
un sitio web mediante librerías CSS que incluyen
tipografías, botones, cuadros, menús y otros
elementos que pueden ser utilizados en cualquier
sitio web.
Aunque el desarrollo del framework
Bootstrap fue iniciado por Twitter, fue liberado
bajo licencia MIT en el año 2011 y su desarrollo
continua en un repositorio de GitHub.

BOOTSTRAP
CREE PROYECTOS RECEPTIVOS PARA
DISPOSITIVOS MÓVILES EN LA WEB CON LA
BIBLIOTECA DE COMPONENTES FRONT-END
MÁS POPULAR DEL MUNDO..

página 6
BOOTSTRAP ES MODULAR Y CONSISTE
ESENCIALMENTE EN UNA SERIE DE HOJAS DE
ESTILO LESS QUE IMPLEMENTAN LA VARIEDAD
DE COMPONENTES DE LA HERRAMIENTA. UNA
la configuración de Bootstrap también tiene una opción HOJA DE ESTILO LLAMADA BOOTSTRAP.LESS
especial de "Personalizar" en la documentación. Por otra INCLUYE LOS COMPONENTES DE LAS HOJAS DE
parte, los desarrolladores eligen en un formulario los ESTILO. LOS DESARROLLADORES PUEDEN
componentes y ajustes deseados, y de ser necesario, los ADAPTAR EL MISMO ARCHIVO DE BOOTSTRAP,
valores de varias opciones a sus necesidades. El paquete SELECCIONANDO LOS COMPONENTES QUE
consecuentemente generado ya incluye la hoja de estilo DESEEN USAR EN SU PROYECTO.
CSS pre-compilada.

página 7
BOOSTRAPESCOMPATIBLECON LA MAYORÍA DE
NAVEGADORESWEB DEL MERCADO,Y MÁS DESDE LA
VERSIÓN 3,
ACTUALMENTE ESTOTALMENTECOMPATIBLECON LOS
SIGUIENTES NAVEGADORES:
GOOGLECHROME(ENTODAS LAS PLATAFORMAS).
SAFARI(TANTO EN IOSCOMO EN MAC).
MOZILLA FIREFOX(EN MACY ENWINDOWS).
INTERNET EXPLORER(ENWINDOWSYWINDOWS
PHONE).
OPERA(ENWINDOWSY MAC).

página 8

También podría gustarte