Alexandre Blondin retweeted
Can you predict with 100% confidence what will be the visual result of the following code?
Checkout cssdojo.dev/ to hone your CSS skills and get the answer!
"CSS Basics", the first part of this free course, is now available 🎨
ALT Contains the following HTML and CSS code <style> span { border: 1px solid black; } .item { display: inline-block; } </style> <span>Hello</span> <span class="item">my <div>CSS</div></span> <span>World!</span>
Alexandre Blondin retweeted
Just published an article on how to make optimal tree shakeable libraries for your #frontend apps !
If you are using libraries with @webpack or @RollupJS and are looking to optimize the performance 🚀 of your applications, this article is for you 😉
blog.theodo.com/2021/04/libr…
Alexandre Blondin retweeted
I just tested @rometools! Here is what I learned when migrating from @geteslint and @PrettierCode!
blog.theodo.com/2020/12/rome…
ALT https://blog.theodo.com/2020/12/rome-tools-not-ready-to-replace-eslint-yet/
Alexandre Blondin retweeted
La vidéo du dernier meetup est dispo sur Youtube: youtu.be/AT06fYUvQ_0
Alexandre Blondin retweeted
Le meetup virtuel Paris NestJS commence maintenant 🎉🐱. Le lien => meetup.com/NestJS-Paris-Meet…
Alexandre Blondin retweeted
Le prochain meetup NestJS a lieu dans exactement 1 semaine 📅, si vous ne vous êtes pas encore inscrits c'est le moment ! ➡️ meetup.com/NestJS-Paris-Meet…
Alexandre Blondin retweeted
Save the date ! 📅 Le meetup NestJS Paris est de retour dans un nouveau format 100% virtuel et aura lieu le mardi 8 décembre. On aura le plaisir d'accueillir @MDuboille et @Thomas_Pucci. Lien de l'event ➡️ meetup.com/NestJS-Paris-Meet…
Alexandre Blondin retweeted
Ever tried debugging an element that keeps disappearing when it loses focus once you start using devtools?
Well dang me to heck there is an "Emulate a focused page" option in @ChromeDevTools just for that 🤯
(you can get it from the [⌘]+[P] Command Menu, or Global Preferences)
Alexandre Blondin retweeted
Various interactive exercises that let you explore different features of TypeScript's type system.
🔗 typescript-exercises.github.…
✍️ by @mdevils
🏷 #TypeScript #JavaScript
Alexandre Blondin retweeted
🥳🎉 TypeScript 4.0 is here! 🎉🥳
Read up on what's new and get it today!
devblogs.microsoft.com/types…
ALT TypeScript 4.0 brings variadic tuples, labeled tuple elements, class property inference, new assignment operators, safer exception handling with 'unknown' in catch clauses, custom JSX factories, some great editor improvements, and more!
Alexandre Blondin retweeted
Nuxt 2.14 is out with a BIG improvement for static site generation 🚀
From now on, `nuxt generate` smartly knows when to re-build your project.
And it's working out of the box on @Netlify, @vercel and any CI supporting node_modules caching ✨
nuxtjs.org/blog/nuxt-static-…
(1/3)
Alexandre Blondin retweeted
It's been a while, but I wrote a new blog post🥳 All about cross-origin resource sharing (and understanding those annoying CORS errors lol) 💪🏼 Hope it helps!
Includes:
✨ Same-Origin Policy
✨ Understanding CORS
✨ Preflighted Requests
dev.to/lydiahallie/cs-visual…
Alexandre Blondin retweeted
TIL you can check if the inferred type is `any`.
Why it works: stackoverflow.com/a/49928360…
#TypeScript
Alexandre Blondin retweeted
😱 Did you know Houdini custom props are coming to CSS?
Now, u can specify syntax (type) & initial value (fallback) right in CSS!
@property --val {
syntax: '<color>';
initial-value: pink;
inherits: false;
}
🥳 Read more on why this is so exciting: web.dev/at-property/
Alexandre Blondin retweeted
It's time to stop pretending that everything is fine. It's not.
dev.to/layzee/angular-strugg…
Alexandre Blondin retweeted
You heard about compilers, but you didn’t have a clue how it works under the hood ? 💫
In this article, discover how Overlay engineering team built the first prod-ready web component compiler from design tools.
medium.com/overlay-blog/how-…
Alexandre Blondin retweeted
4 reasons React renders:
1. State change
2. Prop change
3. Parent render
4. Context change
When props change or a parent renders, you can skip the render via:
1. shouldComponentUpdate
2. PureComponent
3. React.Memo
When state or context change, React always renders.
#reactjs
Alexandre Blondin retweeted
I've built something I've thought of for a long time, and it's finally ready for preview! 🚀
Foam is a personal knowledge management and sharing system built on VS Code and GitHub 🧠
Try it out and let me know what you think! 👀
More thoughts below 🧵
foambubble.github.io/foam/
Alexandre Blondin retweeted
TIL CSS "background-repeat: round" bit.ly/bgroundtips ~ repeats background images without clipping ✂️