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

nehatkhan

5/29/2023

how to generate HTML code from a pdf file desing

Hello there, I have an pdf file of doctor’s prescription. My web application takes all the data as input and generate pdf but the design should be like the pdf. So is there any way to generate html code from the pdf so that I can pass the data to the html and it generate the pdf with same design woth dynamic data.

thethingisback

5/28/2023

Promises & Async Await Concept Understanding

I'm reviewing async await rn, and I just wanted to clarify something RE Promises. Promises, on their own, are NOT asynchronous... correct? We use async await with promises in order to make them asynchronous?...

Punitor

5/28/2023

InteractionObserver in React

Can someone help me figure out why the first two items in the project section aren't working with the InteractionObserver in React? When I reach the end, the last project does complete the transition, but the first are not. It was originally working entirely, but once I updated and added the photos, only the last one worked. https://www.devjones.space/...

phyrasaur

5/28/2023

hexagon button with border-radius and border using trigonometry

I'm trying to make a perfectly customizable hexagonal button using just css. So far I still have to use 2 magic numbers for height and translateX. I dunno what's wrong with my math <:pepo_cry:804221412172365834> https://play.tailwindcss.com/1gE4l0GgpT?file=css...

Trazos

5/28/2023

help with grid

Is there a page where I can learn grid in an interactive way, I was reading but I'm pretty stupid learning that way, I'm a person who does everything and learns only by trial and error, I'm trying to make 2 columns, the first with 3 rows and the second with 2 rows and I feel that it is complicating me more than it should be

Å Marlon G

5/28/2023

Constructor confusion ... JS Newbie

In codecademys JS course, a class is defined as an object blueprint, and to call it you must add the constructor function (constructor()): ```js class Dog { constructor(name) { this.name = name;...

Avinash

5/28/2023

Help with grid

im using grid for mobile resonsiveness. when 400px is reached, im changing header from flex to grid so that the logo occupies the entire row, the second and thrid sibling should occupy 3/4 and 1/4 space respectively. ```js <div className="header ">...

sebin

5/28/2023

Filenames in Github

Can I ask why github dont allowed any different filename when pushing a file in github? Why do it needs to be index.html. My files last year are not even named index html but its not showing error 404.

Aditya Kirad

5/28/2023

not able to style the SVG

hey folks I'm rendering an SVG using the img tag like this

<img src='download.svg' alt='download SVG' />

<img src='download.svg' alt='download SVG' />

now I want to change the stroke color and fill color of the SVG how do I do it...

Avinash

5/28/2023

is there a way to make react App flex box without wrapping it inside a div?

```js const App = () => { return ( <Router>...

sum117

5/27/2023

scroll padding not working

hey guys, I have this absolute textarea in my chat app and it's cool in large screens, but when we go to smaller ones I get the input hiding some of the text. I tried scroll padding and it didn't work, what can I try?...

sebin

5/27/2023

Pop up model issue when clicking outside

Hey guyss I dont know what seems the problem here since Im new to JS. I wantt to close the modal when click outsside of it. Codepen attached: https://codepen.io/pen?template=Poygmdy...

Last

5/27/2023

when making a POST request, an extra key shows up in render.com logs where the BE API is deployed.

i am working on a project for my backend class. I built my backend using PostgresQL and Ruby on Rails for my API. I am having problems with my fetch request from my front end client to the API i deployed on render.com

``
export const signinLandlord = async (email, password) => {
  return fetch(

${baseApiUrl}/api/v1/auth/landlord`, {...

sivacharan_3987

5/27/2023

Can We write code for a class or item or tag in another class or id item?

Can We write code like this in css3 .class1 { .class2 {...

Khoa

5/27/2023

How to code this "fade gradient" on image bottom?

I always saw this on popular websites but don't know how to achieve it.

aolko

5/26/2023

What's the best way to make angled corners?

here's an example: https://www.thetalosprinciple.com/ This fine specimen was made with a border image...

nublet

5/26/2023

Suggestions on how to start or tackle this problem.

I want a UI that represents mapping and have the ability to do those mappings. With that in mind I am approaching the problem with SVGS. Some questions that comes to mind are, Can I mask my HTML codes with a SVG and have the HTML functions still executable when I click on the mask? Or should I create the entire environment in a SVG and have clickable rectangles. Here's an example of what I am trying to execute. https://codepen.io/Mamboleoo/pen/NWrBoep...

Anonymous DEV

5/26/2023

Firebase Dynamic Links

i am having problem with firebase if i visit any page on my website i get 404 error except "/" ``` { "hosting": { "public": "public",...

RobyDobyDingo

5/26/2023

Canvas images animation

Hello guys! I need your advice! I've never worked with js canvas, but now, on my work i need to make an animation of spinning globe from 140+ images like it maked here: https://rnd.nlmk.com/ (scroll through main page to find the globe). How to implement something like that? I didn't found anything relative to this problem. I made it in react with simple image index change via state, but it's laggy a bit and not smooth on spinning. Any suggestions?

żeglarz

5/25/2023

How can I achieve similar animations?

I really dig the waves wobbling animations when the user is scrolling, as well as how blood flows through the page when the menu is clicked (https://devilman-crybaby.com/). Is there a way to replicate this?

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