共産主義のト二イ
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 5/30/2024 in #front-end
How to prevent Flickering caused by backdrop-filter:blur() when transforming/moving on ChromeBrowser
damm, you're absolute right, thank you for the hint with extra headers. I am using the developing tool parcel.js development server, I tried without it and there's no flickering.
5 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 5/30/2024 in #front-end
How to prevent Flickering caused by backdrop-filter:blur() when transforming/moving on ChromeBrowser
It‘s the same code. I copy pasted
5 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 5/26/2024 in #front-end
Bootstrap offcanvas hides the nav without using overflow:hidden! No x scrollbar! What magic is it?
Ah i figured it out, its because of position:fixed, position:fixed for someone reason doesn’t add a horizontal scroll bar. For my project I use position absolute + translate on nav to hide it which is causing a scrollbar, hence i had to use overflow:hidden. Thanks anyways
9 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 5/26/2024 in #front-end
Bootstrap offcanvas hides the nav without using overflow:hidden! No x scrollbar! What magic is it?
no , that overflow on body prevents scrolling top and down when the menu appear, when the menu is offscreen, the overflow on body is removed and there is no horizontal scrollbar causing by the menu offscreen
9 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 5/26/2024 in #front-end
Bootstrap offcanvas hides the nav without using overflow:hidden! No x scrollbar! What magic is it?
yeah but how is the menu hidden? There is no overflow and no horizontal scroll bar.
9 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 5/26/2024 in #front-end
Flex-item with fixed width doesn't shrink in flex-direction:column?! Is it a bug?
you'Re absolutely right !! thank you
5 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
Thank you my Vietnamese Brozer
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
Yes I will try
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
Yes i tried subletting the variable font, but it removes all the weights except one
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
‚font-weight to : 300 - 600‘, I still have to download the file tho ;D, the purpose is to minimize the file as much as possible, because I want to get the best google light house score! I will try your second suggestion.
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
Bro I am using the variable Font, Did you read what i wrote T_T. But i only need 3 weights, i dont want to download theme separately, i want one 1 file
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
Oh my Vietnamese brother, did you even read what I wrote? I am using the variable Font, but it contains all the weights from 100 - 900, and i only need 3 of them. I just want one file which contains the weighs and Alphabet I need to keep the file as small as possible
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
Have you done it before? If yes what tool did u use, I cant find anything related to it
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
I tried to subset the font-variable on frontsquirrel.com as the article mentions, but it removes all the weights except one, it keeps only the weight 100 and removes 200 - 900, I tried many settings, none of them work. I dont know, could you maybe try it and tell me if it worked for you, only if you have time of course.
58 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 11/20/2023 in #front-end
How do I import swiper.js package from node_modules into my main js.file?
Thanks buddy But I figured it out why it doesnt work. The ‚import swiper from..‘syntax mentions in swiper documentation only works with a bundle (parcel, webpack etc). It doesn’t work with pure vanilla js. I dont know why they don’t mention it . For beginners like me it would be so much helpful. To make it work without a bundler I must import the .mjs file which stands for EcmaScript modules.
6 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 7/11/2023 in #front-end
How do I customize bootstrap‘s $form-validation-state?
yeah looks like it. I just don't like the idea of mixing bootstrap with custom css. Thank you Kevin for taking your time. I will watch all your youtube ads 😄
16 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 7/11/2023 in #front-end
How do I customize bootstrap‘s $form-validation-state?
I can override the values inside the $form-validation-states, but adding new properties doesnt work
16 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 7/11/2023 in #front-end
How do I customize bootstrap‘s $form-validation-state?
But I want only use bootstrap.
16 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 7/11/2023 in #front-end
How do I customize bootstrap‘s $form-validation-state?
16 replies
KPCKevin Powell - Community
•Created by 共産主義のト二イ on 7/11/2023 in #front-end
How do I customize bootstrap‘s $form-validation-state?
I want to change the input field to red when its invalid
16 replies