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, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
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…
By Ben Moss
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…
By Ben Moss
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…
By Simon Sterne
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,…