The `satisfies` keyword allows you to assert that a certain value “satisfies” a given type, while preventing a wider type from being inferred.
When we chat about AI, getting lost in a sea of buzzwords and futuristic predictions is easy. We’ve all heard the debates – will AI revolutionize our world or make our jobs obsolete? So, let’s look beyond the hype and instead look at how AI can help with the subject of my course on creating high-converting […]
Do you ever feel like the web has turned into Mos Eisley, “a wretched hive of scum and villainy”? A place where anything goes as companies attempt to persuade us to click, download or buy. The web seems full of deceptive design patterns that use psychology to manipulate people into handing over personal information (also known […]
How often have you scrambled to assemble a resume, only never to hear back from the company you applied to? You’re not alone. Often your resume competes against hundreds (or even thousands!) of other resumes. So…how do you get noticed? A resume isn’t something most people regularly update (even though we probably should). When you […]
If you start an app project today, there are some simple decisions, such as the cloud provider or the backend stack you will use. But the biggest challenge is to choose the right frontend app platform: PWA or native? Flutter or one native app per platform? What about React Native? You are looking for a […]
How Game Engines Like Unity Help You Get Into Game Development If you like to play video games or are in the orbit of technical jargon, you’ve probably heard about game engines like Unity and Unreal. These industry leaders power a massive chunk of the modern gaming industry. At their core, game engines are software […]
How often have you been frustrated because you’ve just joined a new project and can’t figure out why your styles aren’t being applied properly? Or maybe you’ve just integrated a new library, and suddenly all of your styles are being overridden. You could slap an !important declaration onto your styles and call it a day, but that […]
Happy Friday!
Here’s a few ASCII “font” headers when you really need to make sure people know things when looking at your code or README document.
Joyee Cheung made some waves in Node land last month:
Since ESM was shipped in Node.js, for many years, it was possible to
import cjs, but not possible torequire(esm). The frustration ofERR_REQUIRE_ESMhas bothered many and probably has been the primary source of wasted hours in the Node.js ecosystem. If package authors wanted to make sure that both CJS and ESM users can consume their package, they either had to continue shipping their modules as CJS, or ship both the CJS and ESM version
Apparently, it will go out in v22, which isn’t out yet but should be soon.
One of my recent moanings-and-groanings is the fact that seemingly no color-picker supports Display P3 colors. Display P3 allows you to use far more vivid colors then we’ve historically had access to in CSS, but now are totally supported in CSS through newer color functions like oklch(). Not even the built-in color picker to macOS.
Well it’s time for me to quit my bitchin’ because I’ve just seen two. I only looked at Mac stuff because that’s what I use. Feel free to chime in with options on other operating systems.
XScope can do it — but XScope is $50 and I find it heavy handed for the work I do. System Color Picker is free and I find very nice in it’s simplicity (it’s just a UX improvement over the default). The workflow I want, and it delivers, is: pick color from screen, have color on clipboard in OKLCH (that’s it).
In 2020, Max Stoiber wrote the 🌶️ spicy Margin considered harmful. On one hand, it seems silly. The margin property of CSS is just a way to push other elements away. It’s very common and doesn’t feel particularly problematic. On the other hand… maybe it is? At least at the design system component level, because those components don’t know the context in which they will be used. Max wrote:
Margin breaks component encapsulation. A well-built component should not affect anything outside itself.
Adam Argyle wrote slightly earlier that he predicted the usage of margin to naturally decline:
Prediction: margins in stylesheets will decline as gap in stylesheets climb
Well it’s four years later now! Has any of this played out? Well it’s super hard to know. Anecdotally, it feels like gap is much more heavily used and my own usage is certainly up. There is public data on usage of CSS features, and, amazingly, margin usage does appear to be slowly going down.
Little boosts of front-end development news, information, and advice — right to your feed reader of choice.
RSSHere's our page on guest writing. It's a win-win-win!
Frontend Masters Donates to open source projects. $363,806 contributed to date.
