TheAngularGuy's profile picture. Senior Frontend engineer • Angular Lyon co-organizer • Tweeting web development tips daily 🚀

Mustapha Aouas

@TheAngularGuy

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

置顶

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

TheAngularGuy's tweet image. Learning CSS the classic way ❌
Learning CSS making #memes ✅👍🏼

#100DaysOfCode

Mustapha Aouas 已转帖

Hey @figma? Go fuck yourself.

figma says we can't use the word "dev mode" in lovable 😄

antonosika's tweet image. figma says we can't use the word "dev mode" in lovable 😄


Mustapha Aouas 已转帖

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…


Mustapha Aouas 已转帖

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.

rspack_dev's tweet image. 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.

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

TheAngularGuy's tweet image. 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

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

TheAngularGuy's tweet image. 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

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

TheAngularGuy's tweet image. 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

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

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

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 🚀

TheAngularGuy's tweet image. 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 🚀

Did you know about Sass each loops? 👇

TheAngularGuy's tweet image. Did you know about Sass each loops? 👇

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 👇

TheAngularGuy's tweet image. 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 👇

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

TheAngularGuy's tweet image. 💅 Sass tip: you can use sass loops to improve/simplify your stylesheets
#100daysofcoding

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

TheAngularGuy's tweet image. 📌Chrome tip: You can access the most recently evaluated expression by typing “ $_ “ in the console

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

TheAngularGuy's tweet image. HTML tip 🚨

How to display different pictures in dark mode? 👇

Follow this link to learn more 🔗 dev.to/mustapha/respo…

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

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

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

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

📙 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 👍🚀

TheAngularGuy's tweet image. 📙 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 👍🚀

Loading...

Something went wrong.


Something went wrong.