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

Spaces around a Slash or not?

On mobile for an accordion menu, which do you like better... News/Analysis News / Analysis...

Can I mix Labels and Links in an Accordion Menu?

For mobile, can I have both text labels/headings and hyperlinks? In the mockup, "News & Analysis" would be a text heading, to tie together these hyperlinks.. "by Subject"...
No description

I'm not sure why I'm getting this error.... I downloaded only from microsoft official things?

So for some reason there's a non trusted instance being used for the license? Which I don't quite get, nor do I understand how to resolve it (as I don't know what the actual issue is...)
No description

Creating curved text

I want to create a half-circular curved text. I found a few articles: https://css-tricks.com/snippets/svg/curved-text-along-path/ The issue is, these don't seem very responsive and I have to pick very specific font-sizes to get this working. Is there an easier way or would it almost be better to just make it an image and give it alt text?...

Can't give a background color to the image

I'm displaying and image using the background-image property and I also want to make the image a lil bit darker using background-color here's the picture(left one) and here's how I want it to look like (right pic) I also tried background:color url(path) but that didn't work too...
No description

Sum Count Of Weekend Days In Overlapping Periods (MySQL)

I need to get a total count of all Fridays and Saturdays for all overlapping periods against my selected Checkin and Checkout dates. Table "special_prices" structure: ``` - id (int)...

Improvments for my design

Hey Guys 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

need feedback/suggestions for UI

So I'm creating application and it has Screenlock / changing PIN/Adding PIN , So my all 3 of it has following same UI but different text as "Change your pin" , "add a pin" , "enter u r pin" , So i done with functionalies but Is there any way I can improve my UI or I'm thinking about lock svg / icon with like when I unlock , want to show a animation of its being unlocked or should I go with like showing text as "incorrect password" or should I trigger a vibration if it's incorrect I find a gap at top a big so yeah...
No description

Does jumping from a menu to a landing page hurt Site-Indexing?

Not sure where to ask this... On mobile, does it hurt SEO if a user jumps to a sub-section from a menu? For example, let's say that I have this structure... (see screenshot)...
No description

Firefox default size for iframes

I manage a website for a sports club where they use Google Sheets to manage competition data, and the sheet calculates league positions. I then embed sections of spreadsheet pages on their website using iframes so that players have access to results and league positions. The website is built in WordPress using the Elementor page builder. The iframes work fine in Chrome, but in Firefox, the "window" is limited to 150px as Firefox does not accept a height of 100% as a valid parameter - I believe t...

How to add custom fonts with tailwind

How to add custom fonts with tailwind

Invalid hook call

I dont even know how to tackle the problem, all i know it has something to deal with ``` export const useAuth = () => { const context = useContext(AuthContext); if (!context) {...

Deal with images of different aspect ratio inside grids

What I get is the thing you can see in the pic attached. This is the code behind it: ```scss .posters { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, auto)); // fluid grid...
No description

Metallic animated CSS Gradient

I have an animated CSS only Gradient on https://westnine.tempurl.host/ that I am trying to make look like a metallic shimmer but only using the colours within the SVG. At present it is looking a bit rainbow-y for lack of a better word. Can anyone help? 🙏🏻...

Choosing appropriate database based on type of data

Hello guys, was just reading a bit about structured and unstructured data. I read that normally, social media posts unstructured data. Basically, in order to store unstructured data, we use databases like MongoDB (a kind of NoSQL database I think). My question is, I remember that I was doing a small project on a social networking site and I read in a post somewhere that it's better to use a relational database like Postgress rather than mongodb. Can someone elaborate why please. Because here we have both structured and unstructured data, so which kind of database/types of database would be the most appropriate.... is it possible to use a combination of both?...

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