Robuta

The portfolio site and blog of web designer, Scott Jehl.

A general defensive website delivery pattern for applying visual effects with less risk

Filament Group's Patty Toland covers our team's work in helping the Globe launch this groundbreaking new site.

In this post, I’ll outline some recent observations and approaches to delivering sites for speed and broader access, and link out to various tools we are...

I launched a crowdfunding campaign for a course I aim to produce about web components!

We started the Picturefill project over 2 years ago to provide an easy, responsible, and immediately-usable approach to delivering appropriate images to every...

The term is fine, but it's a means not an end.

Faster networks should fix our performance problems. Instead, they're making them worse.

At the WebExpo Conference in Prague, I delivered this talk with a behind the scenes look at how WebPageTest's experiments really work.

A tip for loading fonts from popular providers without the performance hangups

Now that responsive HTML video delivery works across all browsers, let's look at how to use it

As I was preparing to describe these caveats, I thought, 'I wonder if the new Service Worker and Caching APIs could enable caching for inline code.' As it...

I don't know the answer but these screenshot services are a bummer.

We're living in the future: you can now directly style a select element with no need for JS or wrapper elements.

8 Posts, 698 Following, 2.52K Followers · Web Designer/Developer. Accessibility & Performance Fan. Author, Speaker, Mediocre skateboarder. Engineer on the...

With networks improving worldwide, web performance should be better for everyone, equally. But it isn’t. Better bandwidth & latency enables us to send more...

The portfolio site and blog of web designer, Scott Jehl.

HTML video currently offers no means for specifying multiple video sizes. It should.

I recently went on Syntax to talk about Web Components. Don't trust the linkbait title! Give it a listen.

Scott Jehl discusses his background in web development and responsive design at Filament Group agency, opinions on web components for UI patterns, styling...

Let's revisit an ideal SVG embedding approach.

Let's revisit responsive HTML video delivery and talk about when we can use it again and how close we are to cross-browser compatibility

In this post, I demonstrate how to test a website's post-load navigation speed in WebPageTest. This process is something you can use on any kind of website,...

The Speculation Rules API aims to bring some promising improvements to page navigation speed.

This post covered the problems in CSS layout that call for an element-level query feature. And some workarounds until that exists.

Client-side tools for A/B testing and personalization can take a huge toll on performance, introducing huge delays.

A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.

Starting with semantic HTML, and layering enhancements using JavaScript and CSS, is supposed to create good experiences for all. Alas, enhancements still find...

Great sites are made through a combination of best practices, so perhaps a handy acronym can be helpful for recalling our priorities as we work.

A little while back, a friend mentioned that there really should be an HTML Web Component for QR codes. This is how I'd make one if I needed to.

I worked with the Begin team to help create a cohesive design language to showcase their various commercial and open source products.

WebPageTest's new 'Edit Response HTML' experiment allows you to freely edit the initial HTML of a website and compare the performance of that edited version to...

We now configure our sites to vary based on custom headers instead of cookies.

Applying the self-destructing CSS pattern to an old web components anti-pattern

I think it would be nice to have a templating language whose output can still be input

This week, we’ve put the final touches on some new techniques that helped us further speed up our site load time and dramatically reduce our reliance on...

So in this post, I'll aim to detail many of the goals and design decisions behind what's changed, and even share a little about where we're headed next. If...

We’re proud to announce that the four of us at Filament Group have written a book! Designing with Progressive Enhancement is a practical guide that both...

Client-side A/B testing is dog slow. We wanted to explore using service workers to transform markup on the edge.

The portfolio site and blog of web designer, Scott Jehl.

Web Components are a great tool for writing polyfills, I think.

I'm joining the web performance team at Squarespace.

This fall I had the pleasure of delivering the 'mystery speaker' opening talk at Smashing Conf NYC, at New World Stages theater in Manhattan. Video from the...

A fun little form validation and CSS selector experiment

Over on the WebPageTest Blog, I tested the actual performance improvements that several popular sites would gain if they rendered their HTML on the server...

CSS will block rendering while loading. Here's how not to do that, simply.

Today, I’m excited to announce that Catchpoint has acquired the Lightning-Fast Web Performance course to update it and offer it–FOR FREE!–as part of its...

Announced the release of my first online course: Lightning-Fast Web Performance. Throughout the year, I taught this course as an all-day workshop, and it...

Formerly, much of the focus in web performance was concerned with optimizing assets like images and fonts, which does make for a shorter overall page load...

Formerly, much of the focus in web performance was concerned with optimizing assets like images and fonts, which does make for a shorter overall page load...

The portfolio site and blog of web designer, Scott Jehl.

We've long desired an easy means of including markup into the page. Perhaps this will do it. (Probably not.)