Frontend Inspirations #1

• Web technology sessions at WWDC23

  WWDC23 is here, and with it, a host of announcements of new web technology shipping in WebKit on macOS, iOS, iPadOS, and visionOS — plus new features for Safari, Web Inspector and Safari Web Extensions.

  Loads of interesting news to catch up here, I find especially the a11y efforts they put into visionOS impressive

• SupportsCSS

  Live, in-browser detection of modern CSS support for selectors, features, and at-rules. Applies support-based classes, exposes a results object, and allows custom tests.

• Partytown

  A lazy-loaded library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker.

  Sounds promising to free up the main thread for custom JS and to ease debugging of vendor scripts

• How to draw any regular shape with just one JavaScript function

  Learn how to use JavaScript to draw any regular shape to a HTML canvas with a single function, and how to modify it to draw multiple shapes.

  Great explanation ... need to relearn some math I guess!

• DeviceScript

  DeviceScript brings a professional TypeScript developer experience to low-resource microcontroller-based devices. DeviceScript is compiled to a custom VM bytecode, which can run in very constrained environments.

• Something Pretty Right: A History of Visual Basic

  How Visual Basic became the world’s most dominant programming environment, its sudden fall from grace, and why its influence is still shaping the future of software development.

  Love such nostalgic trips with a nice reading layout

• Dark Mode in 3 Lines of CSS and Other Adventures

  This tutorial will look into different approaches, including some rad new CSS-features, that’ll allow you to ditch JavaScript.

  Cool! Added the minimalistic version using color-mix to my blog :)

• Introducing Legend-State 1.0: Build faster apps faster

  Legend-State is a super fast and powerful React state library based on Observables and beats other React state libraries in both speed and memory usage.

• Early Computer Art in the 50’s & 60’s

  A deep dive on the early days of creative computing coming to life. Punch cards, plotters, light pens and lots more.

  Another awesome time travel story how creative computer art was already a thing back then

• Bark: Text-Prompted Generative Audio Model

  Bark can generate highly realistic, multilingual speech as well as other audio - including music, background noise and simple sound effects. The model can also produce nonverbal communications like laughing, sighing and crying.

• See this page fetch itself, byte by byte, over TLS

  How Subresource Integrity works in a HTTPS connection. This page performs a live, annotated https: request for its own source.

• Mozilla Observatory

  The Mozilla Observatory is a project designed to help developers, system administrators, and security professionals configure their sites safely and securely.