#413 — October 16, 2019

Read on the Web

Frontend Focus

Images Done Right: Web Graphics, Good to The Last Byte — This detailed and earnest guide covers the essentials of working with digital image formats on the web, with a view to boosting performance.

Martian Chronicles

Improving Form Controls in Microsoft Edge and Chromium — The Chrome and Edge teams have been working together to refresh form controls in Chromium-based browsers. The result is controls sporting a cleaner look, better touch support and more accessibility considerations.

Greg Whitworth (Microsoft)

The W3C at Twenty-Five Years Old — Rachel Andrew explains how the World Wide Web Consortium works and shares why the Web Standards processes the group manages are so vitally important for the ever-growing web platform.

Smashing Magazine

Socket.IO: Does the Open Source Realtime Library Still Stack Up? — Socket.IO has been around since 2010. A lot has changed in the realtime landscape since then. Is Socket.IO still the right choice, or do other frameworks like Sockjs, WS, or FeathersJS provide more future-proofing?

Ably sponsor

Firefox’s New WebSocket Inspector — The new WebSocket inspector, part of the existing Network panel UI in DevTools, will be released in Firefox 71, but is ready for use in Firefox Developer Edition now. Here’s a look at how it works.

Mozilla Hacks

A Guide To New And Experimental CSS DevTools In Firefox — Continuing the Firefox theme, here's a look at what the existing set of tools (including Grid Inspector) can do, plus a peek at what potential future projects the Firefox DevTools team may offer up.

Victoria Wang

💻 Jobs

Frontend Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.


Can You Help Our Client Migrate to Node.js? (Docklands, London) — Do you have experience and strong opinions on Node best practices? Come and share your advice with an engaged, friendly team of excellent software engineers.


Find A Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.


📙 Articles, Tutorials & Opinion

Where We Go From Here: 10 Thoughts on the Immediate Future of the Web — A high-level and pithy look at where the web community is and where it’s headed in the immediate future.

Morten Rand-Hendriksen

▶  Jen Simmons on Browser Features — An hour-long discussion about how new features get shipped to browsers, and how you can get your ideas over to browser makers for consideration.

ShopTalk Show podcast

Design Effective & Efficient Vue Components — Check out our blog to learn about Vue-specific tools that make your components more effective.

Big Nerd Ranch sponsor

CSS Circles — Plenty of tips and tricks here for working with circles, whether via border-radius, SVG, or clip path.

Tyler Sticka

▶  Build a Classic Layout FAST in CSS Grid — An approachable video showing how to build a previously-complex layout in under 10 minutes with only a few lines of code. This channel is worth a sub.

Miriam Suzanne (Mozilla Developer)

IE11 End of Support Countdown — At time of writing, it’s about six years until Microsoft stop supporting Internet Explorer 11.

Gabriel Laroche

Watch Now: Improving Search Relevance at Scale with Elastic App Search

elastic.co sponsor

WordPress 5.2.4 Release Addresses Several Security Issues

Justin Tadlock

Stop Animations During Window Resizing

Chris Coyier

🔧 Code, Tools & Resources

Untitled Goose Memes — A honking good recreation of the to-do list from indie game of the moment, Untitled Goose Game.

Samuel Fine

Toucaan: Rethinking CSS Frameworks — An introductory post to a new CSS framework “with fewer defaults, newer patterns and a much simpler cascade.”

Marvin Danig

A Web-Based clip-path Converter — A tool to convert an absolute SVG path to be used as a relative CSS clip-path within a bounding box, complete with live previews and ready to use examples.

Yulya Buhvalova

A Straightforward Tool to Generate CSS Scroll Shadows

Stefan Judis

   🗓 Upcoming Events

Accessibility Scotland, October 25 — Edinburgh, UK — One day of talks. Friendly, open discussion about accessibility.

Performance Now, November 21-22 — Amsterdam, Netherlands — A single track conference with fourteen world-class speakers, covering the most important web performance insights.

VueConfTO 2019, November 11-12 — Toronto, Canada — First ever Vue Conference in Canada. Biggest in North America, with great workshops and talks.

Frontend Con, November 26-27 — Warsaw, Poland — Brings together 30+ top experts with over 500 experienced frontend pros from all over the world.