Smooth scroll between sections of the same webpage provides a seamless and pleasant experience for visitors, but how can we test and better implement a component that is easily reusable in other places of the codebase? The solution suggested by this post uses Jest, Testing Library, and React.
Flexbox is by far one of the most challenging CSS features to become familiar with, but behind its complexity, lie superpowers. Discover how to solve this common challenge in flexible layouts in a robust and straightforward fashion.
Dealing with plain text in translation files is a trivial activity. But when part of the translation needs to be in bold or contains a link, challenges may arise. Discover how to overcome these challenges with the aid of the i18next library.
Copy buttons are everywhere on the internet. Using the keyboard to copy data from a website nowadays feels uncomfortable. But would it be possible to write tests that access data stored in the clipboard?
The use of search params in front-end applications is common. However, testing the behavior of components that depend on these parameters may not be as simple as we'd like. Learn how to simulate the parameters found in the URL easily using the History API.
One of the most common tasks in tests written with Testing Library is asserting the presence of dynamic text in the document. But what if the text were indented? How can you ensure that both the text and the indentation are correct?
After discovering a service called Plausible in 2020, I started to remove Google Analytics from all my websites, one by one, until getting completely free of it in February of this year.
After not having found any tool like this on the internet, I decided to make the life of programmers and designers that need apply multiple borders in their creations easier.
Although very powerful, even CSS has its limitations. One of the moments in which you perfectly realize this is when you need to set multiple borders for a single element. With some creativity, however, it's quite possible to code the style you wish.
Explore the power of native HTML and try out several elements that can increase your productivity and reduce the amount of code you need to write, thanks to the versatility of HTML and its harmonious integration with the operating systems of any device.