2024-02-29-Inspirations

Dear Tim Cook, We write to express our concern at Apple’s decision to remove Web Apps (PWAs) from iOS and Safari in the European Union (EU), and to avail ourselves of our rights under the Digital Markets Act (DMA).

The long-awaited MDN Curriculum is now live on MDN, providing a structured guide to the essential front-end development skills and best practices for industry newcomers. Learn all the key details in this article.

Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.

How much HTML, CSS, and JavaScript can we afford? More than in years past, but much less than frontend developers are burdening users with.

We always wanted a way in CSS to style an element based on its descendants. It wasn’t possible until CSS :has() became supported in all major browsers. In this article, I will explore the problem and shed the light on some of the interesting use cases for CSS :has().

Ever had to deal with JS code that just... didn't run the way you expected it to? Maybe it seemed lik...

A deep dive into JavaScript promises and how to use them.

This article goes through almost all of the changes of the last 3 years (and some from earlier) in JavaScript / ECMAScript and TypeScript.

It’s incredibly difficult to not over-engineer web apps given current one-size-fits-all and fear-of-missing-out mentalities. But we can be more conscious of our project goals and exercise vigilance in guarding our work against scope creep. The same can be applied to the stack we use, making choices based on what is really needed rather than focusing purely on what everyone else is using for their particular work.

To mitigate the potential long tasks that can result from excessive client-site rendering, make sure you're sending as much of your website's HTML from the server whenever possible, keep your DOM sizes as small as possible for HTML that must be rendered on the client

(...) a client wanted some sort of scroll-driven animation, but we couldn’t settle on the exact nature of that animation. All I could advise from a creative standpoint was that it shouldn’t be too obtrusive or disorientating. Given CSS-based scroll-driven animations are still behind various flags, I set my client up with a small IntersectionObserver script.

The origin private file system, as specified by the WHATWG, has shaped the way we use and interact with files on the web. It has enabled new use cases that were impossible to achieve with the user-visible file system. All major browser vendors—Apple, Mozilla, and Google—are on-board and share a joint vision.