Twitter Bootstrap 3 disponible, con nuevos elementos y grilla renovada

Screenshot_20

La nueva versión del popular framework frontend Twitter Bootstrap ya está disponible para su descarga desde su sitio oficial, la versión número 3 fue escrita desde cero, absolutamente todo el código cambio por lo que no es en lo absoluto recomendable simplemente cambiar el enlace de sus archivos. NO lo hagas, toda tu aplicación web se corromperá por completo.

Aún así como nueva versión que es viene con muchísimas mejoras para el bien de todos, entre ellas está su enfoque Mobile First, es decir, está nueva entrega está diseñada para tener en cuenta primero smartphones y tablets que portátiles o PC’s de escritorio cuando se está creando el sitio web, ya no es necesario importar dos archivos CSS, ahora todo el código está en un solo, bootstrap.css.

Grilla

La grilla o grid en inglés fue modificada por completo y es una de las cosas que más cambiaron, ahora viene en tres tamaños diferentes, Diminuto (Smartphones .col-*), Pequeño (Tablets .col-sm-*) e Intermedio y Grande (Portátiles y PC’s de escritorio .col-lg-*), cada uno de estos tamaños con su respectivas clases te da el control absoluto sobre como se verá tu aplicación web en cada dispositivos. Lo único que tienes que hacer es combinarlas respecto a tus necesidades.

<div class="row">
  <div class="col-12 col-lg-8">8</div>
  <div class="col-6 col-lg-4">4</div>
</div>

Diseño Plano

Siguiendo la tendencia que ha crecido en el último año, ahora el diseño de Twitter Bootstrap es totalmente plano o flat, los botones, las alertas, la navegación y el resto de los elementos tienen un diseño sencillo, lo que facilita muchísimo su personalización, ahora ya no tenemos que preocuparnos por los gradientes, las sombras o el brillo de los elementos, simplemente hay que cambiar solo el color de los elementos  y ya esta.

Screenshot_21

Nuevos componentes

La versión número 3 de Bootstrap incorporó dos nuevos elementos, Grupos de Listas y Paneles, cada uno para mostrar elementos con información más extensa relacionada a el, los Grupos de Listas sirven para mostrar listas con información más compleja, no son listas con una viñeta a la izquierda, ahora cada item de la lista puede tener un badge mostrar un número al estilo iOS o incluso tener un título y una descripción, muy útil para administradores de aplicaciones donde es necesario mostrar pequeñas estadísticas. Los Paneles, ¿No te has encontrado que no sabes como posicionar esa información? Ahora lo pones dentro de un Panel y listo, los paneles están creados para mostrar información por cajas, que le da a la página una estructura más definida y fácil de seguir, cada Panel puede tener un título, una descripción y un pie, todos opcionales, de igual forma tienen contexto, es decir, se les puede aplicar las clases de las alertas, y más allá, se pueden combinar con la lista de grupos perfectamente.

Screenshot_22

Soporte

El soporte para Internet Explorer 7 fue removida, significa que si visitas un sitio web hecho con Bootstrap 3 desde IE7, todo se verá de la peor forma posible, se verá y funcionará bien, pero si tienes algún problema con este navegador no tendrás soporte alguno.

Está es una versión RC o Release Candidate, así que es recomendable primero jugar con ella antes de usarla en un nuevo proyecto.

Una nueva versión cargada de mejoras visuales, de rendimiento y de estabilidad que nos hará la vida más fácil a todos los desarrolladores web, ofreciendo ahora más que nunca mejores formas para mostrar e interactuar con los elementos ofrecidos.

Descargar: Twitter Bootstrap 3

9 espectaculares propuestas de rediseño a iOS

Jony Ive ha estado completamente a cargo del nuevo diseño de la interfaz de la siguiente versión del sistema operativo móvil de Apple, iOS 7,  como es costumbre con la compañía de la manzana mordida con cada lanzamiento de cada nuevo producto o servicio el hype y los rumores que hay alrededor no dejan de parar, especialmente en este caso porque según algunas fuentes será un rediseño mayor, una completa lavada de cara a toda la interfaz del sistema.

Pero ya no es necesario esperar al lanzamiento oficial el próximo 10 de Junio en la conferencia anual para desarrolladores de todo el mundo, WWDC, porque algunos diseñadores y usuarios en Dribbble han presentando diseños imaginando como sería el nuevo iOS, todos los trabajos son espectaculares, mostrando diferentes partes del sistema operativo, desde la pantalla de bloqueo, los iconos hasta el teclado virtual e incluso las interacciones con las aplicaciones.


1

2-300x225

3-300x225

4-300x225

5-300x225

6-300x225

8-300x225

9

contacts_concept

Vía: josh.io

WordPress 3.5 disponible para todos

Automatic acaba de lanzar la nueva versión de Worpdress, Elvin, en honor al baterista Elvin Jones. Puedes actualizar desde ahora mismo desde la Administración de tu blog o descargarla del sitio web WordPress.org.

Esta nueva versión viene con la forma de subir imágenes y crear galerías totalmente reimaginadas, ahora puedes agregar las leyendas a las imágenes al vuelo, reorganizar el orden de las imágenes fácilmente, seleccionar cuales estarán disponibles en la galería, de forma rápida e intuitiva.

Un nuevo tema, Twenty Twelve con diseño totalmente Responsive, compatibles con todos los móviles, total rediseño de la pantalla de inicio de la Administración o Dashboard del blog, todos los gráficos están actualizados para ser compatibles con las pantalla Retina y nuevo selector de color y muchos otros cambios, especialmente de estilos y diseño en la Administración.

Automatic publicó un vídeo de introducción con todas las nuevas características de la versión.

Es recomendable actualizar a la nueva versión porque también incorpora nuevas medidas y parches de seguridad, como siempres es bueno hacer una copia de seguridad de todo, por si algo lleva a salir mal.

Vía: Worpdress.org

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con tus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad