October 8, 2017 Frontend Focus Issue 308 — September 20, 2017 W3C Abandons Consensus, Standardizes DRM with 58% SupportThis decision has resulted in the EFF resigning from the consortium due to a belief that the W3C process is no longer suited to defending the open web. Cory DoctorowHow New Font Technologies Will Improve The WebFrançois Poizat looks at how variable & parametric fonts will revolutionize responsive type. Smashing MagazineThe All-New Guide to CSS Support in EmailA big update to this popular guide for getting your CSS behaving in a range of email clients. Campaign MonitorLinux cloud hosting starting at 1GB of RAM for $5/moGet a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. Use promo code HTML520 for a $20 credit on a new account. Linode Cloud Hosting SponsorPayment Request API Now Being Implemented in Major BrowsersThe Web Payments Working Group has advanced both Payment Request API and Payment Method identifiers to Candidate Recommendation Status. W3CChrome to Force ‘.dev’ Domains to HTTPS via Preloaded HSTSA future version of Chrome may force all domains ending on .dev (and .foo) to be redirected to HTTPs via a preloaded HTTP Strict Transport Security (HSTS) header. Mattias GeniarWriting CSS with Accessibility in MindTechniques, considerations, and approaches that will help you write more accessible CSS. Manuel MatuzovicCoding A Newspaper Layout As A Progressive Web AppAn in-depth look at the coding process for The Global Upvote, a site which brings together the top voted stories from across the web, updated every 60 seconds. James Y RauhutUploading Directories at Once with ‘webkitdirectory’A look at a non-standard attribute supported by Chrome, Firefox and Edge for allowing the selection of an entire directory via a form. Vitaly FriedmanJobs Frontend Developer at X-Team (Remote)We are 100% remote. We’ll work with you 1-on-1 to motivate and fund you to learn, grow and build a legacy. Join X-Team. X-Team Front-End Developer (Berlin) N26 Senior Front-End Engineer (San Francisco) EnteloCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefW3C Publishes Encrypted Media Extensions as a W3C Recommendation newsW3CBuilding The DOM Faster: Speculative Parsing, Async, Defer and Preload tutorial How browsers interpret code and how they help load pages faster with speculative parsing.Milica MihajlijaTaking CSS Linting to the Next Level with Stylelint tutorial Ashley Nolan introduces the features of stylelint, a flexible and well-supported CSS linting tool that can improve your code style/maintenance.SitePointBuilding a multiplayer game with Angular and Pusher tutorial Learn how to build a realtime Angular game from scratch, taking advantage of the awesome realtime capabilities with Pusher.Pusher SponsorBasic Grid Layout with Fallbacks using Feature Queries tutorialChen Hui Jing‘The Notch’ (on iPhone X) and CSS tutorialChris CoyierChrome Extensions for Quick Site Redesigns tutorial How one developer uses Chrome extensions to do quick site redesigns.Monica DinculescuBuilding Inclusive Toggle Buttons tutorialHeydon PickeringCSS Grid: Bringing True 2D Layout to the Web videoMelanie RichardsMicrosoft Edge Web Summit 2017 Roundup video All of the recorded sessions from the recent Edge Summit are now available (with slides and captions).Channel 9Running a Performance Profile on the YouTube Search Box with DevTools videoUmar HansaI Don’t Know Who The Web Audio API Is Designed For opinion “The scope of Web Audio is hopelessly huge, with features I can’t imagine anybody using, core abstractions that are hopelessly expensive, and basic functionality basically missing.”Jasper St. PierreCreate Beautiful, Dynamic React Apps with a Single Component Library – Try ExtReact for Free Today toolsSencha, Inc. Sponsorluma.gl: A JS WebGL2 Framework for Data Visualization codeUber Source link