Web image tooling has moved up a level this year. You will have seen Lighthouse
recommendations to serve images in the modern formats and at the right
size for the device. Manually adding markup with HTML <picture> elements can
be a pain, and it is fantastic to see tooling step-up to help you here.
Astro Picture component — this new Astro built-in component is
feature-filled. It is impressive as an independent component, though the
seamless Content Collection integrations are where it really exceeds
unpic — this
project from Netlify’s Matt Kane has plugins for Astro, React, Svelte and
in-fact every other major framework. It is designed with image hosting
services in mind, though you can set up your own image API for any projects
that have a tight budget.
the project previously only supported Node environments. Not any more!
Maintainer Lovell is
updating sharp’s package installation,
and sharp now supports Bun and Deno, with WASM plans also in the pipeline.
Lovell is actively seeking feedback on the recent alpha releases.
a11y ResourcesAccessibility Study Guide
— see this accessibility and inclusivity guide from Nielsen Norman Group to
bring yourself up to speed on the latest best practices. The guide has a mix
of articles and videos you can work through at your own pace.
Side Project InspirationEmbedded Rust Introduction on BBC micro:bit
— Embedded Rust is a super idea for a new side-project. As you might expect
for a Rust specialization, there are free books for complete beginners and
those with some working knowledge of Rust or embedded development in other
languages. Get a micro:bit for around $20 and try this book if you are new
both to Rust and coding for system-on-chip microcontrollers.