Zurb tiene una larga historia de proporcionar aplicaciones y recursos web increíbles para diseñadores y desarrolladores. Sus aplicaciones incluyen Notable, Axe, Enroll y Spur, entre otras.
Otros recursos de Zurb incluyen todo, desde hojas de croquis descargables y papel cuadriculado, botones CSS, herramientas CSS3, efectos visuales y ejemplos de animación, y mucho más.
Zurb lanzó recientemente una nueva herramienta para diseñadores, llamada Fundación , un marco libre de prototipado rápido.
El diseñador jefe de Zurb, Jonathan, respondió algunas preguntas sobre el nuevo proyecto.
Fundación es un marco para crear rápidamente prototipos y crear sitios y aplicaciones receptivos. Le permite juntar rápidamente páginas, incluido el diseño y elementos comunes como navegación, paginación, formularios y mucho más para que pueda ver cómo funciona su sitio en computadoras de escritorio, tabletas y teléfonos. Luego puede tomar ese código y personalizarlo o adaptarlo en un código de producción sólido como una roca.
Nos dimos cuenta de que las herramientas para construir sitios con capacidad de respuesta (sitios que funcionan en cualquier tipo de dispositivo) no solo eran insuficientes sino que realmente no existían. Hay una cantidad de marcos CSS que las personas están usando, pero todo fue diseñado para diseños fijos. Los dispositivos móviles representarán más de la mitad de todo el tráfico de Internet en los próximos 2 años, por lo que no diseñarlos ni construirlos es una sentencia de muerte para productos o servicios en línea. Queríamos una herramienta que nos permitiera no solo ofrecer una gran experiencia a todos los dispositivos, sino también probar rápidamente cómo se veía y se sentía una gran experiencia.
Hemos utilizado Foundation para todos nuestros sitios y proyectos internos durante los últimos meses, pero si tuviera que elegir un gran ejemplo, sería una aplicación web que lanzamos recientemente llamada Spur. Spur es una herramienta para hacer críticas de diseño tradicionales al permitirle capturar una página web, o subir una imagen, y luego verla con desenfoque, mayor contraste, rotación y otros efectos que revelan cómo se sostiene el diseño visual. Lo diseñamos desde cero con Foundation para admitir escritorios, tabletas y iPhones; todo desde la misma base de código de front-end.
Si levantas la aplicación en diferentes dispositivos, verás diferentes herramientas y diseños sutilmente modificados, todos posibles gracias a las clases de visibilidad móvil de Foundation. Éstos le permiten etiquetar fácilmente elementos que se ocultan o se muestran en tipos específicos de dispositivos, como "ocultar-en-teléfonos" o "mostrar en tabletas". Esa y la capacidad inherente de Foundation para escalar a casi cualquier tamaño significa que Spur tiene una experiencia elegante y personalizada para cualquier tipo de dispositivo con muy poco esfuerzo adicional.
Trabajar completamente con porcentajes, por supuesto, agrega cierta complejidad, especialmente con respecto a las imágenes y la flexibilidad de ciertos objetos, como las barras de herramientas, pero más allá de algunos CSS específicos, Foundation se hizo cargo de casi todo.
Cualquiera que quiera que su sitio o aplicación sea relevante en un par de años debería estar compilando para múltiples dispositivos, y Foundation es una buena herramienta para hacerlo. Foundation es perfecta para los nuevos sitios que desea prototipar y construir rápidamente, ya que puede diseñar sitios completos en solo unos minutos utilizando la grilla flexible y los elementos comunes ya incluidos.
Hemos encontrado que Foundation es especialmente útil para empresas u organizaciones que tienen preocupaciones sobre el costo (en tiempo y recursos) para construir dispositivos móviles: Foundation te ayuda a hacer las cosas rápidamente y de una vez.
Estamos trabajando constantemente en Foundation, agregando elementos comunes que las personas han solicitado o que hemos visto que necesitan. Recientemente agregamos una nueva cuadrícula de cuatro columnas para que pueda hacer diseños más complejos para dispositivos muy pequeños, y continuaremos trabajando en el soporte de dispositivos y patrones. También estamos considerando cosas como plantillas de página, paquetes de códigos para usos específicos como wireframing y trabajar con desarrolladores externos en complementos para otros marcos como Less, SaSS, Drupal, WordPress, etc.
Nuestro objetivo es que Foundation sea más que solo un Framework de código abierto, pero un enfoque completo de comunidad y desarrollo para el front-end. Nos encantaría tener aún más contribuyentes, tanto en problemas, solicitudes de funciones y código en Github y estamos felices de responder preguntas en [correo electrónico protegido]