January is the time most of us cease reflecting on the year gone by, and start looking to the months ahead. It seems everyone has different ideas on what to expect in 2017 (you’ll read ours next week) and one of the most anticipated changes this year, is the introduction of CSS Grid Layout. Grid Layout allows us to define areas of a page, and determine how they stretch, scale, and respond to the viewport. Developed as a mature layout solution for the web, it delivers an unprecedented level of control in CSS, but if you thought Flexbox was a steep learning curve, you’ve seen nothing yet. One of the reasons no one uses CSS Grid Layout right now is that it offers very limited support; currently, only IE10+ and Edge 12+ [doffs cap in Microsoft’s direction] offer any support at all. However that’s all about to change with full support across all major browsers expected to arrive around March. [pullquote]layout is not really a progressive enhancement[/pullquote] Unfortunately, layout is not really a progressive enhancement. Layout determines many things, not least visual hierarchy, which can be instrumental in conveying meaning. And so, as exciting as Grid Layout is, the new design freedoms that it delivers seem hamstrung for now. The question is, when will CSS Grid Layout be reliable enough to be your default approach to layout online? Probably the most pragmatic answer is: it depends on your target demographic. If you’re building a site for an online CSS conference sponsored by a browser manufacturer, you’re probably good to go; for every other purpose, the point at which CSS Grid Layout is commercially useful, may be a little hazier. CSS Grid Layout is certainly coming soon, to a browser near you. It opens up new possibilities for layout. However, whether it’s usable outside of CodePen anytime soon, is another matter entirely.
Ben Moss
Ben Moss is Senior Editor at WebdesignerDepot. He’s designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. One of these days he’ll run a sub-4hr marathon. Say hi on Twitter.
Read Next
15 Best New Fonts, May 2023
The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …
By Ben Moss
10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)
Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …
By WDD Staff
20 Best New Websites, May 2023
This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…
How to Find the Right White Label Website Builder for Your Agency
Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…
By WDD Staff
Exciting New Tools For Designers, May 2023
There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…
3 Essential Design Trends, May 2023
All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…
10 Best AI Tools for Web Designers (2023)
It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…
By Simon Sterne
10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)
Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …
By WDD Staff
15 Best New Fonts, April 2023
Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…
By Ben Moss
20 Best New Websites, April 2023
In April’s edition, there’s a whole heap of large-scale, and even full-screen, video. Drone footage is back with a veng…
Exciting New Tools For Designers, April 2023
The AI revolution is having a huge impact on the types of products that are hitting the market, with almost every app b…
3 Essential Design Trends, March 2023
One thing that we often think about design trends is that they are probably good to make a list. That’s not always true…