Bootstrap 3 RC1 ya está aquí

Después de un tiempo de espera llega la esperada nueva versión de Bootstrap. Lo hace en forma de Release Candidate 1. Se espera, al menos, otra RC más antes de la versión final, pero ya podemos ir viendo lo que será esta nueva versión y comenzar a analizarla. Boostrap 3 RC1 ya está aquí.

La nueva versión del framework web frontend de moda viene cargada de novedades. Las principales tienen que ver con el abandono de soporte de navegadores antiguos por defecto y un diseño pensado desde el principio para dispositivos móviles.

Nuevo repositorio, nueva distribución

A nivel estructural lo más destacable es que el proyecto se ha mudado a un nuevo repositorio dentro de Github que ahora cuenta el equipo con cuenta propia donde están los diferentes proyecto relacionados.

Dentro del repositorio se ha establecido un directorio llamado dist donde se encuentra el producto final ya compilado y listo para usar en nuestros proyectos web. Este directorio es el que está publicado como descarga en el sitio oficial.

Estructura de archivos

La nueva estructura de archivos de la distribución es la siguiente.

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
├── js/
│   ├── bootstrap.js
│   ├── bootstrap.min.js

Como podemos ver se ha reducido el número de archivos al desaparecer los iconos Glyphicons que ahora son un proyecto separado. También se ha eliminado el archivo para diseño responsive que ahora se integra dentro del propio framework.

Por tanto nos quedamos con sólo dos archivos el correspondiente al CSS y al Javascript de los que tenemos la versión comprimida y sin comprimir.

Glyphicons como proyecto separado

No tenía mucho sentido mantener dentro del proyecto unos iconos como los Glyphicons basados en una imágen PNG habiendo soluciones basadas en font-face como Font Awesome que permiten la escalabidad.

Sin embargo sigue estando disponible para el que desee usarlo en un proyecto mantenido por el propio equipo. Aquí puedes verlo.

Compatibilidad de navegadores

Los navegadores soportados por defecto serán los siguientes.

• Chrome (Mac, Windows, iOS, and Android)

• Safari (Sólo Mac e IOS ya que el de Windows está más o menos discontinuado)

• Firefox (Mac, Windows)

• Internet Explorer

• Opera (Mac, Windows)

Extraoficialmente dicen que debería verse bien tanto en Chromium para Linux como en Internet Explorer 7, pero no están soportados de forma oficial.

De la misma forma comentan que aunque IE8 e IE9 están soportados no todas las propiedades CSS3 están implementadas en estos navegadores como pueden ser las esquinas redondeadas. Además para el uso de los media query será necesario el uso de respond.js.

Además para todas las versiones será necesario el uso de Jquery.

Muchos y variados ejemplos

En la nueva versión se han esmerado aún más en darnos ejemplos de diferentes prototipos con los que comenzar y han habilitado un sitio web donde se pueden ver diferentes ejemplos de plantillas básica. Es de esperar que en la versión final haya aún mas ejemplos y prototipos básicos. Sin duda un gran recurso para los iniciados que necesiten una base por la que comenzar.

Nuevo estilo

Como siempre los estilos y los colores de los diferentes elementos será altamente personalizable, pero cabe destacar que en el estilo por defecto apuestan por los colores básicos y planos. Una muestra de ello son los nuevos botones en los que se deja atrás el uso de degradados que las daba aspecto de profundidad y se pasa al uso de colores planos. En cuanto a colores son menos vivos que los de la versión 2.

En cuanto a los nuevos componentes lo más destacable son los nuevos paneles que se pueden hacer y que todos ellos en menor o mayor medida se han adaptado al nuevo estilo de colores. Podemos ver todos los nuevos componentes en la página de documentación.

Personalización

Las personalizaciones de tema no están disponibles aún, pero el equipo dice que ya estarán disponibles con la segunda Release Candidate. Como en la versión 2 podremos definir los aspectos básicos del framework como las fuentes a utilizar, la paleta de colores o qué componentes queremos incluir.

De todas maneras los más manitas pueden obtener la versión sin compilar de less y hacer estos cambios de variable a mano fácilmtente. También podemos hacerlo a la vieja usanza de sobrescribir los estilos que queramos en una nueva hoja de estilos.

Arreglos generales

Además de las novedades se ha reescrito y mejorado casi por completo todo el núcleo del framework con los siguientes numeros: alrededor de 1.600 commits, unas 72.000 adicciones/eliminaciones y cerca de 300 archivos cambiados. Como vemos el equipo y la comunidad no ha parado para darnos lo mejor de Bootstrap.

Habrá que esperar a la versión final, pero esta primera Release Candidate no pinta nada mal.

En Genbeta Dev | Bootstrap Más información | Sitio oficial Código fuente | Github