Sat Dec 11 2021

How to create an interactive donut chart using SVG

In this post, we'll make an SVG donut chart with clickable slices. We'll go over the math and SVG usage in detail, and we'll finally implement the solution.

Thu Nov 25 2021

I made a working Gameboy CSS art try it out 🕹

In this post, we will talk about a couple of things that went into this project. First, we will talk about the maze generation algorithm, and the maze solving algorithm. Then we will talk about some CSS art key concepts.

Mon Nov 08 2021

Responsive images for better performance Start using srcset and picture

In this article, we will be talking about responsive images, screen sizes, pixel density, and how the srcset and sizes attributes can help us achieve better performance and a great user experience...

Mon Nov 01 2021

5 tips to finish your side projects and make money doing so

This past year I worked on a side project, and for once I saw it through to completion and profit. While working on this project, I made some good decisions as well as a lot of mistakes! In this post, I'll share with you 5 points that worked for me. Hopefully they will work for you...

Tue Oct 26 2021

A deep dive into ES6 Classes

Classes were introduced in ES6 (ECMA script 2015) and we can leverage them to structure our code in a traditional OOP fashion by defining a template for creating objects. In this post we'll learn everything about ES6 classes, then we will compare them with constructor functions and prototypal inheritance...

Mon Oct 18 2021

A deep dive into Javascript property descriptors

In this post we’ll take a dive to see how objects are created then we'll talk about some interesting properties of object’s properties...

Mon Apr 20 2020

7 amazing CSS properties you may not know (yet)

Learning CSS is the way to go to build good-looking web pages. However, in the process of learning it we tend to confine ourselves to always use the same properties over and over. So, in this article, I'll try to introduce you to 7 CSS properties

Wed Nov 13 2019

CSS Grid 3 practical examples

In this post, we will have a look at 3 situations that you might encounter in your projects as a web developer. First, we will implement a search-filters component. Then, we will have a look at how CSS Grid could help us easily implement an image gallery that otherwise would have been difficult. Finally, we will implement one of those trendy homepage layouts that keep popping up on dribble...

Tue Oct 15 2019

Angular Build more dynamic components with ngTemplateOutlet 🎭

In this post, we will define what ngTemplateOutlet is, then we will build the list component we mentioned above as well as a card component to see the two most common ngTemplateOutlet use-cases. We will do the implementation of these components step-by-step, so by the end of this post, you should feel comfortable using this in your Angular components...

Thu Sep 12 2019

CSS Grid illustrated introduction

In this post, we will learn about all the CSS grid properties to build easy and some less easy layouts. We will define everything then we will dig a little deeper to see what we can achieve with CSS grid...

Mon Apr 29 2019

Angular unit testing 101 (with examples)

In this post, we'll be talking about Angular unit testing, using Karma and Jasmine. By the end of this post, you should feel comfortable writing specs to test your Angular components, directives, pipes, and services as well as learning techniques to test synchronous and asynchronous behaviors...

Thu Apr 25 2019

All you need to know about Angular animations

In this post, I will try my best to show you all you need to know about Angular animations to get started...

Mon Apr 15 2019

7 Tips to boost your productivity as a web developer 🚀

Being more productive as a software developer can sometimes be done by simply using the right tools for the job. If you can save just one minute a day, you will save up to four hours a year, if you don't take any vacation that is...