briancross
KPCKevin Powell - Community
•Created by Dev_zxc on 10/4/2023 in #front-end
UseState() and useEffect()
No. You’re just changing the state of a component, which triggers a re-render in React. Under the hood React is manipulating the DOM of course, but from the programmer’s perspective you’re just changing state.
8 replies
KPCKevin Powell - Community
•Created by Dev_zxc on 10/4/2023 in #front-end
UseState() and useEffect()
If you want to manipulate the DOM, you’d also typically need the useRef hook.
8 replies
KPCKevin Powell - Community
•Created by Dev_zxc on 10/4/2023 in #front-end
UseState() and useEffect()
With a counter you’re simply updating a component’s state. Changing a colour after a component is rendered is an example of manipulating the DOM after rendering, which you can do with useEffect.
8 replies
KPCKevin Powell - Community
•Created by Oxycodone on 9/29/2023 in #front-end
JavaScript question
The loop will execute as long as x is less than 3 so when it’s 0, 1, and 2.
19 replies
KPCKevin Powell - Community
•Created by geforcesong on 9/28/2023 in #front-end
flow chart
You can use SVG in a react component. There’s probably a library you could use as well.
5 replies
KPCKevin Powell - Community
•Created by snxxwyy on 9/25/2023 in #front-end
hero section design
You could add
position: relative
to the image and shift it down with top
. You could also do a transform: translateY()
.19 replies
KPCKevin Powell - Community
•Created by VIG | Podnikatel33 on 9/27/2023 in #front-end
Animate on scroll
I like to use GSAP ScrollTrigger for doing scroll based animations. But yeah, share a CodePen so we can see your approach.
8 replies
KPCKevin Powell - Community
•Created by kabiraaa on 9/23/2023 in #front-end
FEM TODO APP
Cool, nice animations. Good work.
2 replies
KPCKevin Powell - Community
•Created by Special 💀 K on 9/17/2023 in #front-end
Lottie vs Rive for product onboarding interactive presentation.
I prefer GSAP for animations. https://greensock.com/
3 replies
KPCKevin Powell - Community
•Created by briancross on 9/13/2023 in #ui-ux
Need feedback on design for my site
I hear ya. And yes, I’m not expecting anyone to find this site on google anytime soon. Outreach is where it’s at for sure, at least at the beginning. I’ll take your guys’ advice and add the works directly below the hero.
8 replies
KPCKevin Powell - Community
•Created by briancross on 9/13/2023 in #ui-ux
Need feedback on design for my site
I see what you’re saying regarding the heading. I was planning on making the h1 tag the “Edmonton web design and development” line.
8 replies
KPCKevin Powell - Community
•Created by briancross on 9/13/2023 in #ui-ux
Need feedback on design for my site
Hey Misha, I do have some projects to show. I’ll be adding a section for that. This is the main page of the site. I’ll add detail pages regarding services etc. I’ll be reaching out to local businesses initially whose websites have issues and offering advice on how to improve them. No pushy sales tactics or anything. I’ll try to offer some value upfront and then hopefully some of them will have me rebuild their sites.
8 replies
KPCKevin Powell - Community
•Created by C4rlos on 8/31/2023 in #front-end
Part of page without container
A div is full width by default so I'd just put a max-width on it for whatever it should be on larger screens. No media query needed.
7 replies
KPCKevin Powell - Community
•Created by vince on 8/29/2023 in #ui-ux
Font suggestions
Hmmm, I suck at picking fonts. I do like the last one though.
11 replies
KPCKevin Powell - Community
•Created by godlike on 8/28/2023 in #front-end
Allow button to always remain in viewport
5 replies
KPCKevin Powell - Community
•Created by godlike on 8/28/2023 in #front-end
Allow button to always remain in viewport
Try adding 100svh after the 100vh.
5 replies
KPCKevin Powell - Community
•Created by vince on 8/24/2023 in #front-end
Image height
Weird. I have yet to play with Astro but I’ll keep this in mind.
9 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
image wrapper
You could use CSS variables for your padding values to avoid having repeated numbers in your code.
47 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
image wrapper
I’m not sure exactly what you mean. Why don’t you add padding or margin to the text or nav as needed?
47 replies