Grid_styled_content - a state-of-the-art successor for fluid_styled_content

By Markus Timtner - @mtness

What is your idea about?

Introduction:
Nowadays it is no longer difficult to create complex layouts. Thanks to modern web technologies such as HTML5 and CSS3, the possibilities have expanded enormously.

The status quo:
The use of wrappers or containers is one of the most widespread design patterns of all. By using gridlines, complex layout systems can now be realised with minimal and accessible markup - and all without the use of a framework.
When we let display: grid do its work, we benefit from fewer ‘headaches’ and a significantly faster development time.

New possibilities:
Based on these principles, I have developed grid_styled_content, which is intended to serve as a successor to the previous standard solution fluid_styled_content.
Why don’t we just apply the principles of ““Let’s make a simpler, more accessible web”” now?

Looking back:
fluid_styled_content and before that css_styled_content have faithfully accompanied us over the last 10+ years and served us well - for which they deserve a big thank you!
However, a lot has happened in the meantime. Thanks to HTML5 and CSS3, we now have completely different possibilities than we could have imagined back then.
In particular, the CSS attributes display: flex and display: grid allow us to realise appealing designs with efficient code.
We need to revise the markup of the necessary content element layouts, templates and partials.

Why further development is necessary:
Although there are now promising options such as mask and now content_blocks to create custom content elements, we don’t want to start from scratch with every instance -
especially with regard to adaptivity (responsiveness) and accessibility. Therefore, it is time to revise the markup and the possibilities of fluid_styled_content and make it fit for the next 10 years - at least!

What do you want to achieve by the end of Q4 2024?

I want my extension ready to be integrated into the core.

What is the potential impact of your idea for the overall goal?

The potential impact will be huge - since it will be the first time that our beloved CMS will feature a standard theme out-of-the-box. Sitesets will come in handy here.

Which budget do you need for your idea?

10.000 Euro

Please note: After the start of the voting we can not change the idea description nor the idea outcome. If this idea is selected by the members, it must be archived as described.

2 Likes