Cascade FrameworkPutting back the C in CSS

Jonathan Expósito MartínSergio J. Rodríguez Martín

Índice

● Introducción● Características

○ Cuadrícula○ Tipografía○ Iconos○ Componentes○ Plantillas

● Ejemplos

Introducción

Un framework de CSS es una librería de estilos genéricos que aportan una serie de utilidades aprovechadas frecuentemente en los diseños web

➢ Forma fácil y rápida de crear diseños web➢ Multiplataforma➢ Cumplimiento de normas estándar➢ Fiabilidad

Características● Está basado en una arquitectura OOCSS (CSS orientado a objetos).● El diseño es independiente, el usuario puede elegir el tema por defecto

o crear uno desde cero.● Ofrece soporte para la mayoría de navegadores y no hay planes de

dejar de soportar anteriores versiones en un futuro cercano.● Usa un diseño atómico optimizado que permite al usuario un control

total.● Ofrece un sistema modular al contrario que la mayoría de frameworks,

permite incluir sólo los componentes que necesites.

Cascade Framework es software libre y está disponible en GitHub.

Cuadrícula

El anterior es un ejemplo de diseño de la cuadrícula de Cascade Framework, pero puede ser completamente modificada por el usuario, respetando el orden de los elementos “header”, “section” y “footer”.

TipografíaCascade Framework utiliza la tipografía CSS estándar, con algunas adiciones.

Iconos

Cascade Framework contiene Font Awesome iconic webfont, esto significa que puedes usar esta fuente para cualquier proyecto que quieras. La imagen representa algunos iconos.

ComponentesPaneles

Componente simple que tiene al menos un cuerpo. También puede tener una o más cabeceras o pies de página.

Componentes

Una “envoltura” para la navegación por pestañas que también contiene bloques de contenido.

Bloques de pestañas

Componentes

Por defecto, en Cascade Framework, las tablas vienen sin un estilo definido. Ofreciendo múltiples opciones.

Tablas

Componentes

Mediante la adición de la clase “nav” a una lista desordenada, puedes tener un elemento básico de navegación con un diseño normalizado que puede ser personalizado de acuerdo a sus necesidades.

Navegación

PlantillasCascade Framework ofrece varias plantillas con un diseño base que el usuario puede modificar.

Ejemplos

Ejemplos