simonemaranzana.com
Frontend developer and co-founder of justevolve.it and advancedcolumns.com
27 posts
66 followers
128 following
Regular Contributor
Active Commenter
comment in response to
post
This is huge! 🔥🔥
comment in response to
post
I suggest using @11ty.dev , and if you need a CMS, you can integrate Tina (tina.io) or something similar
comment in response to
post
I understand that the goal is a more generic approach, and the mobile-first strategy is probably geared towards a more skilled audience. However, the data structure (and style engine) should support it—perhaps through a theme.json configuration for pro users?
comment in response to
post
I know—it was just too hard to resist making a joke! 😂
comment in response to
post
Fun fact: since I tend to use at least one height query in every project, we have designed @advancedcolumns to support all kinds of media queries. However, we have temporarily hidden this functionality because it can be too challenging for casual or intermediate users to use
comment in response to
post
That's why it's called advanced 🙃
comment in response to
post
5/ What’s next?
We’re bringing CSS Subgrid support to the next major update of the @advancedcolumns.com #WordPress plugin.
You’ll also get even more controls over individual item dimensions—making it easier than ever to build precise, beautiful layouts.
👇
comment in response to
post
4/ How does CSS Subgrid work?
Subgrid can propagate rows, columns, or both.
This opens the door to much more advanced layout solutions, all while keeping your CSS cleaner and simpler.
I highly recommend @ishadeed.com guide: https://buff.ly/3wMy61j
As always, it explains the concept brilliantly.
comment in response to
post
3/ What is CSS Subgrid?
Subgrid is a grid propagation method that allows a child element (e.g., a single column) to inherit the grid structure of its parent.
In our example, Subgrid enables you to share the same alignment across all elements in every column—without messy workarounds.
comment in response to
post
2/ What’s the challenge here?
You want all elements across the columns to align perfectly—but the nested elements inside each column don’t inherit the parent grid’s structure.
That’s where CSS Subgrid comes in.
comment in response to
post
Uhm, this is strange since the filter should behave the same as the block.json property. On the frontend, we are using the core get_block_wrapper_attributes function. I did a quick test, and indeed it is not working with the filter, but it is working with the block.json 😕 I need to debug it further
comment in response to
post
Sure, we will add it in the next update.
Meanwhile, you can enable it using a filter if you want: nickdiego.com/how-to-modif...
comment in response to
post
Sounds great! Let me know if you find anything missing that’s not already on our Featurebase board
comment in response to
post
I’ll add these options to the roadmap on Featurebase for the next release. Do you have any other feedback or anything you feel is missing?
comment in response to
post
Sure, it’s definitely possible. Are you looking for a columns or column padding preset (or both)?
comment in response to
post
It went that way because there was no regulation or structured system to manage notifications. A couple of years ago, a project was started to rethink notification management. Do you know if any progress has been made on that? Will there be something like that in the new admin UI?
comment in response to
post
@buffer.com, but it doesn't support video upload for bsky yet
comment in response to
post
codepen.io/simo_m/pen/P...
I couldn’t find a fully CSS-based solution, so I tried a different approach using a linear gradient instead. I still need to calculate the grid structure with JavaScript, and the code could probably be improved
comment in response to
post
:last-row is all we need here!
I saw a video by @kevinpowell.co a couple of days ago on something very similar
comment in response to
post
Managing an evenly spaced grid shouldn’t be too complicated. I think the real challenge is handling a grid with areas of different sizes (or with different columns/rows sizes), as it’s harder to rely solely on CSS
comment in response to
post
Thanks for sharing! It’s lightweight and seems to work really well! Right now, I’m afraid the only feasible solution is to use JavaScript to extract the correct values. I’ll run some experiments because we might be able to expose some CSS variables to simplify the calculations
comment in response to
post
This is really nice! I’ve thought about this option several times; I may need to explore it further to find a stable way to add it. Is this a live site? If so, could you share the link? Also, if you have any feedback or suggestions for the plugin, feel free to DM me!