A story about code and design

Image recognition with TensorFlow.js

Mar 3, 202116 min read

In this post I will show you how to create a simple image classifier, without any machine learning knowledge using a pretrained model form the TensorFlow team. Checkout the demo and the source code. Table of contents Table of contents What you need ...

Let's be fancy with a console signature

Feb 22, 20212 min read

Create a stylized console message and say hello to your fellow developers. Let's get started First you should know that a console message, which is the first argument of a console.log, can be formatted using other arguments. console.log("I'm the me...

Unit Testing in JavaScript

Oct 28, 20208 min read

The different automated testing types Unit tests Integration tests End-to-end tests What is a Unit Test Unit tests are also known as component tests. They take the smallest piece of testable code (in most cases functions) and check if it behaves ...

My favorite tricks with Sass

Oct 19, 20202 min read

1. Dynamically create component variants based on theme colors // Create a map containing all the important colors $theme-colors: ( "danger": #ff0000, "success": #00ff00, "info": #0000ff, ) !default; // Loop through the map to create a variant...

5 reasons to use a Design System

Oct 7, 20202 min read

What is a Design System? A Design System is a collection of reusable UI components with documented norms and standards. This collection includes: Color Palettes Typography Imagery Iconography Motion Layouts UI components, including code snippets. ...

Custom Type Guards in TypeScript

Sep 28, 20202 min read

My previous post showed with some short code snippets 5 useful TypeScript ticks. One of those tricks was a User-Defined Type Guard. Since this "trick" has attracted a lot of attention, I decided to write this short post to make this concept easier to...