Bleeding Edge Web

Housekeeping

• Join us on Slack
• Speakers and sponsors always wanted
  • edgeatx.org / speak.html
  • edgeatx.org / sponsorship.html

Thanks to Our Host!

Thanks to Our Sponsor!

Glaze v1.0

Utility-based animations for the web.

Tailwind-inspired CSS animation utilities

            
              <h1 data-animate="@lg:[&>span>span]:to:y-0|stagger-0.025">
            
          

• Based on GSAP JS lib
• Responsive breakpoints, timelines

Storybook v8.0

Build UIs without the grunt work

• Built-in visual testing
• React Server Component support
• Vite support, rebuilt mobile UX, more

Atrament v4.0

A small JS library for beautiful drawing and handwriting on the HTML Canvas

Not new, but 4.0 is a huge rewrite (demo)

Nue CSS v0.5

A scalable alternative to Tailwind, BEM, and CSS-in-JS

Basically, plain CSS + a design system

• Last part of broader Nue "core"
• Latest "content-first web framework"
• Minimalism, web standards, "stupidly fast"

Angular Merging with... Wiz?

• Announced at NG Conf 2024
• Wiz is a mature internal framework at Google
• Not to be confused with:

  

VitePress v1.0

A (Vue-based) Static Site Generator (SSG) designed for building fast, content-centric websites.

• Default technical docs theme
• Vue-enhanced Markdown
• Static → SPA strategy

Pragmatic drag & drop

Fast drag and drop for any experience on any tech stack

• Made by Atlassian (used in Jira, Trello, etc.)
• Low-level core + optional visual styling
• Also, Atlassian has a Design System site!

The Web's 35th Birthday

"Three and a half decades ago, when I invented the web..."

• An open letter by Sir Tim Berners-Lee
• Two most fundamental issues today:
  • centralized power concentration
  • exploitative personal data market
• See: Contract for the Web, Solid Protocol

Let's Encrypt / Cloudflare SSL

• LetsEncrypt's cert chain cross-signed with IdenTrust is expiring Sept 30, 2024
• Cloudflare will stop issuing these May 15
• Mostly only impacts really old Android devices

Introducing vlt

vlt /vōlt/: We are building the future of JavaScript packages.

• Founded by former npm principles, well-funded
• "The packaging ecosystem has stagnated & so there is a wealth of opportunity to innovate."
• Other than that... ¯\_(ツ)_/¯

Redis Drops BSD License

• Switching to "Dual Source-Available Licensing"
• End users / customers: "no change"
• Targeted at "competitive offerings"
• Not OSI-approved, so... YMMV

Web Neural Network API

A web-friendly hardware-agnostic ML abstraction layer

• Is now a W3C Candidate Recommendation Draft
• Useful explainer on ML web architecture

WebAwesome

= FontAwesome + Shoelace

• Currently on Kickstarter (shipping 2025)
• Web components + icons + templates
• Visual theme builder

Node.js: The Documentary

An origin story of Node.js

• Watch on YouTube, courtesy of Honeypot

F.C. Variable

A soccer-based experiment in variable font craziness

emojisplosion

💥 Blasts 😄 emoji 😊 like 🎆 fireworks 🎇 all up in your 💻 HTML 📄 page. 😍

            <script>
              // Commence explosions!
              emojisplosions();
            </script>
          

Better to just try (all of) the demos 😄

Thanks!

Brian Moeskau

• moeskau.com
• edgeATX.org / slides