This Month in Linebender, May 2025 (#110)

Author: PoignardAzur

content/blog/2025-04-04-tmil-15/index.md

@@ -62,7 +62,7 @@ It lets you build user interfaces declaratively by composing lightweight views t
 Vello is our GPU vector renderer.
 It can draw large 2D scenes with high performance, using GPU compute shaders for most of the work.
 
-- [vello#841][]: Fixed incorrect COLR Emoi rendering, which especially impacted users on Windows.
+- [vello#841][]: Fixed incorrect COLR Emoji rendering, which especially impacted users on Windows.
   We backported this to create [Vello 0.4.1](https://github.com/linebender/vello/releases/tag/v0.4.1).
 - [vello#817][], [vello#877][]: Updates some of our GPU encoding code to not assume that allocators will give over-aligned allocations.
 

content/blog/2025-06-17-tmil-17/button-shadows.png

@@ -0,0 +1,150 @@
++++
+title = "Linebender in May 2025"
+authors = ["Olivier Faure"]
++++
+
+Linebender is an informal open-source organization working on various projects to advance the state of the art in GUI for [the Rust programming language](https://rust-lang.org).
+
+
+## RustWeek
+
+This month saw the [RustWeek 2025](https://rustweek.org/) conference, in Utrecht in the Netherlands.
+
+A lot of things happened!
+
+### The talks
+
+Raph Levien gave a talk titled *Faster, easier 2D vector rendering*, about Vello's new architecture.
+The talk had some nice visuals and a pretty cool demo!
+
+<img style="height: auto" width="991" height="626" src="sparse-strips.png" alt="Image from the sparse strips demo">
+
+<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/_sv8K190Zps?si=s-NdOxRPaBmS9FdQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+Matt Campbell gave a talk titled *AccessKit: reusable UI accessibility*, showing off AccessKit and its API and architecture.
+The talk also came with a cool demo, showcasing AccessKit's Android integration.
+
+<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/OI2TzJ6Sw10?si=FBRXVnlmasTLr_bF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+### The Anniversary
+
+RustWeek also saw [the release of Rust 1.87](https://blog.rust-lang.org/2025/05/15/Rust-1.87.0/), which coincided ([to the day!](https://poignardazur.github.io/2025/06/13/anniversary-trivia/)) with the "10 years of Rust" party.
+
+Some members of Linebender were at the party, which was a great experience. See who you can spot on the group photo!
+
+<img style="height: auto" width="1752" height="996" src="party.jpg" alt="Rust Anniversary group photo">
+
+
+### The Unconference
+
+The Linebender team also went to the UI Unconference, a roundtable where various subjects were broached (accessibility, platform integrations, SVG rendering, etc).
+
+Overall it felt like various project leaders were increasingly interested in pooling resources and using common libraries, but there is still a long way to go on that front.
+
+
+## Masonry
+
+Masonry is the widget system developed by Linebender.
+It provides a non-opinionated retained widget tree, designed as a base layer for high-level GUI frameworks.
+
+- [xilem#950][]: Adds support for [`ui-events`][] crate.
+- [xilem#961][]: Adds default property values and a default theme.
+- [xilem#973][]: Releases Masonry [0.3.0](https://github.com/linebender/xilem/releases/tag/v0.3.0).
+
+<figure>
+
+<img style="height: auto" width="300" height="300" src="button-shadows.png" alt="Screenshot of the new shadows.">
+
+<figcaption>
+
+[xilem#960][]: Adds new shadow property to buttons.
+
+</figcaption>
+</figure>
+
+
+
+## Xilem
+
+Xilem is our flagship GUI project, inspired by SwiftUI, which uses Masonry for its widgets.
+It lets you build user interfaces declaratively by composing lightweight views together, and will diff them to provide minimal updates to a retained layer.
+
+- [xilem#964][]: Handles Masonry properties for more styling options.
+- [xilem#973][]: Release Xilem [0.3.0](https://github.com/linebender/xilem/releases/tag/v0.3.0).
+
+
+## Vello
+
+Vello is our GPU vector renderer.
+It can draw large 2D scenes with high performance, using GPU compute shaders for most of the work.
+
+- [vello#524][]: Implements pipeline caching, drastically improving Android startup times.
+- [vello#963][]: Rounds vertical hinting offsets.
+- [vello#966][]: Releases Vello [0.5.0](https://github.com/linebender/vello/releases/tag/v0.5.0).
+
+This month we continued seeing a massive amount of activity on Vello's sparse strips renderers (see Raph's video above for details), thanks in part to the tireless contributions of Canva developers Alex Gemberg, Taj Pereira and Andrew Jakubowicz, and to the continued work of Laurenz Stampfl as part of his master's project.
+
+- [vello#937][]: Adds support for rendering bitmap and COLR glyphs.
+- [vello#948][]: Adds support for drawing blurred, rounded rectangles.
+- [vello#957][]: Adds clipping and spatiotemportal allocation to vello_hybrid.
+- [vello#1011][]: Adds native WebGL backend for vello_hybrid.
+- [vello#1008][]: Makes vello_common and vello_cpu no_std.
+
+This month also saw the first release of [vello_cpu](https://crates.io/crates/vello_cpu)!
+
+As the name implies, vello_cpu is a CPU-only renderer for vector graphics using Vello's tech stack.
+It's still very experimental (version [0.0.1](https://github.com/linebender/vello/releases/tag/sparse-strips-v0.0.1)) and likely to see all sorts of breaking changes, and performance isn't great, but if you want to experiment with it, you can run `cargo add vello_cpu` in your terminal and start hacking away.
+
+
+## Parley
+
+Parley is a text layout library.
+It handles text layout, mostly at the level of line breaking and resolving glyph positions.
+
+
+- [parley#334][]: Adds editor features required for Android IME.
+- [parley#344][]: Adds option to quantize vertical layout metrics.
+- [parley#346][]: Enables Parley/Fontique to compile to wasm with default features enabled, for better discoverability of the wasm target.
+- [parley#349][]: Releases Parley [0.4.0](https://github.com/linebender/parley/releases/tag/v0.4.0).
+- [parley#362][]: Adds absolute and metrics-relative line height styles.
+
+
+## Get Involved
+
+We welcome collaboration on any of our crates.
+This can include improving the documentation, implementing new features, improving our test coverage, or using them within your own code.
+
+We host an hour long office hours meeting each week where we discuss what's going on in our projects.
+See [#office hours in Zulip](https://xi.zulipchat.com/#narrow/channel/359642-office-hours) for details.
+We've also started a separate office hours time dedicated to the renderer collaboration, details also available at that link.
+
+- Daniel and Olivier's "office hours" appointments can still be booked by anyone for open-ended discussion of the ecosystem.
+  - [See Daniel's schedule here](https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ32eQYJ9DtZ_wJaYNtT36YioETiloZDIdImFpBFRo5-XsqGzpikgkg47LPsiHhpiwiQ1orOwwW2).
+  - [See Olivier's schedule here](https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ2t767ZRETD_TkRI_VxK2ZTG0VrO9OZ4l7HvTxefhtJcg85iK0ZN7zWNnAEZtH0Dn7C1GKxrmYM).
+
+[Color]: https://docs.rs/color/
+[CSS Color Module Level 4]: https://www.w3.org/TR/css-color-4/
+
+[Kompari]: https://github.com/linebender/kompari
+
+[`ui-events`]: https://github.com/endoli/ui-events
+
+[xilem#950]: https://github.com/linebender/xilem/pull/950
+[xilem#961]: https://github.com/linebender/xilem/pull/961
+[xilem#960]: https://github.com/linebender/xilem/pull/960
+[xilem#973]: https://github.com/linebender/xilem/pull/973
+[xilem#964]: https://github.com/linebender/xilem/pull/964
+[xilem#973]: https://github.com/linebender/xilem/pull/973
+[vello#524]: https://github.com/linebender/vello/pull/524
+[vello#963]: https://github.com/linebender/vello/pull/963
+[vello#966]: https://github.com/linebender/vello/pull/966
+[vello#937]: https://github.com/linebender/vello/pull/937
+[vello#948]: https://github.com/linebender/vello/pull/948
+[vello#957]: https://github.com/linebender/vello/pull/957
+[vello#1011]: https://github.com/linebender/vello/pull/1011
+[vello#1008]: https://github.com/linebender/vello/pull/1008
+[parley#334]: https://github.com/linebender/parley/pull/334
+[parley#344]: https://github.com/linebender/parley/pull/344
+[parley#346]: https://github.com/linebender/parley/pull/346
+[parley#349]: https://github.com/linebender/parley/pull/349
+[parley#362]: https://github.com/linebender/parley/pull/362

content/blog/2025-06-17-tmil-17/index.md

@@ -39,6 +39,16 @@ h2,
 h3,
 h4,
 h5,
+h6 {
+  margin-top:20px
+}
+iframe,
+img,
+h1,
+h2,
+h3,
+h4,
+h5,
 h6,
 p,
 blockquote,
@@ -53,14 +63,22 @@ figure,
 main {
   display:block
 }
+iframe {
+  display:block;
+  margin-right:auto;
+  margin-left:auto;
+}
 img {
+  margin-right:auto;
+  margin-left:auto;
   max-width:100%;
-  vertical-align:middle
+  vertical-align:middle;
 }
 figure>img {
   display:block
 }
 figcaption {
+  text-align: center;
   font-size:14px
 }
 ul,