- This topic has 22 replies, 6 voices, and was last updated 11 months, 3 weeks ago by Tom.
May 2, 2018 at 11:30 am #565765Jonathan
CSS Grid is now supported by 87.4% of browsers and increasing.
I’d also like to use grid in the customizer area with the current float framework as a fallback for older browsers.May 2, 2018 at 2:36 pm #565908Burt
There is no doubt that Grid is great for quickly and easily making Grids (-; –
But because of the 20% or so of lack of support, we would need to include @support ( display: grid ); and then make the fallback CSS.
Focus Should Be on Mobile Device Speed:
Generatepress theme is considered in the top 1 or 2 fastest loading WordPress themes.
There is a lot of work coming up out there and the true test of a sites speed is the tools that Gooogle is using – especially the ones that focus on mobile speed. I’ve never seen a theme vendor advertise how fast their theme is on Google’s mobile speed test or the Lighthouse audit. When you compare these test with the standard ones you will most likely say ‘Holy COW!!!’May 2, 2018 at 2:57 pm #565918TomLead DeveloperLead Developer
In time, we’ll likely move to CSS Grid with a Flexbox fallback. Of course, this will be done very carefully, and slowly over time.
Burt – working on removing jQuery completely! Sticky navigation is the next script to be re-written. At that point, only masonry and infinite scroll with require it 🙂May 2, 2018 at 3:07 pm #565925Burt
Awesome Tom – never thought the day would come when I would want to see jQuery framework banished (-;May 3, 2018 at 5:35 am #566395Jonathan
Good points about the speed of the theme and increasing performance and one that is often overlooked by other well known themeframework vendors.
Out of interest what browser support are you building your CSS on?August 26, 2019 at 3:30 am #993582Adrian
Are there any news? Today, CSS Grid is supported by 93.26% of all browsers.
I would love to see GP using grid only by default and then there can be 2 toggles:
– one to enable fallback for non-supporting browsers
– one to enable backward-compatibilityJanuary 31, 2020 at 3:02 am #1150122Adrian
I would be happy about an update with a rough timeframe. Thank you Tom!January 31, 2020 at 11:02 am #1150741TomLead DeveloperLead Developer
Been playing with this for a while now. It’s not an easy thing to do, as we need to keep backward compatibility in mind.
From my experiments, it seems that Flexbox is a better method to handle most things the theme does by default. CSS Grid is awesome, but I’m not sure it applies to the overall layout of the theme.
- You must be logged in to reply to this topic.