Hey, I'm Yoav.

I'm a Staff Engineer at Plus


I spent almost 7 years at Webflow as an engineer building the first iterations of the Asset Manager, Responsive Images, Rich Text Editing, and data migration systems. Tech leading and maintaining those systems. 2 of those years in the middle I spent as a hybrid engineering manager / tech lead on different teams focused on collaboration, migrations, and designer workflows before switching back to IC.
 
Before
Webflow I spent over a decade building collaborative music apps, podcast players, university note sharing and in-class software, hotel merchandising image galleries; testing tools; and analytics, and full-stack javascript frameworks; deployment; and hosting infrastructure.
 

Past Projects

Short Thoughts

Long Thoughts

Automating Your Responsive Images Workflow

In the world of responsive web design one core—yet complicated, spec can net you substantial reductions in page size across the device spectrum. In Part 1 "How to use Responsive Images" we learned about a general common sense approach to the srcset and sizes attributes and some quirky behavior you’re likely to encounter while working with them. 

In this post I’ll dive into how we do responsive images at scale at Webflow, and walk through a runable code demo that distills our automated responsive image processing stack into a single file to get you started automating your own workflow.

You certainly don’t need to in order to follow along with this article, but if you’re so inclined now might be a good time to switch over to the demo code, you can follow along with the in-code comments and use this part of the post as an augmented guide for deeper explanation.

Let’s dive in!

Read More...

How to use Responsive Images

Originally posted on https://blog.ycombinator.com/how-to-use-responsive-images/

In the world of responsive web design one core, yet complicated, spec can net you substantial reductions in page size across the device spectrum. In this post I’ll demystify the complexity in the responsive images spec so you can use these powerful HTML attributes on your site. In part 2 "Automating Your Responsive Images Workflow" you will learn how to build your own responsive image workflow, with a code demo that distills our responsive image stack into a single file. Also, we’ll dive into how we automate responsive images at scale processing millions of images at Webflow with AWS Lambda.

Let’s dive in!

Read More...