Lofty!
Explore posts from serversKPCKevin Powell - Community
•Created by Lofty! on 2/9/2025 in #front-end
Need help making the Navbar responsive
The code: https://stackblitz.com/edit/github-ahneo9h2
The page is
/playground
I need to remove the ols entirely, I guess? Can someone help me do that?8 replies
KPCKevin Powell - Community
•Created by Lofty! on 2/2/2025 in #front-end
How to make a button seem more like a button?
I have a navbar with a hamburger here: https://thinking-boats.pages.dev/playground/
From the feedback that I have got from non-devs, the initial "close" svg doesnt seem like a button. How do I fix that?
The first idea was a sort of clipping circle in the svg? Not sure how to add that..
18 replies
KPCKevin Powell - Community
•Created by Lofty! on 1/29/2025 in #os-and-tools
Extension to display colours for oklch and oklab functions?
Is there an extension to display sample colours for functions like oklab and oklch in VSC?
Quick googling doesn't show any results. For rgb and hex we get some examples of the colours as the screenshots attched below, but not for the rest, whihc's a tad annoying.
If there is no such extensions, I could probably write one up as a fun project.
3 replies
KPCKevin Powell - Community
•Created by Lofty! on 10/1/2024 in #front-end
How do you makes "emoji as a letter" accessible?
I have some logo text that includes the word "💡dea" - what would be the best way to write this?
25 replies
KPCKevin Powell - Community
•Created by Lofty! on 9/14/2024 in #front-end
How do I use matchMedia in svelte?
I have a svelte component here.
I plan on making the menu open up whenever I scroll to the top.
However, I don't want this listener to work when the window is like.. x pixels or less.
In vanilla JS, I would use
window.matchMedia, and attach a listener to it, checking when it changes, toggling the menu and removing the listener. What would be the svelte-y way to do so?8 replies
KPCKevin Powell - Community
•Created by Lofty! on 8/10/2023 in #front-end
Follow up on a hamburger animation
I wanted this humburger to start wobbling and walk out of the acreen on click. How would I.. animate it to be so?
I've a small mockup of the wobble animation, but a tad bit confused on how to bring it together.
https://codepen.io/lofty-brambles/pen/JjeqyPj
3 replies
KPCKevin Powell - Community
•Created by Lofty! on 8/9/2023 in #front-end
How to cause transition to happen from the center instead of top left?
The eyeballs come into existence from the corners respectively, how would I make them pop out from the center?
CODEPEN: https://codepen.io/lofty-brambles/pen/JjeqyPj
5 replies
KPCKevin Powell - Community
•Created by Lofty! on 8/8/2023 in #front-end
Eyeball transition effect
How would I go about creating a transition for the hover effect of the eyeball here?
https://codepen.io/lofty-brambles/pen/gOQyEaP
1 replies
KPCKevin Powell - Community
•Created by Lofty! on 6/28/2023 in #front-end
Typecasting CJS "module"
How would you typecast the requireFromString function in this StackOverflow answer?
https://stackoverflow.com/questions/17581830
1 replies
KPCKevin Powell - Community
•Created by Lofty! on 5/2/2023 in #os-and-tools
What kinda perms does a github action need to commit to a repo?
^
1 replies
KPCKevin Powell - Community
•Created by Lofty! on 4/15/2023 in #front-end
TsParticles, Astro and Svelte
I'm trying to use tsparticles within a svelte component, but even with a client:load, it doesn't work? I must be missing something.
I've tried ts-particles astro, but it doesn't seem to work. Are there any examples?
Here's the current repository.
https://github.com/Lofty-Brambles/alpha_esports/tree/main/src
Component is in
components/svelte/Particles.svelte and is being displayed in pages/base.astro3 replies
KPCKevin Powell - Community
•Created by Lofty! on 4/13/2023 in #front-end
How to recreate this background effect?
I'm stuck trying to recreate this, but I've not progressed with anything.
It responds to mousemove and the lines move away from the mouse.
5 replies
KPCKevin Powell - Community
•Created by Lofty! on 3/31/2023 in #back-end
A general curriculum-path thing for Golang
Sharing a note I made to help learn go for the web. Looking for some feedback, especially at the end.
19 replies
KPCKevin Powell - Community
•Created by Lofty! on 3/2/2023 in #os-and-tools
Regex for the -name argument in `find`
I am once again here for your bash support
How do I recursively select all the files that end with
.zsh but not (*install.zsh|*completion.zsh|*.symlink)?2 replies
KPCKevin Powell - Community
•Created by Lofty! on 2/25/2023 in #os-and-tools
Deciphering a bash line
What does this if condition mean?
if [ -f "$dst" -o -d "$dst" -o -L "$dst" ]; then4 replies
KPCKevin Powell - Community
•Created by Lofty! on 2/12/2023 in #resources
Bash reference page
https://www.gnu.org/savannah-checkouts/gnu/bash/manual/bash.html for quick referencing
4 replies
KPCKevin Powell - Community
•Created by Lofty! on 2/1/2023 in #front-end
Colour selector idea
5 replies
KPCKevin Powell - Community
•Created by Lofty! on 1/18/2023 in #front-end
Blob like hover animation
The vercel dashboard (https://vercel.com/dashboard) has this nice hover animation on the navbar.
How would I go about recreating that effect, keeping it accessible too?
(Nextjs, so it's stuff is all garbled up and bundled)
10 replies
KPCKevin Powell - Community
•Created by Lofty! on 1/16/2023 in #resources
NPM Package publishing setup done right... well, it saves you time.
2 replies
KPCKevin Powell - Community
•Created by Lofty! on 1/10/2023 in #front-end
Adding assistive links to Headings
In a general content based website, I, for one, usually, find it handy to have an anchor to the heading tags, and to get a link to it easily.
What's the best element structure for this, that's both accessible and handy for an user?
Some refernces:
2 replies