Making Future Interfaces: Unusual Shapes

This is TV quality. Consider showing this to BBC or similar.

[@heydonworks]

Aw thanks Šime.

[@FajarAndiPatappari]

Underrated. Please make more videos like this

[@Foomandoonian]

These remind me of those animations from the Hitch-Hiker's Guide to the Galaxy TV series. Brilliant!

[@heydonworks]

Thank you!! That's what I was going for. So glad someone noticed :-)

[@CharlesMans0m]

I’m loving this series!

[@riiiiiiiiiiiiiis]

So inspiring! Pls continue!

[@sould0ubt]

SO GOOD 👍🏽

[@runninghead]

Just perfect 🤣🤣🤣🥰

[@mattmackay76]

outstanding!!

[@graybronze]

Butterfield sample ftw! Cool vid as well, I'll be trying some of this!

[@heydonworks]

Thanks, Graham, but that's not really Peter Serafinowicz, it's @BobbyCrisps (Twitter)

[@graybronze]

@@heydonworks Ha, had me fooled!

[@AlexanderLindsay]

I recreated the jagged rectangles Houdini grid in glitch: glitch.com/~jagged-rectangle-painter

[@igordzyabenko3712]

nice content, thank you

[@AlexCio]

Great video!
Joschi just showed it to me! :)

[@michaelbryansumner]

Again I come from Smashing Magazine! 😻😻😻

[@everdimension]

I think I missed the point of the grid example of skewed rectangles?
Is the next step to place text inside them?

[@heydonworks]

Yes, or any kind of content. Sorry that wasn't clear!

[@heydonworks]

*Note:* The `--max-inset` value should be less than the element's padding value, since you'll want the content to be away from the edges. One approach would be to double the padding value _based_ on `--max-inset` like: `padding: calc(var(--max-inset) * 2);` Hope that helps!

[@mariia_kramar]

cool

[@jeremycointin1996]

I SWEAR DUDE. I can't even watch a CSS video without political gender bullshit sprinkled in like the required ass spice of the 2010s. A FUCKING CSS VIDEO!!!

[@ОднамысльТрансформация]

Ну... есть над чем подумать, ага.

[@lumberjaw]

nice video, but @36 why the race stuff... people have the same opportunities in this field.

[@heydonworks]

Who's @36?

[@samirsaeedi74]

@@heydonworks 00:36

[@heydonworks]

@@samirsaeedi74 So _that's_ who I am. I can work with that.

[@arkanciscan]

Please don't start videos with loud screaming sounds.

[@mgrycz]

Thumbs down for race and gender reference like it had anything to do with interface design.

[@heydonworks]

Interfaces are made by and for people