Kevin Powell - Community

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

front-end

resources

back-end

ui-ux

os-and-tools

help

Learning AI, ML and LLMs stuffs

Hello guys, I want to learn about ML and AI, how LLMs work and stuff like that, can someone recommend any good resource/books that englobe AI and its entirety please.

How to elegantly identify whether a text-truncate has occurred in React?

I am currently using useEffect to compare scrollSize and clientSize, and optimize the render using memoization. I need to address performance issues, as there may be cases where I have hundreds of components on my page that need to be checked. Truncation can occur at different times for each component, depending on the length of the string. I believe I have written it correctly, but I am looking for the most optimal solution. Maybe someone has experience with this. BTW, if CSS scroll-state() con...

collab

anyone down for a collaboration for an project/brand someone who can build a artunning website, yeah...

center element based on the container size, still not possible ?

Hi . so as you can see in my picture , we have a very simple header . i have a header tag with 3 elements in it . Like usual i want the middle element to be centered exactly in the middle (the center origin of the middle element should be exactly at the half of the header element width). No matter the size of the other elements....
No description

error when trying to build apk using VS Code w/ Flutter for mobile app

"Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Running Gradle task 'assembleRelease'... 204.7s...

Video CSS mask

Hi. I'm new here and wanted to see if anyone could help me with a css problem I got. I need to make a mask for a video like on this video. ``` <header> <video class="video" autoplay playsinline muted loop preload> <source src="./video.mp4" />...

Hosting a PHP-based CMS on Digital Ocean

Any idea how to set up a CraftCMS site in Digital Ocean? It's a PHP-based CMS and I think they use MariaDB. Never did any hosting more complicated than Netlify and I have some experience with cPanel but that's about it, and I can't find any good articles specific for CraftCMS. Would appreciate some guidance!

Challenge 01- Responsive design by Kevin Powell

I encountered some troubles with designing the page like in the challenge. Here's my code I don't know where the problem is maybe is it the paddings ? Or should I modify the HTML part ? /Css work/ body { margin: 0;...
No description

::before and ::after uses

how to use ::before and ::after properly or what uses do they have?

Blog Preview Page

I'm just looking for tips and reviews of the code. 1- I feel like I didn't place the footer in the right way to the bottom, in some screens either it begins floating on the screen or it vanishes from it. 2- I'm struggling at making the responsivity (always centering the article) 3- The words, on the footer, stuck together when I used display: flex, so I had to put a gap on the code, but with that the dots also became distant, and that is annoying me. ...
No description

Improvment needed

I just wanted to ask for your feedback on the design. Do you see any areas for improvement? Please note that the text and images are currently just placeholders...
No description

Anchor links working locally but not when deployed (React)

Relative links in my project works locally but when I deployed it on render, they're not working

Animated details element using ::details-content

Hi, I'm playing with the pseudo-element ::details-content. I'm trying to animate the height. When I go from the closed state to open, everything is fine. When I go from the open state to closed, the height animation of the content doesn't work. I tried applying transition-behavior: allow-discrete; and @starting-style, but it didn't help...🙈 Is there a way to solve this? Thanks a lot. https://codepen.io/luko248/pen/ZEXWmBX

Pricing and Tech Stack Question

Hi guys, as title says, pricing, tech stack question-- UK Campground business client asks for a booking system with invoicing feature (possibly payment as well). Talking backend, is there an option that will not need building from the ground up , e.g. as sanity is for cms (instead of manually setting up db and api)...

JS Course

Hey guys , I found a course of JS on udemy and i would like to hear your opnion about the syllabus. https://www.udemy.com/course/modern-javascript-from-the-beginning/ Thanks 🙂...

Getting the most out of the Book.

Hello everybody, Recently I've decided to get back to "Fluent Python" by L.Ramalho, Does any of you have any tips or validated resource on how to get the most out of reading an Ebook? ...

Form React

i see ppl use useState hook when creating forms why would i need it for except for running validation on each input seperatly what is the drawback of using the FormData class...

Clickable areas on image

I need clickable areas on an image. How can I do that? <map> and <area> doesnt seem to fit the usecase I have.

post-css adding spaces after colons?

I have a vite/react project which came with post-css. just noticed that it keeps breaking my site with these spaces. in my stylesheet style.css there are no spaces, but in the generated build css file main.7cbfcw55.css i have all of these spaces in all kinds of places where there are colons. anyone experienced this before ?...
No description

Font size clamp generators/calculators not working as intended

Hi there. I'm in the process of learning responsive CSS and I was trying to understand responsive font sizes first. I saw someone link to one of these "font-size clamp generators" which, from what I understand, allows you to choose a minimum and maximum font size, either in pixels or rem, and the size in pixels of the viewport width when the font size will start/stop shrinking/growing - they call this "minimum" and "maximum" viewport width. Then the tool will essentially spit out the "perfect" equation for the "preferred" value of clamp (the second variable clamp asks for). This equation is always the sum of a font size and a viewport width....