from the margins

search.marginalia.nu A search engine that favors text heavy websites...

storybook - displaying components at reasonable, unsquished widths

I was a little annoyed because even though my component was block/100% width, it was showing up only as wide as it "needed" to be in Storybook - I didn't want to write a custom wrapper for it in the Template since that would show up in "Show Code"... but my coworker pointed out I forgot I was setting layout='centered' - there are also "padded" and "fullscreen", padded was about the visual effect I wanted.

state of js

commandline JSON viewing and navigation

https://jless.io/ - a tool to peruse JSON files.

Personally I think VS Code does a fine job letting me collapse branches etc and search, but I guess some people might find it useful...

super lazy logo design

 Making the rounds is news that Street Fighter 6's logo is lazy. No... REALLY lazy:

That blog also linked to their own guide to logo design. 

I've always loved logo design! I think this book was one of my favorites as a kid.

ha!

 

via b3ta

modern js

 I've posted similar but here's another view of some new JS syntax... spread operators, fat arrow, destructuring, etc.

mermaid goes swimmingly - diagrams in markdown

Mermaid seems pretty cool, allowing diagrams to be made in markdown:

admittedly the text version isn't THAT readable but still.

favicons

 Gotta remember to swing back to this favicons summary

a-frame for vr

A-Frame  - "A web framework for building 3D/AR/VR experiences"

Make 3D worlds with HTML and Entity-Component - For Quest, Rift, WMR, SteamVR, mobile, desktop

At my work we'll be doing some brainstorming on possible futures for VR/the metaverse. So I whipped up this simplistuc hack of their hello, world:

I admit I am not sold on metaverse-ish VR stuff being the future. VR experiences are so weirdly isolating, I feel it might go the way of Kinect or 3D Television. AR- glasses showing you fake-y stuff in your real environment - might have more potential.

But I dunno. If I was much of a futurist I would have bought Bitcoin when it was like under $5.

gatsby - stop rewriting URLs

 So at work we have URS like monster.ca/fr/partagez-cv/ - this gets translated to "upload-resume" by the time it hits our Gatsby instance (the Gatsby only has pathing for the English URL) and Gatsby was rewriting the URL so that it put up the english version of the URL - bad UX and bad SEO.

gatsby-plugin-static-site seemed to fix the issue for us, and I guess we're using reverse proxy for routing, outside the Gatsby instance.

sweet sweet vanilla

 What Web Frameworks Solve And How To Do Without Them (Part 1) - looking forward to Part 2.

I enjoy people intelligently exploring topics that appeal to my biases.

Actually the same issue of Frontend Focus had some distantly related articles: A thesis: most websites are implicitly designed with a short lifetime (which comes from There is no such thing as a static website)

And then the capper: How to keep up with web development without falling into despair