Hi everyone! 👋
I'm a self taught Frontend Developer with over ~10 years of experience. Proficient in Svelte, React, Vue, HTML, CSS, Typescript and JavaScript. I can work with Node, Django and Flutter too.
Looking for a remote opportunity or in the EU (require visa).
I'm actively seeking new opportunities to contribute and grow. Let's connect!
#Svelte #React #svelte #Flutter #Typescript
#getfedihired_de #getfedihired #frontenddeveloper #webdeveloper #Hiring #Tech #remotework #opentowork
Yesterday, I ran into a weird bug in Chrome and Webkit (but not Firefox) using the .visually-hidden class inside an element that had overflow set to anything other than auto. The visually hidden elements would create a gap at the end of the overflow element, compounding the more of them there were. I wanted to document the details of the bug, and how I fixed it, because I’m sure I’ll run into this again.
A few years ago, one of my big goals for the year was to watch less TV and read more books. I like a lot of nerdy sci-fi, dark fantasy, and dystopian media that my wife doesn’t particularly enjoy, which means I’d typically end up watching my shows after we watched our shows together and she went to bed. TV shows keep me awake in a way that reading does not (even when I read ebooks on the glowing screen of my iPad).
Over a decade ago, I decided I wanted my article URLs to live at my site’s root path / instead of a subpath (like /blog or /articles) “for SEO purposes.” That made sense when I had a few dozen articles and hosted with WordPress. Today, I have nearly 3,000 articles generated as a flat HTML files with Hugo, and navigating my file system on the server is an unruly mess!
As part of my ongoing updates to my personal site, I decided to add icons after all external links. Today, I wanted to show you how I did it. Let’s dig in! Why? I do a lot of linking on my site, and it’s not always obvious when a link will keep you on-site vs. take you somewhere else. Using [target="_blank"] forces links to open in a new tab or window, but this is considered an anti-pattern for accessibility reasons.
This morning while I was taking my dog to the groomers, the song Violence by Rise Against came on my playlist. And I started crying. Are we not good enough? Are we not brave enough? Is the violence in our nature just the image of our maker? Are we not good enough? Are we not brave enough? To become something greater than the violence in our nature?
Last week, I learned that the punk band Rise Against has an acoustic symphony album called Ghost Note Symphonies. We’ve had rainy acoustic music weather here the last few days, and one song on the album really stood out to me: Miracle. (Here’s the original punk version if you’d prefer it.) It’s a song about not waiting for the change you want to happen. About getting out there and making your dent in the universe.
I’ve been doing a lot of work on my digital garden over the last few weeks, and wanted to briefly mention some updates. I completely replanted the Reference Guides. Rather than being “recreated MDN,” it’s now big bucket of notes and how-to articles, filterable with tags. I’m harvesting content from the old guides, cleaning it up, and planting it anew. I’ve added new garden sections. I now have dedicate planters for my favorite media, places I’ve been to, info about my D&D characters and MtG decks, and my ongoing projects.
The Which Side Are You On? (remix) by Rebel Diaz came out 11 years ago, and it’s more relevant than ever… Gave the money to suckas while our community’s still poor Withdrew the troops but started another war Colonized and terrorized and created an oil crisis So they could make a killin’ on food and gas prices Prisons is fillin’, they tryna lock up the future Militarize borders and control of computers
I just updated the CSS for my website to use a fork of Kelp UI, which includes a much more consistent and easy-to-maintain class system than I had before. Quick aside: if you see any bugs in your travels, please let me know! While it mostly looks the same as before, the biggest change was to the color palette. I’m now taking advantage of relative colors with the oklch() CSS function to dynamically generate all of the colors used on this site from just six hex codes defined as CSS variables.
Vijay Kumar
Chris Ferdinandi