KPC

Kevin Powell - Community

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

Join

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

CDL

8/21/2023

Trying to add a minlength requirement to a DOM created html node - issues

Hey peeps, me again. Before i go into this, can I ask to the experienced devs, is creating a todo list where you have projects, and then tasks to be added/removed inside those projects with dates etc... is that difficult? because I am STRUGGLING massively with building this, and I feel like it should be easier. Anyway here's my up-to-date code: https://github.com/callum-laing/todo-list...

curator

8/21/2023

svg to clip path

need help converting an svg into clip path: this is the svg: ```html <svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="428.000000pt" height="1298.000000pt" viewBox="0 0 428.000000 1298.000000" preserveAspectRatio="xMidYMid meet"> ...

DoContra

8/21/2023

webflow tip

how i can do this nav in webflow ?

ʙᴀʀʀʏ (✧ᴗ✧)

8/21/2023

E-commerce website

Please how can I make this type of color when hovering on this image?

vince

8/21/2023

Google SERP thumbnails

I have my landing page https://www.vincewebdesigns.com/ and I noticed it doesn't have an image in the search results. Doing some research, I came to the conclusion it's because I don't have an image on that page (only background images and a video). Is that correct? Is there anything I can do? The design I have now, I don't really know where I'd put an image but it's too important to not include an image thumbnail Looking at my page again, I do have one svg image in my navbar (my logo), but Google hasn't been picking that up. I guess it's not relevant enough for Google's tastes. Not sure what my options are here...

megaByte

8/21/2023

Help with learning layering in CSS

Can somebody please recommend me a project to do for completely understanding how to do layering of images/divs (for all positions i.e, absolute, relative, fixed etc.)? I recently started doing Frontend Mentor and came across the following challenge for which I submitted a solution https://www.frontendmentor.io/solutions/responsive-made-with-tailwindcss-and-react-need-suggestions-iGx1IBWVyw Here is the website for the solution - https://fm-interactive-card-details.vercel.app/...

symisz

8/21/2023

Adding image with pseudo before yay/nah (verdict: nah)

So the image is what i want to achieve. I'm using a pseudo selector before to add an image and set it to absolute and then push the text with a padding-left. Would this be considered bad practise? https://codepen.io/symisz/pen/gOZbGYP...

stealthy

8/21/2023

Grid layout with sticky Childs

I am practicing a dummy layout using a grid, I have given the parent of height 100vh and elements that supposed to stick also given a width of 100vh, when I scroll to the very last of the page, the sticky elements content goes up on both sides. Please clarify me on what might be the case and any better approach for it would be welcoming. Please find the codepen https://codepen.io/naveen570/full/YzdPxvM...

Ssadiq Roy

8/21/2023

CSS Animations` Effect on Pseudo-Element

Hello guys.... I am trying to make an animation where a button would bounce on a line. The button is the main element and the line it bounces on is the pseudo-element. I want the pseudo-element to be stable while the button bounces on it but it inherits the parent animation so its not working. This is the codepen link: https://codepen.io/SsadiqRoy/pen/JjwoNpP?editors=1100...

Aldrin

8/21/2023

Pass value on function

Here in this code I want to pass the value of popUpElemt on line no 221 to the above function updateMiniPopUpContent, how can I do this...

4ngel_._

8/21/2023

(Stripe) Responsive Tailwind

Hello I would like to make the UI responsive like Stripe. When on mobile there is a menu which there are options to choose aswell as sub-options. Is it possible to re-create such thing in Tailwind?...

symisz

8/21/2023

Correct way of using BEM methodology?

Hello front-end wizards! I want to take a shot at using the BEM methodology, but I need some help with the following naming. I made a hero component for my guestbook and I'm not sure how to use BEM here. Which would be correct, maybe with some elaboration?...

Aditya Kirad

8/21/2023

carousel not taking height automatically.

hey folks here is my pen. https://codepen.io/adityakirad/pen/zYyxNMN in this I have to explicitly set the carousel container height which I don't want I want it to take space automatically...

Hamza Naeem

8/21/2023

Make text, margin and padding responsive

What is the best practice to make text, margin and padding responsive in a website, I knew there could be different ways to do it, but I wanted to know the best practice that has more benefits and more control over text, margin and padding.

Moni

8/20/2023

Font family

Can any one tell me which font family is used in the navbar i have inscept it but it did not show anything"https://toadityaanand.wixsite.com/testimony

dellannie

8/20/2023

Is there a way to add line breaks with CSS

I'm working on a little challenge and in the mobile responsive section I need to have the text with less line breaks compare to the dekstop version. Can you use CSS to add line breaks or is there another way to do that other than using the

br

br

tags...

Nikita

8/20/2023

Help me with prettier - its not so easy and obviously as you think

in sort I use codesandbox and I know to set up settings in some project I can create folder .vscode in root directory and setting.json inside this folder But my settings doesn't work I already chekced everything related to prettier I checked this https://stackoverflow.com/questions/52586965/why-does-prettier-not-format-code-in-vs-code and everything is fine on my side - but format on save and .prettierrc.yaml doesn't work Its question can contain a lot of Q&A and take a lot of time - so I ask you about DM me and help via voice...

Shivvakumar

8/20/2023

time spent on a webpage

hi Team, i am working on a project where in i need to find the time spent on a webpage, and i also need to store the value and send it to server for analytics purpose (analytics code is not present) here is my code.import React, { Component } from 'react'; import TimeMe from 'timeme.js'; class MyComponent1 extends Component { constructor(props) {...

TrickShottasUnited

8/19/2023

When should i use OR NOT use break tags?

i heard break tags aren't good but its so quick and easy, what should i use instead to get the extra spaces i need?

pierog._

8/19/2023

Name and ID attribute for vue form

Hi, I have a vue form that sends json file to my backend. Do I need to use id and name tag on inputs if I use v-model directive? It looks completely unnecessary to me, but maybe there is some good reason that I am not aware of.

Previous Next

Gaming

Programming

Kevin Powell - Community

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

Kevin Powell - Community

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