One of the most remarkable features of the command-line interface is the pipe operator. The ability to use the data resulting from one operation as input for the next one makes the process intuitive, while significantly abbreviating the amount of written code, thus making the development flow extremely productive. Consider the followin...
There are countless cases where a leading zero means nothing. It's useless. Its existence is perfectly dispensable. But there are some cases where it is crucial. A common scenario in a programmer's daily life is constructing dates from a standard ISO string. The absence of leading zeros disrespects the standard and, consequently, preve...
One of the most commonly used strategies to allow visitors to navigate through sections of the same page is smooth scrolling. In contrast to the strategy of simply scrolling the page through an anchor added to the URL, which immediately transports the visitor to the desired section, smooth scrolling offers a more fluid experience, guid...
When designing a new application view, there are moments when we want an element to completely fill some remaining variable space. For example, consider a form row containing two elements: a search box and a button. Since the width of this form row is fluid, sometimes shorter and other times narrower, how can we ensure that the search ...
Supporting multiple languages within the same software can be a huge advantage for companies aiming to conquer markets beyond their own country's borders. One of the most popular JavaScript libraries focused on internationalizing applications is i18next. One of the first questions that may come to mind is: if i18next is the next, what ...
Long ago, I was amazed by the release of yet another project by Zeno Rocha, one of the most impressive professionals I know. The project was called clipboard.js. Back then, the most common strategy for implementing any button that copied data to the clipboard was to use Flash, a technology that faded away with the advent of HTML 5. Ove...
Anyone who has needed to ensure that a React component behaves correctly based on parameters passed in the URL has likely faced some level of difficulty with testing. One of the initial strategies used to simulate this use case is attempting to set search params in the URL before the component mounts. Something like: However, by applyi...
About two months ago, while implementing Bordiple, an unprecedented situation arose as I was writing an automated test. Since one of Bordiple's goals is to make front-end development a little easier, CSS code is automatically generated at the time borders are set via graphic interface. CSS code automatically generated by Bordiple The a...
It was mid-2020 when I first heard about Plausible. That was a tweet by Jason Fried sharing the pros of the service, a web analytics tool. Jason highlighted Plausible's privacy-first approach to track the usage of a website. Unlike Google Analytics, Plausible doesn't use cookies e doesn't track people across their devices and across we...
At the moment I finished to write my last post about elements with multiple borders using pure CSS, I kept wondering how productive it would be if there were an online tool that aid programmers and designers to create and visualize multiple borders elements. Since I haven't found any, I decided to create Bordiple. Preview and share you...