Mr Cookie
KPCKevin Powell - Community
•Created by Mr Cookie on 3/15/2024 in #front-end
the easiest way to make a transition on display css ?
that's cool but not what i mean.
i would like to animate display element for popup, acccordion, dropdown.. basics elements.
but apparently there is still no proper possibility to do it in pure css. except my codepen above with @starting-style
12 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 3/15/2024 in #front-end
the easiest way to make a transition on display css ?
Nice post, this is what I did in my codepen link above, the problem with that is that's not yet deployed and there is no alternative, except for the transition "allow-discrete", linear work well
12 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 3/15/2024 in #front-end
the easiest way to make a transition on display css ?
yeah i guess it's the only way, using illusion
12 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 2/6/2024 in #front-end
Trying to make a simple grid layout
3 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/17/2024 in #front-end
CDN friendly RGPD for font, js, etc
I will try both of your solutions: customizing a Google font and hosting it using the paid option I saw on Fonts Bunny. Thank you both 🙂
8 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/17/2024 in #front-end
CDN friendly RGPD for font, js, etc
True, I just opened the glyphs section of a font on Google Fonts, and there are 50% that I don't need.
strange that Google does not propose option to customize the CDN; it would save them on payload weight.
8 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/17/2024 in #front-end
CDN friendly RGPD for font, js, etc
Because in the waterfall, this font needs to be loaded before everything else, any delay would generate a block time for the rest (i guess)
8 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/17/2024 in #front-end
CDN friendly RGPD for font, js, etc
I am anticipating a bandwidth issue if a user is far away from our servers.
8 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/9/2024 in #front-end
Grid layout system for 1300px
if anyone has a better idea or a codepen to share I would love to learn more and improve my template 🙏
15 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/9/2024 in #front-end
Grid layout system for 1300px
This video was the start of my reflexion, but i can't apply this code on my project because i'm on Drupal, there is so much div added by the cms that broke everything.
and by default all Section should be fullwidth with a white background or not
15 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/9/2024 in #front-end
Grid layout system for 1300px
grid-template-areas is even worse, my website is not static.
I think i will stay on flexbox
I experimented with grid because it seemed more visual and easier to maintain for zoning, but there is so much problem with it and subgrid.
before I used grid only to display a list of cards products, etc.
but it seems that it is not intended to be used at the master layout level
15 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/9/2024 in #front-end
Grid layout system for 1300px
i found a problem on that if i remove the 12 columns, if i have 2 columns not equal, like 1 should be 1 / 8 and the second 9 / -1, you need to specify value for your column manually which is actually what i do in flexbox in pixel.
15 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/9/2024 in #front-end
Grid layout system for 1300px
my ideal view on this was that I create a layout based on a mockup, and in each area I can insert a components in which I can @container query
15 replies
KPCKevin Powell - Community
•Created by Mr Cookie on 1/9/2024 in #front-end
Grid layout system for 1300px
Thank you for the answer, i get it it's lighter than setting 12 for nothing, but i need to creat a grid template for each container too.
I'm trying to learn and apply grid, but I feel like it's worse than using a flexbox layout
15 replies