★𝖕𝖆𝖓𝖉𝖆☆
Explore posts from serversKPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 10/22/2023 in #front-end
Section Table Columns
4 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 4/2/2023 in #front-end
How to achieve this design?
Trying to build my website with Nuxt3 but im running into a hiccup where I cant get my CSS right to achieve what i want to do. In my figma design i drew up where I would have my logo in the center of the page (https://imgur.com/a/QqMWA9p). But what iv come across is when i set my
html, body, and nuxts div with the id of __nuxt to a height of 100% it causes my footer to be off the page and my hero logo to be off centered vertically (https://imgur.com/a/AyCkBaQ). What should I try to do to achieve my figma design?7 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 12/2/2022 in #front-end
prettier-eslint useage?
In the process of setting up eslint and prettier for one of my projects and on prettiers documentation they say
Finally, we have tools that run prettier and then immediately lint files by running, for example, eslint --fix on them.and link to their prettier-eslint (https://github.com/prettier/prettier-eslint) npm package. I dont see anything in the README that shows how to use it other than using it in a javascript file, is that the actual intended use of this package or can i use it as a
npm run command? If I can use it as a npm run command how would I go about that because I tried making the script (in my package.json file) "lint": "prettier-eslint" but that just gives me an error of that command not existing.
Hope this is enough information, if not feel free to ask for more info1 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 11/24/2022 in #front-end
Animating Letters
How would I have my letters stay out of view until the animation bring them into view?
https://codepen.io/ReallPanda_/pen/ZERoBvd
13 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 11/6/2022 in #front-end
Multiple Frameworks
Im wanting to make a quick project on making a counter and todo list on some of the most popular frame works. I also want to put all of these on a website as a demo type of thing, but not too sure how to do this because i know they all have their own type of build process.
TL;DR: is there a way to get multiple frameworks, like react, solid, or svelte, working on different directories on a single website?
example.com/svelte or example.com/react8 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 10/28/2022 in #front-end
Hover Effect on siblings
How would I go about making a hover effect for when I hover over one element the elements siblings text color would change. so far I have this but not sure if im even starting at the right place.
https://codepen.io/ReallPanda_/pen/dyKoNdJ
6 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 10/24/2022 in #front-end
Difference from functions and arrow functions?
Been watching a few tutorials lately for normal JS and React and see people use functions and arrow functions, is there any real difference between the two? Should i be using one over the other?
4 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 10/17/2022 in #front-end
Setting up react project with classes
I just followed the tik-tac-toe game tutorial from the React docs (https://reactjs.org/tutorial/tutorial.html) and noticed that we were using classes, but when I use the
npx create-react-app my-app it makes a projects with functions. Is there a way to make a new react project based off of classes or do I have to change those manually?12 replies
KPCKevin Powell - Community
•Created by ★𝖕𝖆𝖓𝖉𝖆☆ on 10/12/2022 in #front-end
Common Breakpoints
Is there a list of common breakpoints most websites use? Having trouble figuring out and finding common breakpoints for desktop, tablet, and then phone.
2 replies