Microsoft introduces beta of its new, Chrome-based Edge browser

#405 — August 21, 2019 Read on the Web Frontend Focus Microsoft Introduces 'Ready for Everyday Use' Beta of Its Chrome-Based Edge Browser — Available for Windows and macOS, the beta release of Edge is the third and final preview release of Microsoft’s new Chromium-based browser, although Microsoft is declaring it ‘ready for everyday use’ with this release. It also includes the ‘Internet Explorer mode’ for back compatibility with IE 11. Time to get testing. Joe Belfiore (Microsoft) ▶  Is CSS a 'Programming Language'? — An hour long conversation asking questions about the label CSS carries, and picking apart if being designated a ‘programming language’ would encourage uptake, or if such characterization may end up being an exercise in exclusion — and ultimately whether it even matters. Heydon Pickering and Stephen Hay podcast GraphQL Tutorials for Frontend Developers — Learn GraphQL by doing in just 2 hours with these open-source tutorials for React, ReactNative, Vue, Angular, Elm, Android, iOS, Flutter & ReasonML developers. Hasura sponsor Optional HTML: Everything You Need to Know — A good look at optional code (such as the quotation marks of an attribute value), and how the balance between understandability and performance don’t need to be at odds with each other. Jens Oliver Meiert iframes Are Just Terrible. Here’s How They Could Be Better. — Daniel Brian, a lead engineer at PayPal highlights some of the issues with using <iframe>. “I really hope browser vendors start to treat UI based iframes as more of a first-class citizen on the web, and help fix some of the above issues which are not poly-fillable right now.” Daniel Brain Google to Deprecate FTP Support in Chrome — By version 82, shipping in Q2 of 2020, all FTP support will be removed from Chrome. This is expected to affect around 0.1% of users though if you do still offer downloads in an FTP-only form, now is the time to upgrade. Paul Hill Custom Elements for The Immersive Web — An introduction to <img-360> and <video-360>, two new custom elements designed to work with 360° images and video. Fernando Serrano 💻 Jobs Senior Software Engineer - Frontend (100% Remote) — Do you have a solid understanding of web technologies and want to design, implement, and launch major user features? Apply now. Close Frontend Engineer - In Dili, Timor-Leste or Possibly Remote — Work with people globally to create change, using technology to empower people, through our programs in aid and global development. Catalpa International Frontend developers are in demand on Vettery — Make a free profile, name your salary, and connect with hiring managers from top employers. Vettery 📙 Articles, Tutorials & Opinion Efficiently Load Third-Party JavaScript — How to avoid the common pitfalls of using third-party scripts to improve load times and user experience. Milica Mihajlija Lazy Load Embedded YouTube Videos — Here’s a clever idea via Arthur Corenzan which avoids using the default YouTube embed — which adds a sizeable number of resources to a page. CSS Tricks Accessibility for Web Developers. Get the Whitepaper — Learn everything you need to know about accessibility standards, how to conform to the laws and what this means to you. Progress Kendo UI sponsor The (Upcoming) WordPress Renaissance — The author asserts that the introduction of Gutenberg has made for a “much richer” Wordpress user experience. Here, he takes a look at the CMSs latest developments, and where it is heading next. Leonardo Losoviz CSS Can Do This.. And It's Terrifying — A curious look at a few things you can do with CSS, but maybe shouldn’t (including key logging & user tracking). Aaron Powell Variable Font Animation with CSS and Splitting JS — A look at what variable fonts are, and how they can be animated with CSS and a little bit of JavaScript. Michelle Barker The evolt.org Browser Archive Is 20 Years Old — When this browser archive launched in 1999 it featured links to 80 different browsers. Adrian Roselli Keyboard Accessible Performance Timelines Now in Chromium Microsoft Edge DevTools on Twitter ▶  Why You Don't Need BEM with Utility-First CSS Adam Wathan Roll Your Own Comment System for a Static Site Tania Rascia 📱 Work in mobile dev? We publish a mobile-focused newsletter every Friday. 🔧 Code, Tools & Resources pagemap: A 'Mini Map' for Web Pages — A neat little idea that’s particularly useful on long pages. This adds a clickable/navigable overview of an entire page to the top right corner. Here’s the associated repo. Lars Jung Lexend: A Variable Font Designed for Better Reading — This new font family, created with reading proficiency in mind, is now available in Google Fonts — you can read more about its creation here. Thomas Jockin Make Your Images & Videos Load Fast & Look Beautiful with Cloudinary Cloudinary sponsor Quicklink: Faster Subsequent Page-Loads by Prefetching Visible Links — We shared this project from Google Chrome Labs last year - but it has just seen an update. It aims to make subsequent page loads quicker by prefetching links that are currently in the viewport during idle time. Google Chrome Labs extra.css: A CSS Houdini Library — ..with plenty of fun effects. Una Kravets An Accessible, Simple, and CSS-Only Styled Checkbox Jen Simmons codepen    🗓 Upcoming Events Web Unleashed 2019, September 13-14 — Toronto, Canada — Covers a variety of front-end topics leaving you 'informed, challenged and inspired'. State of the Browser, September 14 — London, UK — A one-day, single-track conference with widely varying talks about the modern web. CSSConf, September 25 — Budapest, Hungary — A community conference dedicated to the designers and developers who love CSS. Accessibility Scotland, October 25 — Edinburgh, UK — One day of talks. Friendly, open discussion about accessibility. 🕰 ICYMI (Some older stuff that's worth checking out..) How to take screenshots of pages dynamically using a headless browser. Elad Shechter digs into the logic of how CSS position:sticky works. Max Antonucci shares the web accessibility intro they wish they had. Looking for a CSS foundation? backpack.css is a lightweight and somewhat opinionated option that's best suited to apps.

by via Frontend Focus