Mustapha Aouas articles - 19 total
Streamlining Route Data Binding with Angular Signal inputs
Angular's latest versions introduce a powerful combination of signal inputs, and route binding,...
Why HTML has both <b / i> and <strong / em>?
TLDR; The b and i tags are from HTML's past, focusing on appearance. The strong and em...
Relative Units in CSS: A Comprehensive Guide
In the ever-evolving world of web development, creating flexible, responsive, and accessible designs...
Mastering CSS: Understanding the Cascade
Cascading Style Sheets (CSS) is a fundamental technology of the web, allowing developers to control...
:where :is CSS?
In this post we will talk about the not so new functional pseudo-class selectors :is() and...
Mesmerizing CSS art: Silence
This is just a short post about a piece of CSS art I made that mesmerized me and I hope it does the...
How to create an interactive donut chart using SVG
In this post, we'll make an SVG donut chart with clickable slices/parts. I'll start by explaining the...
I made a working Gameboy CSS art: try it out 🕹
Here is the story. Three years ago, I went to an interview (for an Angular position) and the...
Mesmerizing animation using only CSS rotations 🧘♀️
I created an oddly satisfying CSS animation on codepen, using only rotations. It turns out it went a...
Responsive images for better performance: Start using srcset and picture
Hi there, in today's article, we will be talking about responsive images, screen sizes, pixel...
A deep dive into ES6 Classes
Classes were introduced in ECMAScript 6, and we can use them to structure our code in a traditional...
A deep dive into Javascript Object properties
In this post we’ll take a dive to see how objects are created then we'll talk about some interesting...
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...
CSS Grid: 3 practical examples
This is the second post of the CSS Grid series. In the first post, we saw all the basics and the most...
Angular: Build more dynamic components with ngTemplateOutlet 🎭
Introduction To build reusable and developer-friendly components, we need to make them...
CSS Grid: illustrated introduction
This post is the first of a two-part series. Introduction I remember the first time I...
Angular unit testing 101 (with examples)
The more we add features to our software the more it grows in complexity. And as it grows in...
All you need to know about Angular animations
Animation is a design tool we can use to lend physicality and tangibility to our abstract digital...
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...