August 9, 2017 Frontend Focus Issue 302 — August 9, 2017 HTML 5.2 Now A Candidate RecommendationNow a W3C Candidate Recommendation, the HTML 5.2 spec defines the second minor revision of HTML. A few things are up for potential deprecation including the ‘menu’ and ‘dialog’ elements. W3CThe Languages Which Almost Became CSSThe history of all the languages which almost became CSS and the development of the styled web. Zack BloomMake your website content editable for anyone on your teamAvoid back-and-forth changes to website content by enabling anyone on your team to make changes themselves. Component IO is a modular CMS that easily integrates with any website & allows even non-technical teammates to make edits without learning new tools. Component IO SponsorInside Mozilla: Firefox Fights BackMozilla is preparing to outmanoeuvre Google’s Chrome browser, beginning with the release of Firefox 57 in November. Stephen Shankland10 Guidelines to Improve Your Web AccessibilitySome guidelines to improve the accessibility of your site from color choices through to helpful tools and HTML element choices. Eva FerreiraFirefox 55: First Desktop Browser to Support WebVRFirefox on Windows is the first desktop browser to support the new WebVR standard (with macOS support ready now in Firefox Nightly). Mozilla HacksChanges to the Grid Spec, and Multi-Column Layouts grid-gap properties are changing in favour of more generic gap, column-gap and row-gap properties. Rachel AndrewJobs Front-End JavaScript Developer (Remote) Swift Education Systems Senior Front-End Developer (Temporary Contract, London) Design Culture React Developer (Remote) FundUsCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefCSS Containment Module Level 1: W3C Recommendation newsW3CW3C Launches a WebAssembly Working Group newsBradley NelsonService Worker Support Coming to Safari news Initial implementation steps in Safari appear to be taking place.Maxim SalnikovCompanies Are Losing Web Accessibility Lawsuits news The ‘Americans with Disabilities Act’ means companies cannot discriminate.Lainey FeingoldCritical CSS & Webpack: Automatically Minimize Render-Blocking CSS tutorialAnthony GoreThe new front end: building experiences for devices, Facebook & mobile tutorial The final blog post in a series examining technologies that are driving the development of modern web and mobile applications.MONGODB SponsorIf You Hate FOUT, ‘font-display: optional’ Might Be Your Jam tutorial Your options to avoid showing a ‘Flash of Unstyled Text’.Chris Coyier6 Ways to Detect Chrome Headless tutorial If you want to detect bots, perhaps.Antoine VastelFocusing on Focus tutorial Mouse and keyword handle focus differently, and the behaviour can change depending on what browser you use. Chris runs through why that matters for accessibility and offers a solution.Chris DeMarsKeyboard-Only Focus tutorial Another look at :focus variation between browsers.Roman KomarovAre You Concerned About Accessibility? tutorial How to educate developers on creating accessible websites.Daniela Matos de CarvalhoSolving CSS Versioning Conflicts tutorial How New Relic’s engineering teams solve CSS versioning conflicts.Javier Sánchez-MarínA Designer’s Guide to Flexbox and Grid tutorialJon YablonskiUsing CSS to Detect and Count Prime Numbers tutorial Crazy but fun. Demo here.xieranmayaThe Flash Games Postmortem video Kongregate’s John Cooney looks at the immense history of Flash games.Game Developers ConferenceAfter a 23-Year Wait, WebVR Ships Today story The tale of the history of VR on the Web.Sean WhiteWeb Maker: How I Built a Fast, Offline Frontend Playground storyKushagra GourResolving CSS Gridlock opinionMatthias OttA CSS Grid Highlighter for Chrome toolsAdem IlterDisplayJS: A Simple, Lightweight JS Framework for Building Ambitious UIs toolsArthur GuiotAnalyze web app performance in real time tools Collect custom metrics from your servers, dbs, and 200+ techs. Start visualizing and alerting in minutes.Datadog SponsorJPNG.svg: Combine PNG Transparency with the Compression of a JPEG tools A drag and drop tool that compresses large transparent images.Stephen Shaw Source link