Keyframes in CSS give us a way to define how our animations behave. They are used along with the animations properties to describe what our elements will do, and help us to really fine tune them. And the best part is they’re easy to use! If you’ve used the transition…

When I’m writing CSS, sometimes the amount of properties I have on my classes starts to feel ridiculous. One way we can reduce the amount of code in our CSS files is by using the min(), max(), and clamp() functions. These functions allow you to specify which value from a…

Ruby has a reputation of being slower than some other programming languages. One way we can help to improve this is by using different Threads to perform I/O (Input/Output) operations. Ruby in its typical configuration is single threaded, as all operations need to be passed through a GVL, or Global…

In a recent problem I was working on, I was parsing the individual ones and zeroes representing the bits of a binary number, and assigning them to variables. I quickly ran into something I didn’t expect. When I tried to assign some numbers to a variable, it would be saved…

Web responsiveness and performance is becoming increasingly important both for user experience, and SEO. One big thing that has always hindered us in these areas is lengthy JavaScript execution. Calling scripts at the bottom of your document, and using asynchronous JavaScript helps, but certainly can’t fix all your problems. Let’s…

If you’re new to JavaScript, there’s a good chance you’re using a website like LeetCode or HackerRank to improve your algorithm skills. A big part of this is getting better at using both recursion and iteration to solve problems. One trick that can greatly improve your recursive solutions is a…

If you’ve had to fetch data before, there’s a good chance you’ve used a RESTful conventions to get data from an API. You have also probably heard that GraphQL is another interface through which you can access your data. But why would you want to use GraphQL over your trusty…

On a recent project, I was using event listeners on mouse events. I was trying to determine where on some elements I had clicked, as a percentage in relation to their width. During the process I came across a couple different ways to solve the problem, using different methods provided…

Code reusability is key in React. One nice tool we get for abstraction and reusability is props.children. Based on some explanations out there, it can take a second to understand exactly what’s happening in the code. However once you get it, it quickly becomes apparent how useful this feature could…