Foundation 6.4 Released

Paddi Macdonnell.
June 28, 2017
Foundation 6.4 Released.
Foundation 6.4 has been released by the team over at Zurb, and while it’s packed with tweaks and improvements that you’d expect from any release, the big news is that the Flexbox-based grid is now the default layout tool.

XY Grid

The new grid is called the XY Grid, and it’s truly powerful thanks to the underlying Flexbox technology. In the XY grid you can control layouts both horizontally (x) and vertically (y) thanks to the super-amazing power of Flexbox. Foundation has been playing with Flexbox for a while, in fact it was one of the first frameworks to adopt Flexbox as a layout option. Adopting new technology in this way is one of the things that’s kept Foundation ahead of the pack. All we’ve been hearing about for months is CSS Grid for layout, but actually CSS Grid is still cooking with support not quite there yet—support for Flexbox is consistent across the board which makes Foundation 6.4 the way to layout websites. Of course, the old style grid is still there, for those people that need legacy support, but the XY Grid is so cool, you’ll want to stick with the new default.

ES2016

Foundation 6.4 also adopts EcmaScript 2016 standards, in practical terms the most up-to-date JavaScript there is. ES2016 moves us further towards OOP JS and that means far more efficient scripts, that run faster and enable better user experience. Again, there’s some backwards-compatibility options, so don’t panic if you’ve got client sites that you don’t want to update, or seriously backward browser requirements.

Prototyping

Foundation was built as production code. Despite this lots of people (seriously, lots) use Foundation for rapid prototyping—sometimes you just need to throw together a working prototype, take it to users, and gather their feedback. Unfortunately, it’s not always been clear which parts of Foundation were designed to enable rapid prototyping. The fallout from that being that occasionally, unwitting developers would push prototype-standard code out to a production environment. Sad gifs all round. Zurb are tackling that in Foundation 6.4 by giving us a whole heap of prototyping helpers and even a “prototype mode” to speed up prototyping. This smells like something that’s going to evolve in future!

Get Foundation 6.4

Foundation 6.4 looks like being one of the best updates yet: tons of performance improvements and a whole new way to layout sites thanks to the XY Grid. Foundation 6.4 is free to download from Zurb, and if you’re excited about getting up to speed on the XY Grid Zurb are running free webinars tomorrow (Thursday 29th June) and Friday (30th June)—make sure you sign up fast because there’s limited spacing.

Paddi MacDonnell

Paddi MacDonnell is a designer and entrepreneur from Northern Ireland, follow her on Twitter.

Read Next

15 Best New Fonts, June 2024

Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…

20 Best New Websites, June 2024

Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…

Exciting New Tools for Designers, June 2024

In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…

3 Essential Design Trends, June 2024

Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

How to Reduce The Carbon Footprint of Your Website

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Has AI Killed User Testing?

Web designers employ user testing to evaluate a website’s functionality and overall UX (user experience). Various…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…