October 11, 2017 Frontend Focus Issue 311 — October 11, 2017 The Web at Maximum FPS: How WebRender Gets Rid of Jank “WebRender isn’t really about making rendering faster. It’s about making it smoother.” A great look at improvements coming to Firefox soon. Mozilla HacksImage Effects with CSSA collection of CSS snippets to create fast, complex image effects, such as pencil drawing, watercolor painting, and the intriguing ‘flannel’. Bennett FeelyWhich Technologies are Video Developers Using Across the World?MPEG-DASH or HLS? Cloud encoding or Hardware encoding? HEVC, VP9 or H.264? Find out what developers are using now, and what they will be using in 2018. Bitmovin SponsorA Look at Bootstrap 4’s New Reset: Reboot.cssA deep dive into the latest Bootstrap’s new approach to style resetting, as well as some history of style resets overall. Nicholas CerminaraBuilding Browser Extensions at ScaleAn extensive overview of techniques, best practices, and things learnt by Grammarly, creators of a popular browser extension. Igor KononuchenkoCSS Grid Challenge: Winners and TemplatesSmashing Magazine ran a CSS Grid design challenge and here are the results. A good look at what’s possible with CSS Grid today. Smashing MagazineMicrosoft Edge for iOS & Android: What Developers Need to KnowMicrosoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. Sean LyndersayJobs Senior Front End Developer – Booking.com (Amsterdam)We’re seeking a Developer to take initiative on larger technical needs of the product and focus on moving the business forward. Booking.com Senior NodeJS Engineer, E-commerce/Shop TeamWe’re looking for an experienced Node dev to build infrastructure to support our dynamic content engine and build tooling. Casper We can help you find your dream job in NYC or SFWe know you don’t have time for the job hunt — let us do it for you. Companies will email you directly as soon as next Monday. Underdog.ioIn BriefBlink’s Intent to Implement: ‘async’ Attribute On ‘img’ Elements news A potential future way to increase responsiveness.blink-devBringing WebVR to Everyone with The Windows 10 Fall Creators Update newsLewis WeaverCFP for Munich Frontend Conference Ends This Sunday newsPaperCall$20 Free on a new Linode account Linux cloud hosting starting at 1GB of RAM for $5/mo. Get $20 credit on a new account.Linode Cloud Hosting SponsorFiltering Images using the Web Audio API tutorial Creative experiments with arrays of sound and vision.Rafael Specht da Silva(S)CSS Best Practices You May Have Not Yet Known tutorial A few nice tips for writing robust and maintainable styles.Miros?aw CiastekMaking a Pure CSS Play/Pause Button tutorialDaniel AbillaImplementing A Service Worker For Single-Page App WordPress Sites tutorialLeonardo LosovizA Fearless Guide to Using CSS Grid tutorialBrenda StorerBuilding Your Core Accessibility Team in 5 Steps tutorialDennis LembreeTroubleshoot slow web apps with Datadog Get alerts for performance problems and find the bottleneck in your application with end-to-end request tracing.Datadog SponsorBlasting React Into Space: Building Fluid Interfaces with React and WebGL videoAshi KrishnanBringing Back The 1990s: The Revenge of JavaScript Style Sheets videoSteve KinneyWhat Is The Least/Most Common Color Used On Web Pages? opinionHTTP Archive Source link