DEV Community: Pablo

Scrolling Columns

Pablo — Tue, 19 Dec 2023 22:45:11 +0000

New Section! "Pointless UIs"

Today's episode: Scrolling collumns

Navigation Dots

Pablo — Mon, 27 Feb 2023 05:08:52 +0000

Just an idea for a navigation component

Recursion IRL

Pablo — Wed, 28 Sep 2022 18:14:46 +0000

While learning programming or preparing for tech interviews, we go through a vast curriculum of topics. Recursion is often considered as a hard to grasp concept, and one that I still struggle with today.

As with many things, practice makes perfect. And I think that's the main reason I still cannot confidently implement recursion at work. Granted, it's not a jack of all trades and its applications should be considered carefully.

That being said, I'd like to know: do any of you use it regularly in your projects? If so, how did recursion help to solve your problem?

Thanks!

How well does it fail?

Pablo — Sat, 28 Mar 2020 11:08:10 +0000

Photo by chuttersnap on Unsplash

Now when we look at new things added to HMTL, new features, new browser APIs, what we tend to ask, of course, is: how well does it work?.
(...) That’s an excellent question to ask (...). But I don’t think it’s the most important question. I think it’s just as important to ask: how well does it fail? Jeremy Keith, on Evaluating Technology

I just found out that my adBlocker also has an option for disabling all JS on a site:

And that made me think about what master Keith said in one of his talks. So I went ahead and checked out some popular sites to see how well these would fail.

Some of the results might seem obvious, some not so much. I think it is a great exercise, to see these sites without JS enabled, because you get to see how great teams dealt with failing well. In some cases, a small design choice makes the page hold up, in others, a completely different site is served. I encourage you to try it out!

Let's see some examples:

YouTube

Twitter

Dev

Google

So let's play a game! Dive into the web, and look for interesting sites and see how they approach a JS-less world. I'd love it if you would post your findings as well!

Disclaimer: this is just for fun. No need to indulge in why js matters discussions, it's not the point here.

sPlice !== slice

Pablo — Fri, 20 Dec 2019 16:38:21 +0000

This is a short post for my future self.
Hi Pablo! Back here already? Yeah, I know, splice, slice, which one is it?? But don't worry, you've got this, only this time we're writting it down!

So, long story short: do you want your array to be mutated? Really? Well, go ahead, sPlice the hell out of it. See what I did there? Capital P, as in "Produces Side Effects, Pal!"

Why, you ask? Because...

The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements.
see MDN Docs

Conversly, .slice() method will graciously return the desired data, keeping your beloved original array unmutated. Just tell it where to start and finish (optionally)... slice will comply, no questions asked:

The slice() method returns a shallow copy of a portion of an array into a new array object selected from begin to end (end not included) where begin and end represent the index of items in that array. The original array will not be modified. see MDN Docs

You can search the webs for examples and more in depth docs, but this should make it easier next time you hit the mental crossroad... splice or slice, you choose (wisely, now)...