Debut album “A Tenuous Tale of Her” out today!
Now this is a good use of deepfake: correct the mouth and jaw movements of actors in dubbed video to match the new language track. The result is a (nearly) seamless lip-synced experience.
TrueSync is the first AI offering from our neural network film lab. Filmmakers and content owners are now able to visually translate foreign language film into the native language of any audience. The photorealism is at such a level, the lip-sync so seamless, that the idiosyncratic performance of the onscreen actor remains intact in every detail.
Through lots of live code, Ryan and Michael will tell you all about where Remix started, where it’s at now, and what this v1 Beta launch means for one of the most exciting web frameworks today.
If you’re into React, be sure to watch this — especially the part at the 31 minute mark … you’ll love the final code to solve that specific problem 😍
Half a century ago, on 20 July 1969, Neil Armstrong was in the final stages of the lunar descent, just a few thousand feet above the surface, when suddenly his on-board computer indicated a critical alarm. For three nail-biting seconds it looked as if the mission would have to be aborted. However, Armstrong was given a “go” to continue, and after several more alarms the Eagle touched down safely on the Moon.
Very insightful talk by Robert Wills, engineer at Cisco. No only does it give an insight in how to land a Lunar Lander on the moon, it also provides a thorough analysis of the hardware and software design principles that saved the mission.
Get your 90s vibe on, as Pete LePage has took the version number 90 to the next level there … BRILLIANT! 🤩
Chrome 90 is rolling out now! There’s a new value for the CSS overflow property. The Feature Policy API has been renamed to Permission Policy. And there’s a new way to implement and use Shadow DOM directly in HTML. Plus there’s plenty more.
The Declarative Shadow DOM seems like a very nice addition, but will to have to wrap my head around not using
for it though — it’s
<template shadowroot="open" /> we need to use. You can read the reasoning behind this decision in the explainer.
I’ve tweeted about
overflow: clip; before. It can be compared to
💁♂️ `overflow: clip` doesn't differ that much from `overflow: hidden`, except for the fact that `overflow: clip` does not create a scroll container.— Bramus! (@bramus) December 3, 2020
Using `overflow-clip-margin` you can define how far outside its bounds the element is allowed to paint before being clipped. https://t.co/PSi4s4ygij pic.twitter.com/AXV1A909di
/me nods along for the entirety of this talk.
Powering his faux-live-coding slidedeck is Queue Code, a package to let you live code like he did in this talk.
Talk by Ben Deitmer, as recorded at the latest Front-end Forward Meetup:
Nice little video explaining SVGs and how the
d attribute of paths work.
In this episode of GUI Challenges, Adam Argyle builds a Settings Component with sliders and checkboxes.
In this post I want to share thinking on building a Settings component for the web that is responsive, supports multiple device inputs, and works across browsers.
Tons of CSS-knowledge in there:
- CSS Nesting
- CSS Grid
- Custom Properties for easy theming
- LCH Colors
- Use of
- Easily respecting the
prefers-reduced-motionpreference by using Custom Properties