#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.

X-Team

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.

CareersJS

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

Vettery

📙 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.