Fundación 6 - 10 nuevas características increíbles
Los desarrolladores del framework front-end de Foundation no solo se han sentado en sus laureles mientras el equipo de Bootstrap ha estado trabajando en su nuevo e impresionante lanzamiento. El año pasado hicieron un maravilloso World Tour para compartir sus conocimientos con sus usuarios y preguntarles cómo estaban usando Foundation en su trabajo de la vida real.
Después de regresar a sus escritorios, agregaron las necesidades y los deseos de sus usuarios, y se embarcaron en la planificación de la nueva versión principal del marco: Fundación 6.
Todavía está en desarrollo, pero los planes son muy prometedores. Las próximas funciones se centran en 3 áreas principales: rendimiento, personalización y accesibilidad . Echemos un vistazo a 10 de estas características ahora.
1. Flujo de trabajo optimizado
Basándose en las experiencias de sus usuarios, el equipo de la Fundación desarrolló un nuevo lema, "Prototipo de producción", para Foundation 6. Esto significa un nuevo flujo de trabajo optimizado que permitirá a los diseñadores y desarrolladores pasar directamente del prototipo a la producción .

2. Proceso simplificado de instalación para la versión Sass
Una de las cosas más asombrosas sobre el framework de Foundation es que está construido con el lenguaje de hojas de estilo Sass, por lo que es posible personalizar rápidamente las reglas de estilo predeterminadas para nuestras necesidades reales .

3. Una nueva pila de configuración inventada para maximalistas
Además de la versión regular de Sass, Foundation 6 vendrá con una versión mejorada de Sass que proporcionará a los desarrolladores poderosas opciones de personalización .
ZURB, el creador de Foundation abrirá su propia plataforma de desarrollo para el público, incluyendo su propio generador de sitios estáticos, servidor de carga en vivo y un montón de técnicas de optimización interna que incluyen la integración de UnCSS para eliminar estilos no utilizados y la compresión UglifyJS para JavaScript.

4. Disminución del tiempo de carga de la página
El equipo de la Fundación tuvo que enfrentar algunas críticas constructivas que afirmaban que en la mayoría de los proyectos de la Fundación, aproximadamente el 90% del código CSS no se usa. Esto no solo fue cierto para Foundation, sino también para otros importantes marcos de CSS como Bootstrap y TopCoat. Como parte de su respuesta, Zurb decidió reducir significativamente el tamaño del archivo del CSS entregado implementando una reducción de código de aproximadamente 40-50%.

5. Estilos base que actúan como wireframes
La otra parte del esfuerzo de mejora del rendimiento es crear un estilo base que actúe como una estructura alámbrica en lugar de un diseño final . Esto conduce principalmente a un tema más ligero, pero también tiene otra gran ventaja. A medida que más reglas de estilo se trasladen a componentes individuales, los desarrolladores tendrán la oportunidad de diseñar con más facilidad su diseño .

6. Importación Selectiva Facilitada
Foundation 5 permite a los desarrolladores elegir solo los componentes que desean usar. Foundation 6 llevará este esfuerzo al siguiente nivel moviendo la característica de importación selectiva al archivo _settings.scss Sass.

7. Más ligero y más limpio Sass
En el proceso de rediseño, el equipo de la Fundación repensó todos los aspectos del marco, por lo que también cambiaron la forma en que utilizaron el lenguaje de hojas de estilo Sass . Descubrieron que, en algunos casos, han abusado de Sass que conduce a una complicación innecesaria de la salida de CSS . Con el objetivo de tener una base de código más clara y limpia en su mente, también han racionalizado su estructura Sass.

Si te gustan los mixins, no te preocupes, todos los componentes seguirán teniendo ellos, es solo que serán rediseñados para ser más eficientes y útiles de lo que son actualmente.
8. Grid Mixins mejorado
Al reducir las mezclas de componentes, Foundation 6 vendrá con mixins grid mejorados que nos permitirán crear una grilla más personalizada .

9. Integración sin problemas de complementos de JavaScript personalizados
Actualmente, Foundation 5 tiene muchos componentes de JavaScript, como diálogos modales frescos, información sobre herramientas, barra de navegación adhesiva, lightboxes y muchos otros que necesita un sitio web moderno, pero la próxima versión principal nos permitirá escribir nuestros plugins JavaScript personalizados aprovechando el núcleo de Foundation. . Es un gran paso adelante tanto en facilidad de uso como en rendimiento .

10. Accesibilidad completa
Probablemente la característica más sorprendente de la nueva Fundación 6 es que será totalmente accesible. Cada componente y fragmento de código vendrá con los atributos WAI-ARIA apropiados y los roles de referencia. Además, los desarrolladores recibirán una guía del usuario sobre cómo usar los estándares web .


Construir sitios estáticos con Kit y LESS - Parte I
En esta publicación, vamos a guiarte en un proyecto. En el proyecto, crearemos un sitio web HTML estático, y usaremos Kit Language para construir las páginas HTML, y LESS CSS como el lenguaje de estilo.Si siguió nuestro artículo anterior sobre la introducción de "Kit", encontrará que nos permite usar variables e importar archivos externos, lo que facilita la administración de un proyecto con una gran cantidad de páginas HTML.Dado que

La aplicación Messenger de Facebook ahora viene con una función Instant Games
¿Te apetece una ronda rápida de Pac-Mac mientras chateas con tu amigo en Messenger? Puede hacerlo ahora ya que la actualización reciente de Messenger viene con una función llamada Instant Games.Disponible para las versiones iOS y Android de la aplicación Messenger, los usuarios ahora pueden iniciar un juego a través de la aplicación de chat tocando en el botón del controlador ubicado justo encima del cuadro de entrada de texto. Instan