Práctica 9. Programas para maquetear páginas web

8 herramientas para maquetar webs

Bootstrap:  Viene con una biblioteca de funcionalidades maquetadas muy amplia. También con muchas funcionalidades Javascript como sliders, menús desplegables, alerts… 

Foundation: Bastante similar a Bootstrap. Está más orientado a páginas web. Tiene un diseño muy actual y gran número de funcionalidades. Si tus conocimientos de programación son más limitados, esta opción es más sencilla que Bootstrap, por lo que te puede ser más fácil de interpretar. Es un proyecto muy vivo, se actualiza constantemente.

 

Ink: FrameWork muy completo, con diseño muy moderno y actual. Incluye un gran número de funcionalidades, tanto CSS3 como Javascript. Compatible con tipografías WebFont y con muchas novedades integradas de HTML5.

 

KickStart: Librería muy completa, pero con las opciones mínimas, tanto para CSS como de JS. Contiene los elementos más importantes, pero sin llegar a ser tan completo como los FrameWorks anteriores.

 

Ivory: Sistema muy minimalista. Se centra en los CSS básicos para maquetar columnas. No tiene funcionalidades Javascript, por lo que reduce todavía más su peso.

Tuktuk: Con diseño moderno, destaca por su optimización (la librería solo pesa 9kb). Da más importancia a los CSS que a las funcionalidades Javascript. Este FrameWork se nos puede quedar pequeño si queremos incluir muchos plugins de Javascript, ya que prácticamente no incluye ninguno.

Skeleton: Uno de los FrameWorks más sencillos y minimalistas. Lleva las opciones justas y necesarias para maquetar columnas. Una de sus ventajas es que pesa poco dentro del proyecto. En los ejemplos que hemos visto antes, al tener mayor número de funcionalidades, el peso de sus archivos es mayor. Por lo que Skeleton sería una buena opción si queremos optimizar mucho el tiempo de descarga de la Web.

Neat: Para programadores avanzados. Usa directamente el lenguaje SASS y Bourbon para CSS. Implica una gran optimización de los estilos CSS y permite programar a un nivel superior. Pero el código es más complejo y requiere conocimientos extensos en el sublenguaje SASS de CSS. Algunos de los otros frameWorks que hemos visto, como Bootstrap o Foundation también se basan en SASS, pero de forma transparente para el usuario.