M@HeR
KPCKevin Powell - Community
•Created by M@HeR on 12/27/2023 in #front-end
responsive grid react window
I have grid container with row and col is dynamic from data serting
I render list of card
I want to virtualise this list with grid list of react window or birtuoso
But the problem is lost responsive and. All card not showned correctly
Who have ide to reponsive grid virtualization
13 replies
KPCKevin Powell - Community
•Created by M@HeR on 12/21/2023 in #front-end
css problem grid
My problem is i have container 860/1300 for example
I have list of items
And i have dynamic col and rows for devising this container
I want to see in this container rowxcol
Divided in full container and when i scroll i see the rest of items with same view
I want to make grid and show items
39 replies
KPCKevin Powell - Community
•Created by M@HeR on 12/18/2023 in #front-end
why grid display is slow
I have modal show a list of card product
With display grid and col and row repeat(5,1fr)
I have 50 product
And i show 2 container with 2 container with 25 item
Its take 4 seconde to show modal
I search i see is flex more speed than grid
Any suggestions
7 replies
KPCKevin Powell - Community
•Created by M@HeR on 11/26/2023 in #front-end
loop vedio
hi every one why loop vedio attribute cause high cpu usage how to resolve it
8 replies
KPCKevin Powell - Community
•Created by M@HeR on 11/25/2023 in #front-end
animate image transition
i have image 1 and i have other image 2
i want to make animation of image1 to image2 with animation
for exaple when add select product i want to move img product to image of shopcart
5 replies
KPCKevin Powell - Community
•Created by M@HeR on 11/11/2023 in #front-end
problem of height of div take heigh independent to his content
i have container with grid display and row and colm change depend on data getted
and i map list of card product to show all is ok but
card product have 2 div first box contain the iage and the second box have 100px height fixed my problem when i have slow server i see secondtbox render first and th rest not show after th image was loaded how to make the first box take the rest of heigh of card without wainting loading picture
i try heigh 100% and minheight calc(100%-100px) but not work
47 replies
KPCKevin Powell - Community
•Created by M@HeR on 8/1/2023 in #front-end
swiper js is slow in touch screen
I use in my app vertical swiper js but in production i see that swiper is slow on scroll react app and i use swiper js v8
I want to replace swiper with html and css no package if you have sample i will be thankful
And i want to rotation effect and coverflow on selected categories
6 replies
KPCKevin Powell - Community
•Created by M@HeR on 7/25/2023 in #front-end
how to center last row item in grid display
how to center last row item in grid display.
the center of last row when number of items less than number of grid template columns
what is the similar of flex:flex wrap
11 replies
KPCKevin Powell - Community
•Created by M@HeR on 7/24/2023 in #front-end
card same height with grid display
I want to make card with same height with different content
The problem is of
Grid template row:repeat(3,minmax(200px,450px))
When i have card without discription the height will be less than other
3 replies
KPCKevin Powell - Community
•Created by M@HeR on 7/13/2023 in #front-end
responsive container depend on list items
How i can make my container responsive
Depend on number of items
1:1 col 1 row
2 :1 col 1 row
3 :2-2
4:2-2
>20:4-5
Thers dynamic with css
14 replies
KPCKevin Powell - Community
•Created by M@HeR on 3/30/2023 in #front-end
how to make carousel
I have react app with vertical swiper
I use swiper js to have swiper with cover flow and rotation
But i see is not fluid on touch scroll like is slow
Not like normal scroll on ant container
Who have same issue
If better if to do it with css only
1 replies
KPCKevin Powell - Community
•Created by M@HeR on 3/29/2023 in #front-end
animation infinite cpu!!!
Why css animation infinite take all cpu 100%
When remove it the cpu will be free just asking to know and what best practices to use css animation
11 replies
KPCKevin Powell - Community
•Created by M@HeR on 3/14/2023 in #front-end
react window
I have flex card mui and responsive
I want to use react window but i cant get same design
Who have any idea to fix that
React-window with responsive card
If have 2 card i show 2 card vertical centered in container
-if 3 card 2 card in row et 3 card in midle of second row
If >4 i show 2 card by row
I hope my problem is clear
2 replies
KPCKevin Powell - Community
•Created by M@HeR on 1/4/2023 in #front-end
how to change display direction depend of child of container
how to change display direction depend of child of container
for example if have 3 childs display direction unset if not display direction : column
4 replies
KPCKevin Powell - Community
•Created by M@HeR on 11/24/2022 in #front-end
whats best for perfermance inline css or styles component
for conditionnal css what the best for performace and powerful and clean code
what i should to use inline css or styled cmonent
4 replies
KPCKevin Powell - Community
•Created by M@HeR on 11/22/2022 in #front-end
create custom popper with mui5
1 replies
KPCKevin Powell - Community
•Created by M@HeR on 11/22/2022 in #front-end
there’s solution like container nes css future
I have container include some card i want to modify the content of card depend on height of container
7 replies
KPCKevin Powell - Community
•Created by M@HeR on 10/31/2022 in #front-end
change class property depent on div heigh
I have containers in first mode height is >1400px
And in second mod is < 400px
I want to change background color
When toggling height mode
.customClass{ background color:red}
Media query not working
26 replies
KPCKevin Powell - Community
•Created by M@HeR on 10/31/2022 in #front-end
responsive card depend on number of card
18 replies