--- title: "Improving form controls in Chromium" publication: "Frontend Focus" issue: 413 published_at: "2019-10-16" canonical_url: "https://frontendfoc.us/issues/413" --- This week's HTML, CSS, browser, and frontend news #413 — October 16, 2019 [Read on the Web](https://frontendfoc.us/issues/413) Frontend Focus [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1571219212/xveypwgcncze5tvahv7q.jpg)](https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques) [Images Done Right: Web Graphics, Good to The Last Byte](https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques) — 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](https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-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](https://www.smashingmagazine.com/2019/10/happy-birthday-w3c/) — 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 [![\](https://copm.s3.amazonaws.com/71f310f3.jpg)](https://www.ably.io/concepts/socketio) [Socket.IO: Does the Open Source Realtime Library Still Stack Up?](https://www.ably.io/concepts/socketio) — 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](https://hacks.mozilla.org/2019/10/firefoxs-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](https://www.smashingmagazine.com/2019/10/guide-new-experimental-css-devtools-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)](https://x-team.com/remote-frontend-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=frontend) — 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)](https://job.careersjs.com/5v8) — 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](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-frontendfocus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77580) — 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](https://mor10.com/where-we-go-from-here-2019/) — 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](https://shoptalkshow.com/episodes/382/) — 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](https://www.bignerdranch.com/blog/designing-effective-vue-components/) — Check out our blog to learn about Vue-specific tools that make your components more effective. Big Nerd Ranch sponsor [CSS Circles](https://cloudfour.com/thinks/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](https://www.youtube.com/watch?v=KOvGeFUHAC0) — 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](https://death-to-ie11.netlify.com/) — 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](https://www.elastic.co/webinars/improving-search-relevance-at-scale-with-elastic-app-search?ultron=relevance-at-scale-webinar&blade=cooperpress-brief-oct-16&hulk=cpc) elastic.co sponsor [WordPress 5.2.4 Release Addresses Several Security Issues](https://wptavern.com/wordpress-5-2-4-release-addresses-several-security-issues) Justin Tadlock [Stop Animations During Window Resizing](https://css-tricks.com/stop-animations-during-window-resizing/) Chris Coyier 🔧 **Code, Tools & Resources** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1571137090/ch4cmgsiw6miix42nqvl.png)](https://untitled-goose-meme.glitch.me/) [Untitled Goose Memes](https://untitled-goose-meme.glitch.me/) — A honking good recreation of the to-do list from indie game of the moment, Untitled Goose Game. Samuel Fine [Toucaan: Rethinking CSS Frameworks](https://bubblin.io/blog/toucaan-introduction) — 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](https://yoksel.github.io/relative-clip-path/) — 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](https://css-scroll-shadows.now.sh/) Stefan Judis 🗓 **Upcoming Events** [Accessibility Scotland, October 25 — Edinburgh, UK](https://accessibility.scot) — One day of talks. Friendly, open discussion about accessibility. [Performance Now, November 21-22 — Amsterdam, Netherlands](https://perfnow.nl) — A single track conference with fourteen world-class speakers, covering the most important web performance insights. [VueConfTO 2019, November 11-12 — Toronto, Canada](https://vuetoronto.com) — First ever Vue Conference in Canada. Biggest in North America, with great workshops and talks. [Frontend Con, November 26-27 — Warsaw, Poland](https://frontend-con.io) — Brings together 30+ top experts with over 500 experienced frontend pros from all over the world. A **[Cooperpress](https://cooperpress.com/)** publication — Curated by [Chris Brandrick](https://twitter.com/chrisbrandrick) & [Peter Cooper](https://twitter.com/peterc). [Change your email address](https://frontendfoc.us/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom