Okay, so I’ve been seeing this name, Joel del Rosario, pop up in a few places, mostly related to some cool web dev stuff. I got curious, so I decided to dig in a bit and see what I could find and try to replicate.
First, I just did a simple Google search. You know, the usual “who is this guy” kind of search. Turns out, he’s got a website. Looked pretty slick, lots of interactive elements.
Digging into the Code
I opened up the developer tools in my browser (you know, right-click, “Inspect” or “Inspect Element”). This is where the fun begins. I started poking around the HTML, seeing how he structured things.
- Lots of divs. No surprise there, everyone uses divs.
- Some interesting class names. Stuff like “hero-section,” “project-card,” “contact-form.” Gave me a good idea of the layout.
Then I hopped over to the “Sources” tab. This is where you can see the actual files – the HTML, CSS, and JavaScript. I started with the CSS. Found some nice, clean styling. He’s clearly got a good eye for design.
- Saw some CSS variables being used. Smart! Makes it easy to change colors and fonts across the whole site.
- Animations! Smooth transitions and hover effects. I gotta learn how to do that.
The JavaScript Magic
Next up, the JavaScript. This is where things get really interesting,I found some cool interactive elements.
- One was for sure, event listeners.
- Saw some functions to make it responsive.
I copied some of the code snippets into my own little test file, just to play around with them. Changed some variables, tweaked some values, you know, the usual developer tinkering. It’s how you learn, right?
Putting It All Together
After spending a few hours poking around, I felt like I had a decent grasp of how things are built. It’s not rocket science, but it’s well-executed. Clean code, good design, and some clever JavaScript * is time to build my own.
My takeaway? Practice makes perfect. Seeing how other people build things is a great way to learn. And Joel, if you’re reading this, nice work!I did make my own simple website, and got better.