--- title: "The Internet Archive is 25 years old" publication: "Frontend Focus" issue: 501 published_at: "2021-07-28" canonical_url: "https://frontendfoc.us/issues/501" --- Plus just how does Chrome turn web pages into pixels? | [Unsubscribe](https://frontendfoc.us/leave/*|UID|*) [![\](https://res.cloudinary.com/cpress/image/upload/v1602675575/hhmdxfk96fnbq3effjk1.png)](https://frontendfoc.us/) Frontend Focus #​501 — July 28, 2021 | [Read on the web](https://frontendfoc.us/issues/501) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/gbspboj4qkmhbx9alxai.jpg)](https://developer.chrome.com/blog/renderingng-architecture/) [An Overview of the RenderingNG Architecture](https://developer.chrome.com/blog/renderingng-architecture/) — Just how does Chrome render pixels on your screen? This thorough post explains how the components of the [RenderingNG architecture](https://developer.chrome.com/blog/renderingng/) work, and how the rendering pipeline flows through them. Chris Harrelson (Google) [Reflections as the Internet Archive Turns 25](https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/) — The Internet Archive has been taking digital snapshots of the web for over [a quarter of a century now](https://anniversary.archive.org). Here, Brewster Kahle shares his thoughts on “_building a Library of Everything in the digital age_”, and creating such a mammoth historical reference. “I wanted to help make a new medium that would be a step forward from Gutenberg’s invention hundreds of years before” ___ [Brewster Kahle](https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/) [![\](https://copm.s3.amazonaws.com/d9c75be3.png)](https://www.springboard.com/courses/software-engineering-career-track/?utm_source=newsletter&utm_medium=cpc&utm_campaign=frontendfocus1) [Get a Software Engineering Job, Guaranteed](https://www.springboard.com/courses/software-engineering-career-track/?utm_source=newsletter&utm_medium=cpc&utm_campaign=frontendfocus1) — With a curriculum built by Colt Steele and 1:1 mentorship from senior software engineers, accelerate your career with Springboard’s software engineering bootcamp. Graduates see an average salary increase of $24,000 and are backed by a job guarantee. Springboard sponsor [How Do Chrome Extensions Impact Browser Performance?](https://www.debugbear.com/blog/chrome-extension-performance-2021) — This report investigates how 1,000 of the most popular Chrome extensions impact browser performance and end-user experience. Matt Zeunert [NFC Comes to the Web](https://cxlabs.sap.com/2021/07/27/nfc-comes-to-the-web/) — NFC functionality is now widely available on the hardware side, with browser support slowly gaining (for example: Chrome for Android 91 now supports WebNFC). As such, Sven has been experimenting with the technology and captured his thoughts here (along with a few code examples). Sven Haiges **⚡️ Quick bits:** - A six-year old [feature request](https://twitter.com/domenic/status/1420071229768224775) to expose a browser's built-in deep object cloning ability is finally being added to the HTML spec. - Here are [the latest release notes](https://webkit.org/blog/11925/release-notes-for-safari-technology-preview-128/) for Safari Technology Preview — including support for 12 new values for `list-style-type`. - Are you currently having to navigate all that comes with the retirement of IE 11? [Here's an FAQ](https://techcommunity.microsoft.com/t5/windows-it-pro-blog/internet-explorer-11-desktop-app-retirement-faq/ba-p/2366549) from Microsoft. - [Frustrations](https://twitter.com/viticci/status/1418297985398624258) with the current beta version of Safari on iOS continue... 📙 **Tutorials, Articles & Opinion** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1627466919/lgs7pej8h0z7clqpez9i.png)](https://ishadeed.com/article/thinking-about-the-cut-out-effect/) [Thinking About the Cut-Out Effect: CSS or SVG?](https://ishadeed.com/article/thinking-about-the-cut-out-effect/) — A real deep-dive look at just how CSS and SVG can be used together to implement a clean ‘cut-out’ effect. Ahmad Shadeed [How to Create Rich Angular Snackbar Notifications](https://www.telerik.com/blogs/how-to-implement-rich-angular-notifications-aka-toast-snackbar-kendo-ui?utm_medium=cpm&utm_source=frontendfocus&utm_campaign=kendo-ui-angular-blog-frontend-notification-turorial&utm_content=sponsored-link) — In this fun and easy-to-follow video, learn how Kendo UI for Angular helps you create better notifications. Progress Kendo UI for Angular sponsor [Improving A Calculator Form](https://chrisannetts.com/blog/tesco-loan-calculator) — A web form designer tries to improve a web-based calculator. Goes into a fair bit of detail and explains the rationale behind each change. A considered review. Chris Annetts ['For Developers, Apple’s Safari is C**p and Outdated'](https://blog.perrysun.com/2021/07/15/for-developers-safari-is-crap-and-outdated/) — This spirited piece claims that with “_IE now out of the way, the distinction of ‘most-hated browser’ goes to Apple’s Safari_”. Perry adds that this decline in approval is “_seemingly deliberate and about protecting App Store revenue_”. Perry Sun opinion [Building a Breadcrumbs Component](https://web.dev/building-a-breadcrumbs-component/) — A foundational overview of how to build a responsive and accessible breadcrumbs component for users to navigate your site. Adam Argyle [How We Built Markdown Support into Our Low-Code App Builder](https://retool.com/blog/text-v2-app-documentation/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=cooperpress) Retool sponsor [What I Wish I Knew About CSS When Starting Out as a 'Frontender'](https://engineering.kablamo.com.au/posts/2021/my-first-css) Nathan Hardy [Building a ‘Table Of Contents’ with Active Indicator using Intersection Observers](https://benfrain.com/building-a-table-of-contents-with-active-indicator-using-javascript-intersection-observers/) Ben Frain [Using Google Drive as a CMS](https://css-tricks.com/using-google-drive-as-a-cms/) Nathan Babcock Jobs [Senior Frontend Engineer - React (Remote)](https://jobs.lever.co/kraken/a5e33e54-1da0-4c65-9fc8-04031125db10) — With over 7 million clients, Kraken is one of the world's largest, most successful bitcoin exchanges. Kraken [Exciting Senior Frontend Opportunity - Remote](https://www.agentisenergy.com/careers/senior-front-end-engineer) — Develop practical software that has a real impact on the environment, the bottom line of millions of businesses, and the future of energy as we know it. Agentis [Find Frontend Engineering Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-frontendfocus%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired 🔧 **Code, Tools and Resources** [Color Tools and Resources](https://www.smashingmagazine.com/2021/07/color-tools-resources/) — The team at Smashing Magazine has put together this collection of some useful color tools and resources that they’ve come across. Cosima Mielke [Salvia-Kit: Beautiful Dashboards Built with Tailwind CSS](https://github.com/salvia-kit/salvia-kit-website) — Currently includes eight dashboards with each one including a separate template for Next.js, React, Vue, and Nuxt. Enoch Ndika [Snowflake Generator: Generate a Random or Custom Snowflake Image](https://viviariums.com/projects/snowflake/interactive/) — One of those things that’s just fun to tweak the settings on and play around with. You can use a button to export as JPG, or just right click the result to download as PNG. Vivian Wu 📬 **Got a new email address?** You can [change your email here](https://frontendfoc.us/edit_subscription/*|UID|*). --- **Bored of us?** Click [here to stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*). --- **Got a link for us?** Reply and tell us. We can't include everything but we'll take a look. --- Published by Cooper Press Ltd. Curated by [Chris Brandrick](https://twitter.com/chrisbrandrick) & [Peter Cooper](https://twitter.com/peterc). Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom [Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*)