April 12, 2017 Read this e-mail on the WebFrontEnd Focus Issue 285 — April 12, 2017 Debugging Tips and Tricks for Front-End DevelopersA fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging. Sarah DrasnerEdgeHTML 15, a Major Update to Microsoft’s Edge BrowserA major release for Edge that includes WebVR, CSS Custom Properties, Payment Request API, and experimental WebAssembly support. Test in the latest Edge using a VM image or for free on BrowserStack. Microsoft?? The 2017 Front-End Handbook – Free and Open SourceA free, thorough and open source guide anyone could use to learn about the practice of front-end development. Frontend Masters SponsorA Guide to ARIA for Web Accessibility: A W3C Editor’s DraftA practical guide on how to add accessibility information to HTML elements using the WAI-ARIA (Accessible Rich Internet Applications) spec. W3CLighthouse: An Automated Web Page Quality ToolAvailable as a Chrome Extension, command line app or Node module, Lighthouse is a Google-built tool for auditing Web pages for a variety of issues. Google DevelopersThe Invisible Parts of CSSAn attempt to shed some light on the invisible parts of CSS, such as the rendering process, the box model, and more. Mike RiethmullerReact Has Been Taking Over Front-End Dev. Why?Thoughts on why React has become so popular, so quickly, along with a demonstration of the core principles. Samer BunaJobs Frontend Engineer at FR8StarWe are looking for a Frontend Engineer to help us revolutionize the trucking industry. FR8Star Frontend Lead at 3D Hubs (Amsterdam) 3D Hubs Frontend at Cyza Inc. (Remote) Cyza Inc.Can’t find the right job? Want companies to apply to you? Try Hired.com.In BriefChrome Introducing ‘Scroll Anchoring’ to Eradicate Page Jumps newsGoogleGetting Started with Neat 2.0, A Lightweight and Flexible Sass Grid tutorialThoughtbotCase Study: My First Practical CSS Grid Layout tutorialTyler StickaCSS Grid Layout and PostCSS: Now ‘KISS’ tutorial What happens when you combine a new powerful specification with a great processing tool?Sylvain Pollet-VillardAugmented Reality in 10 Lines of HTML (with AR.js and A-Frame) tutorialAlexandra EtienneIndividualizing CSS Properties with CSS Variables tutorialDan WilsonBlock Formatting Contexts and Lists with ‘display: flow-root’ tutorial Resolves the issue of weird padding/margins around floated elements.Paul BakausDebugging CSS for UI Responsiveness tutorial CSS properties and values that trigger reflows are costly when it comes to page and UI responsiveness.Tiffany BrownThe Ultimate Guide to Hiring a Front-end Developer Our team has coded thousands of web and mobile projects. Learn how we hire the best front-end developers.Code My Views SponsorAutomated Web Accessibility Testing with aXe videoA11ycastsCreating Music with the Web Audio API video A well produced 30 minute talk.Rich WilliamsStylelint: A Modern CSS Linter With Over 150 Checks tools .. and support for the latest CSS features.Maxime Thirouin, David Clark, Richard Hallowsmq-scss: A Sass Mixin for Formulating Media Queries toolsDaniel TononTry Bugsnag, and Get a Free T-Shirt ? tools For a limited time, get a free shirt when you sign up and try Bugsnag for automatic JavaScript error monitoring.Bugsnag SponsorEmbedo: A Modern Social Media Embed Plugin code For Facebook, Twitter, Instagram, YouTube and Pinterest content.Shobhit SharmaSVG Icons for Popular Brands and Technologies code Quite developer/tech focused and lots to choose from.Simple IconsAcross Tabs: Easy Comms Between Cross Origin Browser Tabs code Further info, documentation and a demo.WingifyCurated by Peter Cooper and Chris Brandrick and published by Cooperpress. Like this? You may also enjoy: JavaScript Weekly, Node Weekly, and React Status.Stop getting FrontEnd Focus : Change email address : Read this issue on the Web© Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK Source link