Mustapha Aouas @TheAngularGuy

Senior Frontend engineer • Angular Lyon co-organizer • Tweeting web development tips daily 🚀 mustcode.it France Joined November 2014

Tweets

942
Followers

1K
Following

374
Likes

2K

Theo - t3.gg @theo

5 months ago

Hey @figma? Go fuck yourself.

Anton Osika – eu/acc @antonosika

5 months ago

Hey @figma? Go fuck yourself.

2K 866 17K 4.1M 3K

Download Image

294 272 8K 749K 425

The Angular Dev @TheAngularDev

12 months ago

Explore Angular's new signal inputs and route binding. Simplify handling route info in components and embrace reactive programming. { author: @TheAngularGuy } #DEVCommunity #Angular dev.to/mustapha/strea…

0 4 26 737 14

Rspack @rspack_dev

12 months ago

Rslib will soon support Module Federation. This allows a library to concurrently generate ESM, CJS, Module Federation, and DTS outputs in a single build. Libraries built with Rslib can not only be published to npm. They can also provide remote modules for use by MF consumers.

8 22 226 23K 33

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

If you need to create a deep copy of a value in JS, structuredClone is your tool. A standard utility from the ECMAScript specification that allows tou to easily clone complex data structures without relying on workarounds or third-party libraries #100daysofcode

0 1 5 0 1

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

The isNaN global function converts the argument to a number then checks if the result is not a number whereas Number.isNaN does not convert the argument

0 0 3 0 1

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

The image-rendering CSS property defines how the browser should render an image, in order to provide a smooth or crispy edges. You can see below an example of a 20px base64 qrcode scaled to 200px and the same image with two different values for the image-rendering

0 2 5 0 0

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

Because WebP and AVI files use less space than JPEGs or PNGs, they are better suited for image-heavy applications 👍

0 0 2 0 0

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

Did you know that JSON.strigify takes 3 parameters? If the third parameter is a number, it determines how many space characters should be used for indenting. If it’s a string, that string becomes white-space. This is useful for formatting log messages in a human-friendly way 🚀

0 0 4 0 0

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

Did you know about Sass each loops? 👇

0 0 5 0 1

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

When designing a page, there are many times when one class should have all of the styles of another class as well as its own unique styles. For these cases you can use @Extend 👇

0 2 8 0 2

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

💅 Sass tip: you can use sass loops to improve/simplify your stylesheets #100daysofcoding

0 1 3 0 0

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

📌Chrome tip: You can access the most recently evaluated expression by typing “ $_ “ in the console

0 0 2 0 0

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

HTML tip 🚨 How to display different pictures in dark mode? 👇 Follow this link to learn more 🔗 dev.to/mustapha/respo…

0 0 2 0 0

Download Image

Mustapha Aouas @TheAngularGuy

3 years ago

💅 CSS tip: You can use the “ :lang “ pseudo-class to target elements based on the language they are determined to be in

0 1 4 0 0

Download Image

{Hackertab.dev} 🖥️ @hackertabdev

3 years ago

5 devtools tips you may want to know 🚀 by @TheAngularGuy #webdev #productivity #programming #hackertab dev.to/mustapha/5-dev…

0 3 1 0 0

Mustapha Aouas @TheAngularGuy

3 years ago

📙 HTML tip: Use the noscript element to provide alternative content for browsers that do not support scripting, or in which javascript has been disabled