Mustapha Aouas

Senior Frontend engineer • Angular Lyon co-organizer • Tweeting web development tips daily 🚀

[Mustapha Aouas @TheAngularGuy]

Learning CSS the classic way ❌
Learning CSS making #memes ✅👍🏼

#100DaysOfCode

[Theo - t3.gg @theo]

Hey @figma? Go fuck yourself.

[Mustapha Aouas @TheAngularGuy]

@MrAhmadAwais Eid mubarak brother

[The Angular Dev @TheAngularDev]

Explore Angular's new signal inputs and route binding. Simplify handling route info in components and embrace reactive programming.

{ author: @TheAngularGuy } #DEVCommunity #Angular
https://t.co/nRwYqGMCUk

[Rspack @rspack_dev]

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.

[Mustapha Aouas @TheAngularGuy]

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

[Mustapha Aouas @TheAngularGuy]

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

[Mustapha Aouas @TheAngularGuy]

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

[Mustapha Aouas @TheAngularGuy]

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

[Mustapha Aouas @TheAngularGuy]

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 🚀

[Mustapha Aouas @TheAngularGuy]

Did you know about Sass each loops? 👇

[Mustapha Aouas @TheAngularGuy]

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 👇

[Mustapha Aouas @TheAngularGuy]

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

[Mustapha Aouas @TheAngularGuy]

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

[Mustapha Aouas @TheAngularGuy]

HTML tip 🚨

How to display different pictures in dark mode? 👇

Follow this link to learn more 🔗 https://t.co/BvqLgTtgl0

[Mustapha Aouas @TheAngularGuy]

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

[{Hackertab.dev} 🖥️ @hackertabdev]

5 devtools tips you may want to know 🚀 by @TheAngularGuy
#webdev #productivity #programming #hackertab
https://t.co/McMXS0Vd8I

[Mustapha Aouas @TheAngularGuy]

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

[Mustapha Aouas @TheAngularGuy]

📙 HTML tip: The lang attribute specifies the language in which a content is written in and it can be used to help search engines index your site 👍🚀

[Mustapha Aouas @TheAngularGuy]

@BatsouElef GM
This week I'll finish e2e testing my app (hopefully).
Last week I was on the DEV top 7 of the week with this post 🥳 https://t.co/bw4Ud5HJgp

[Mustapha Aouas @TheAngularGuy]

Example 🔗
https://t.co/aaQWHtGcUW.

[Mustapha Aouas @TheAngularGuy]

Did you know that you can share a link to any word or passage on any page?
Select the text, then right click and click “copy link to selected text”

[Mustapha Aouas @TheAngularGuy]

To style the highlighted text, use this 👇