Ugh. The chore of refactoring a personal site. We all should do it but who has the time? This is the seventh iteration of my personal site, so I wa...
For further actions, you may consider blocking this person and/or reporting abuse
Hey Steve! This is really cool, I actually am developing my portfolio this way too! My goal is to make a mobile-friendly aesthetic website with no frameworks, CSS or JS. It is still in the making, but would love you could check it out here: github.com/raghav-misra/oblivionte...
Looking through your code I think it’s fairly well organized.
One of the biggest pain points for me working with custom elements was event handling. I don’t particularly like calling addEventListener all over the place, which is why I made a Decorator in Readymade that makes for cleaner code. That’s just preference though. It doesn’t hurt to use a library for web components to abstract things like this into a mixin, decorator, or other form of reusable logic. I do like how you’ve gone down a path implementing things from scratch. It means you’ll learn a lot more.
A note about the polyfills: import them from npm packages instead of static code in your repo that way you pick up bugfixes and improvements. Make a polyfill file, import each polyfill from npm packages then load the file in the head of the website.
Oh, the polyfill predicament. I am using Netlify to host my site and I am unable to access
node_modulesin my published directory. I was thinking of usingcdnjsto serve the polyfill but wasn't sure.Also, what you said is precisely the reason I reinvented every wheel possible lol. I wanted to learn the internals. Even my crappy SPA router! To alleviate some pain to no frameworks, I wrote some JSX factory function to build DOM nodes. But honestly, something like Readymade, even though it's so small of an abstraction, would ease development a lot.
What issues are you experiencing? AFAIK the only view in need of a perf boost is the blog, which could use some lazy loading for the images.
What a cool interaction!
Thank you!
It looks amazing 👌😍
Sorry about that. It seems Russia federal censor blocks DigitalOcean I.P. as well.
Steve, Your portfolio is very good, don't you think the hamburger size is huge?
Could be. Maybe to keep the recommended 44 x 44px hit area I should add some padding.
Looks neat. that visible scrollbar could be hidden though, while still keep it scrollable?
Bookmark this
Hi! "The two sides of the brain..." is just a myth, please stop using this.