Twitter Bootstrap 3

Twitter Bootstrap 3: Mobile-first

Twitter Boostrap es un conjunto de herramientas (Framework) que contiene código HTML, CSS y JavaScript para el diseño de páginas web responsivas y estándares, aportando un diseño preliminar de formularios, tablas, botones, tipografía, ventanas modales, carrusel de imágenes y otros componentes de interfaz de usuario. La versión 3 de Twitter Boostrap fue escrita desde cero y las principales características tienen que ver con el abandono de soporte de navegadores antiguos y un diseño pensado desde el principio para dispositivos móviles (bajo la premisa: “Mobile-first”). Grid Ahora todo el código CSS esta en un solo archivo “bootstrap.css” (fusionando el CSS del responsive design con el resto de los estilos). En esta versión el uso de la clase .span* desaparece, a partir de ahora se utilizará .col-* para establecer el tamaño en los smartphones, .col-sm-* para tablets y .col-lg-* para portátiles y computadoras de escritorio. Diseño Siguiendo las tendencias del último año…
Twitter

Lo mejor de Sector Web en Twitter (2012-08-26)

Estos son algunos de los tweets más destacados que hemos publicado en los últimos 15 días: Bootstrap 2.1.0 – Un framework que permite desarrollar aplicaciones y sitios web de manera rápida y correcta. – http://bit.ly/q2G9Mm PowerTip – Un plugin de #jQuery que permite integrar tooltips de manera sencilla a tus proyectos web. – http://bit.ly/OzvGIy stroll.js – Una librería de #JavaScript que permite mostrar el contenido de una lista con efectos de transición. – http://bit.ly/HFXuUi ColorZilla – Un editor que permite crear gradientes en #CSS con una interfaz similar a la de Photoshop. – http://bit.ly/bY6lSb CSS3 Patterns Gallery – Una colección de 37 patrones para fondos desarrollados completamente en #CSS3. – http://bit.ly/rKbNF6 Síguenos en @sectorweb, excelente inicio de semana!

GetSkeleton – Un kit para desarrollar páginas web responsivas

Skeleton es una pequeña colección de archivos CSS que facilitan el desarrollo de páginas web responsivas, es decir, páginas web con un diseño que se adaptan perfectamente a cualquier tamaño de una pantalla, ya sean computadoras de escritorio, laptops, tablets o smartphones. Dentro de las características más importantes de Skeleton, destaca el uso del 960 Grid System (960.gs) a 16 columnas, ya que hereda los nombres de las clases, la simplicidad de la sintaxis y las mejores prácticas de CSS para la visualización perfecta en los navegadores actuales. Esto facilita considerablemente el desarrollo del diseño y la maquetación del sitio en un ambiente totalmente responsivo.