Feb 5CSS: CountersI was recently watching some Kevin Powell videos on CSS, and I learned about an interesting feature of the CSS library. It turns out CSS provides us with counters, which are just variables that can be incremented, decremented, or reset. These counters can be handy for a number of things…CSS4 min read
Jan 29What are CSS Keyframes?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…CSS3 min read
Jan 22CSS: Min, Max, and ClampWhen 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…CSS2 min read
Jan 15Multi Threaded RubyRuby 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…Ruby3 min read
Jan 9JavaScript: Surprise Octal NumbersIn 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…Java Script2 min read
Jan 2What are JavaScript Workers?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…Java Script3 min read
Dec 26, 2021Basic JavaScript MemoizationIf 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…Java Script6 min read
Dec 17, 2021Why GraphQL when I can REST?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…Graph QL3 min read
Dec 12, 2021Positioning with Mouse Events, Offset, getBoundingClientRect, and getComputedStyleOn 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…CSS5 min read
Dec 5, 2021React: props.childrenCode 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…Reactjs2 min read