avatar

Frontpills

Software Engineer

Implement and Customize Dark (and light) Mode in CSS

Providing support for different dark/light modes on your site goes beyond a mere trend. It has evolved from being an ’extra’ to a functionality that users appreciate and actively use.

Disallow AI Training in your web

Protect your original content from being used for AI learning.

Scrollable Element Shadow Hook

Add a right/left shadow cue for a scrollable element that exceeds its container width.

Functional JS: Monads

Programming with monads became very popular with the Haskell language, but nowadays they can be used in other languages like JavaScript.

Functional JS: Partial Application and Currying

These two techniques can help you simplify the code, even if the paradigm of your project is not functional.

Functional JS: Functors

Let’s review one of the most interesting concepts within functional programming.

New ES2020 features

ES2020 comes loaded with interesting features. Let’s review the most important ones.

Css Grid Layout 101

CSS Grid is now an established feature of CSS. Gone are the days when float was our only weapon to composing demanding layouts.

React Query Cache Keys

To make more advanced use of react-query requires mastering some strategies for cache management. One of the simplest is centralizing the generation of keys.

React Query Hooks

React Query is arguably the most popular library for React. I’m going to show how I typically use it with a simple example.