Skip to content

Instantly share code, notes, and snippets.

@levhita
Last active February 22, 2024 14:33
Show Gist options
  • Save levhita/962078af5b8986ee95bce12a5bdea085 to your computer and use it in GitHub Desktop.
Save levhita/962078af5b8986ee95bce12a5bdea085 to your computer and use it in GitHub Desktop.
Notas de Frameworks CSS

Bootstrap

Framework CSS desarrollado originalmente por el equipo de Twitter, también conocido como la vieja confiable: la vieja confiable

Con muchisímos años en el mercado y actualizada constantemente, utiliza la filosofia de diseño Flat Design.

Sitios de Temas para Bootstrap

Tipos de plantillas

Material Design

Es en primer lugar una filosofía de desarrollo de interfaces en primer luga, a diferencia de Bootstrap no surge de la necesidad y tendencia de un solo producto (Twitter), si no de la necesidad de unificar la experiencia de usuario de todos los productos de Google.

Ejemplo, bootstrap define una serie de colores por defecto, que si bien están adecuadamente diseñados para su proposito, no se comparte la racional de porque se eligieron. Material Design en cambio nos comparte el proceso de selección de colores.

Materialize

Es el framework para web que sigue la filosofía de Material Design

y sí también tiene temas

WTF is a Sass

Sass significa syntactically awesome style sheets, y es una extensión a las CSS que permite definir variables, funciones, estilos anidados, etc... que fácilitan sobre manera la creación de las hojas de estilo.

Materialize y Bootstrap fueron diseñadas con Sass, la versión final que consumimos es un CSS transpilado, pero siempre podemos usar la versión fuente, modificar lo que deseemos y transpilarlo nosotras mismas.

Los temas vistos en Bootswatch por ejemplo tienen la opción de descarga del .scss con las variables actualizadas (para nuestra propia personalización y transipación)

Foundation

Es un bootstrap, menos opinionado en diseño, que nos permite personalizar más fácilmente nuestros temas.

JQUERY

jQuery es una librería para manipulación del DOM que dominó el mercado durante muchos años, su éxito se debió a que fungia como capa de estandarización entre distintas versiones de navegadores.

Además facilita algunas tareas comunes en la programación de JS en las versiones más viejas de JS, hoy día: Podrías no necesitar jQuery

Copy link

ghost commented Jun 15, 2018

CDN

Un CDN es un archivo alojado de forma remota en algun lugar del planeta. Utilizar CDN trae problemas cuando no tienes una conexión estable y robusta.

Que es mejor?

Descargar nuestros recursos de forma local en el proceso de desarrollo(DEVELOPMENT) y cuando lo subamos a producción (Deployment) esos recursos locales serán modificados a través de un build system

Copy link

ghost commented Jun 15, 2018

Flat Design & Bootstrap

Copy link

ghost commented Jun 15, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment