fun problem:

translating divs / styled transforms along Z
and also masking them with a stencil clip,
means they can be truncated from certain angles.

I could either
A. implement rendering a clip shape at the content depth
B. add padding to UI elements which have z translation

#browserdev #gamedev

box model visualization in cat engine.

(currently re-writing the editor's ui from rust to meow meow script) #ui #css #webdev #browserdev #vulkan #catengine

now u can pass wu (world unit) type variables to both
Style{} components within LayoutRoots,
OR
to Transforms/T{} (which strip the unit)

with a separate path in the evaluator for regular float math, vs math with units (wu/gu etc)

github.com/rei-kurzweil...
#gamedev #browserdev #css #gameengine

🚀 Exploring the future of CSS: Dive into the new features in Safari 26 and level up your web skills! 🌐
css-tricks.com/touring-new-...

*
*
*
#CSS #Safari26 #WebDev #WomenWhoCode #WebDesign #CSSFeatures #LearnCSS #BrowserDev #Coding #DevCommunity

so on the one paw, ive broken layout_system again, in terms of padding and text position.

but on the other paw🐾
now the box model can be inspected by adding an InspectLayout component to any LayoutRoot

#browserdev #css #postbrowserweb #vulkan #ui

Modern browser APIs keep replacing old polyfill heavy patterns. View transitions, popover API, and the Anchor positioning API remove years of custom JavaScript for common UX needs. Check the platform before adding a dependency, the browser often ships it now. #WebAPIs #BrowserDev #WebDev

Decode ANY user agent string like a pro! Know the browser, version, OS, device & rendering engine instantly. 100% free, private & runs in-browser. No signup required!
https://omnidash.space/tools/user-agent.html
#BrowserDev #WebTooling #UAparser

The guide's practical application extends to building new browsers. Discussions highlighted memory-efficient designs like Dillo, showcasing diverse approaches in browser development. #BrowserDev 5/6

Many users worry Mozilla chases fads like AI instead of focusing on core browser functionality, performance, and extensibility. This distracts from essential improvements that truly benefit the user experience. #BrowserDev 2/6

Browser compatibility is tricky! The liquid glass effect heavily relies on SVG filters, which are fully supported mainly in Chromium-based browsers. This forces developers to consider workarounds for cross-browser consistency. #BrowserDev 4/5

The primary rationale for XSLT's removal is its low usage and the significant maintenance burden it places on browser vendors. Furthermore, security vulnerabilities in current implementations suggest resources could be better allocated to more modern, widely used technologies. #BrowserDev 2/6

A major concern is browser bloat. Adding complex APIs burdens maintenance & performance. The call is for minimalist core features that empower user-land innovation, not replacing frameworks. #BrowserDev 6/6

Practical questions were raised regarding Cracked's support for advanced audio processing techniques and its compatibility across browsers, specifically mentioning iOS Safari support as a key concern. #BrowserDev 4/5

z-fighting be gone.

transform{} children of LayoutRoot now preserves authored z translation, while overwriting x and y translation, etc with what layout_system figures out based on relevant Style{} nodes and transform hierarchy

#ui #css #browserdev #vulkan #graphics #cat #engine