October 9, 2017 Frontend Focus Issue 307 — September 13, 2017 Learn How To Debug JavaScript with Chrome DevToolsDitch console.log debugging once and for all by learning to use breakpoints to debug code within the DevTools. Brandon MorelliLazy Async SVG RasterizationBrowsers try to render SVG images on every frame, this can be slow. Here, Jake shows us how the createImageBitmap method can speed things up. Jake Archibald? Act Now—Save 38% on Frontend Masters MembershipsSecure a year of access to 1?-rate training that advances your skills and expands your professional horizons. Frontend Masters’ catalog of expert courses is continually added and updated throughout the year. Don’t delay—discount ends September 18th. Frontend Masters SponsorAn ‘Ultimate’ Guide to Flexbox in 7 Thorough ExamplesThe trick to learning Flexbox is simply by playing with it, so these 7 examples and walkthroughs provide a lot of food for thought. Ohans EmmanuelThe State of the Web and Its PerformanceHow can we make the Web better by designing and developing with performance in mind? A look at various ways of making impactful performance improvements. Karolina SzczurThe Wonderful World of WebpackExplains the reasoning behind Webpack, and what makes it more than a mere bundler. Jack HistonDiscover the Power of CSS TransformsWith a single line of CSS, we can completely reorient any element. Dan Wilson gets into the transform property and how you can use it to change your site. Heart InternetJobs Senior Front-End Engineer (San Francisco) Entelo Front-End Developer (Berlin) N26Can’t find the right job? Want companies to apply to you? Try Hired.com.In BriefWatch Microsoft Edge Web Summit 2017 Live On Channel 9 Today news Starts today (Weds Sep 13) at 9am Pacific/12pm Eastern.Kyle PflugWeb Content Accessibility Guidelines 2.1 Working Draft newsW3CWeb Share API Goes Live in Chrome 61 on Android newsGoogle DevelopersChrome’s Plan to Distrust Symantec Certificates newsGoogleThe Developer Has Spoken HEVC is rising and HLS is still king. Get the 2017 Video Developer Report and see for yourself.BITMOVIN SponsorGetting Started with Website Accessibility tutorialCarie FisherAccessible SVG Line Graphs tutorial Adding ARIA roles to improve the accessibility of SVG graphs.Léonie WatsonBuilding Skeleton Screens with CSS Custom Properties tutorialMax Böck2 Ways to Break CSS Grid and How to Fix It tutorialDave RupertHTML Templates via JavaScript Template Literals tutorialChris CoyierSwitching Your Site to HTTPS on a Shoestring Budget tutorialChristopher SchmittHow I Recreated The Gorillaz Andromeda Music Video using WebGL storyYa??z GürgülExperimenting with WebAssembly and Computer Vision storyMozilla HacksMicro?Frontends: Extending Microservice Ideas to Frontend Development opinionMicro FrontendsCSS-in-JS Is Like Replacing A Broken Screwdriver with Your Favorite Hammer opinionKevin BallDisabled Form Buttons Suck, and Here’s Why opinionHampus SethforsThe Zen of Just Writing CSS opinionSvelteFull-stack app monitoring with Datadog Get real-time metrics from your web applications with Datadog. Start quickly with auto-instrumentation.Datadog Sponsorsrc2png: Turn Source Code Into Beautiful Syntax-Highlighted Images toolsMatt LewisStencil: A Tool for Building Modern Web Components toolsIonic Source link