Xan
Xan
KPCKevin Powell - Community
Created by Xan on 11/17/2024 in #front-end
Nesting media queries in non-media query
No description
16 replies
KPCKevin Powell - Community
Created by Xan on 11/17/2024 in #front-end
Nesting media queries in non-media query
No description
16 replies
KPCKevin Powell - Community
Created by Xan on 11/17/2024 in #front-end
Nesting media queries in non-media query
No description
16 replies
KPCKevin Powell - Community
Created by Xan on 11/17/2024 in #front-end
Nesting media queries in non-media query
No description
16 replies
KPCKevin Powell - Community
Created by Xan on 11/17/2024 in #front-end
Nesting media queries in non-media query
16 replies
KPCKevin Powell - Community
Created by Xan on 11/17/2024 in #front-end
Nesting media queries in non-media query
I've spent so much time today writing css
16 replies
KPCKevin Powell - Community
Created by Xan on 11/17/2024 in #front-end
Nesting media queries in non-media query
Lol probably
16 replies
KPCKevin Powell - Community
Created by Xan on 6/12/2023 in #os-and-tools
What's a VSCode-like IDE in the browser that has a terminal?
Maybe they're saying that I should've started here
11 replies
KPCKevin Powell - Community
Created by Xan on 2/5/2023 in #front-end
Force text to stay on single line & select class in js
Nevermind 😳
4 replies
KPCKevin Powell - Community
Created by Xan on 2/5/2023 in #front-end
Force text to stay on single line & select class in js
How would I remove the spacing around the div?
4 replies
KPCKevin Powell - Community
Created by Xan on 2/1/2023 in #front-end
Alter letter spacing to make text fill screen width
Thank you very much!
8 replies
KPCKevin Powell - Community
Created by Xan on 2/1/2023 in #front-end
Alter letter spacing to make text fill screen width
Could there be a way to use js to alter only the letter-spacing based on the viewport?
8 replies
KPCKevin Powell - Community
Created by Xan on 1/30/2023 in #front-end
What selector is best for setting font across a page?
Thanks for the help, everyone in this thread 🙂👌
5 replies
KPCKevin Powell - Community
Created by Xan on 11/26/2022 in #front-end
Animate parent (letter-spacing) on child (a) focus
For some reason the animations seemed jittery and after I added a in the css, they weren't laggy anymore.
11 replies
KPCKevin Powell - Community
Created by Xan on 11/26/2022 in #front-end
Animate parent (letter-spacing) on child (a) focus
Alright, I applied the code from your suggestion
11 replies
KPCKevin Powell - Community
Created by Xan on 11/26/2022 in #front-end
Animate parent (letter-spacing) on child (a) focus
I had solved it @myntsu & @MarkBoots (I applied the tag). This is one of the things I was wondering about.
11 replies
KPCKevin Powell - Community
Created by Xan on 11/26/2022 in #front-end
Animate parent (letter-spacing) on child (a) focus
.biglink li {
-webkit-transition: letter-spacing 250ms ease;
-moz-transition: letter-spacing 250ms ease;
-o-transition: letter-spacing 250ms ease;
transition: letter-spacing 250ms;
}

.biglink li:hover, .biglink li a:focus {
letter-spacing: 1rem;
transition: letter-spacing 750ms ease;
}
.biglink li {
-webkit-transition: letter-spacing 250ms ease;
-moz-transition: letter-spacing 250ms ease;
-o-transition: letter-spacing 250ms ease;
transition: letter-spacing 250ms;
}

.biglink li:hover, .biglink li a:focus {
letter-spacing: 1rem;
transition: letter-spacing 750ms ease;
}
11 replies
KPCKevin Powell - Community
Created by Xan on 11/26/2022 in #front-end
Animate parent (letter-spacing) on child (a) focus
Update I meant the biglinks class, affecting all links across the single-page website. I've removed any mention of #homelinks
11 replies
KPCKevin Powell - Community
Created by Xan on 11/26/2022 in #front-end
Animate parent (letter-spacing) on child (a) focus
A thing to note: I'm not good enough at general frontend so I used a no-code builder to build most of the website, resulting in it all being on one line. I did add custom code to animate the #homelinks li and .biglink li on hover.
11 replies
KPCKevin Powell - Community
Created by Xan on 10/12/2022 in #front-end
Text in top right and bottom left of header
https://youtu.be/8QSqwbSztnA just saving this here
10 replies