Senior Frontend engineer β€’ Angular Lyon co-organizer β€’ Tweeting web development tips daily ξ¨€πŸš€

Joined November 2014
135 Photos and videos
Pinned Tweet
Learning CSS the classic way ❌ Learning CSS making #memes βœ…πŸ‘πŸΌ #100DaysOfCode
13
99
452
Mustapha Aouas retweeted
15 Apr 2025
Hey @figma? Go fuck yourself.
15 Apr 2025
figma says we can't use the word "dev mode" in lovable πŸ˜„
284
252
7,688
750,106
Mustapha Aouas retweeted
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/streamlining…
4
26
758
Mustapha Aouas retweeted
24 Sep 2024
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
225
23,269
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
4
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
3
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
2
5
Because WebP and AVI files use less space than JPEGs or PNGs, they are better suited for image-heavy applications πŸ‘
2
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 πŸš€
4
Did you know about Sass each loops? πŸ‘‡
4
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 πŸ‘‡
2
8
πŸ’… Sass tip: you can use sass loops to improve/simplify your stylesheets #100daysofcoding
1
3
πŸ“ŒChrome tip: You can access the most recently evaluated expression by typing β€œ $_ β€œ in the console
2
HTML tip 🚨 How to display different pictures in dark mode? πŸ‘‡ Follow this link to learn more πŸ”— dev.to/mustapha/responsive-i…
2
πŸ’… CSS tip: You can use the β€œ :lang β€œ pseudo-class to target elements based on the language they are determined to be in
1
4
Mustapha Aouas retweeted

3
1
πŸ“™ HTML tip: Use the noscript element to provide alternative content for browsers that do not support scripting, or in which javascript has been disabled
1
1
4
πŸ“™ 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 πŸ‘πŸš€
5
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”
1
3
To style the highlighted text, use this πŸ‘‡
1
1