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

JWT TOKEN

I need an example of how to store the accessToken in memory and refresh token in httponly cookie ( i am using react axios and express ) a simple writted code/good video ( preferably a written guide/ or justa bunch of code ) PLEASe...

When to use `span` over `p`?

I feel like I've gone full circle 😂 Semantically, p is for... paragraphs. So if I just have a sentence of text, should that be within a span? Would you still put it in p?...

Full width designs

Hiya this is a pretty generic question but I'm having a hard time trying to figure this one out. Plenty of modern designs these days are full width, but then how do I go about with the break points? And how would I know the ideal sizing for space and fonts especially for larger devices? Like I've learnt to always put a max width but like in this example the image stretches to the extreme left. Is there any resources already out to help with this?
No description

Creating View Transitions that are non-blocking

Does anyone know if it's possible to create view transitions that don't block user interaction? For full-page transitions (e.g. MPA navigation) then it makes sense that the page is not interactive but for small DOM updates, it would be great if while a small part of the page was running a transition, then users could still click and interact elsewhere. Does anyone know if this is possible? I can't find a definitive answer online....

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 🙂...