diff --git a/cache.json b/cache.json index c4c32f8..6fe877b 100644 --- a/cache.json +++ b/cache.json @@ -36,7 +36,7 @@ "description": "How To Use The Vite Build Tool with React — Vite is hot, in part, because it’s based on esbuild and wickedly fast. It’s from Evan You of Vue fame, but it’s not a Vue-specific tool. Here, NARUHODO covers how \n…\nThe post Links on React and JavaScript II appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/links-on-react-and-javascript-ii/", "publishedOn": "2021-10-01T21:09:25.000Z", - "wordCount": 753, + "wordCount": 759, "title": "Links on React and JavaScript II" }, { @@ -45,7 +45,7 @@ "description": "I'm certainly not dogmatic about it, but I think if you can pull of a project with literally zero build process, it feels good while working on it and feels very good when you come back to it months/years later and can just pick up and go.\nThe post Using the platform appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://elisehe.in/2021/08/22/using-the-platform", "publishedOn": "2021-10-01T18:50:43.000Z", - "wordCount": 3309, + "wordCount": 3344, "title": "Using the platform" }, { @@ -178,7 +178,7 @@ "description": "Many websites have some sort of search feature because it helps users navigate through their content easily. Implementing it the right way can be tricky and might not give a good user experience. In this tutorial, we will be integrating Algolia, a popular and powerful search service for the best experience on our Nuxt site.", "link": "https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/", "publishedOn": "2021-10-01T10:00:00.000Z", - "wordCount": 4894, + "wordCount": 4895, "title": "How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/584ac63f-f493-4e93-8d6a-5e6bc640d7ea/search-functionality-nuxt-app-algolia-instantsearch.jpg", @@ -206,7 +206,7 @@ "description": "In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size targets.", "link": "https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/", "publishedOn": "2021-09-29T08:25:00.000Z", - "wordCount": 5044, + "wordCount": 5050, "title": "Using Modern Image Formats: AVIF And WebP", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/67b6e428-ea96-41b4-baf2-6be51577910d/modern-image-formats-avif-webp.jpg", @@ -220,7 +220,7 @@ "description": "You can find Markdown in many places on the Internet. This article covers different aspects of Markdown and how it interacts with other technology.", "link": "https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/", "publishedOn": "2021-09-28T09:00:00.000Z", - "wordCount": 3875, + "wordCount": 3864, "title": "Improving The Accessibility Of Your Markdown", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fa95c8d2-8322-4766-ac8d-891dabff0dd6/improving-accessibility-of-markdown.jpg", @@ -234,7 +234,7 @@ "description": "Is end-to-end testing a painful topic for you? In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead.", "link": "https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/", "publishedOn": "2021-09-27T11:30:00.000Z", - "wordCount": 4951, + "wordCount": 4953, "title": "Let’s Dive Into Cypress For End-to-End Testing", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2c42e65f-5a60-4844-a252-00169b21ab0c/cypress-end-to-end-testing.jpg", @@ -248,7 +248,7 @@ "description": "We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e-commerce site with Next.js.", "link": "https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/", "publishedOn": "2021-09-24T10:00:00.000Z", - "wordCount": 3792, + "wordCount": 3788, "title": "Rebuilding A Large E-Commerce Website With Next.js (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5f1d9e62-ec85-435a-8899-56ac48b4190b/lessons-learned-ecommerce-nextjs.jpg", @@ -276,7 +276,7 @@ "description": "The new CSS `accent-color` property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future.", "link": "https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/", "publishedOn": "2021-09-23T11:00:00.000Z", - "wordCount": 2151, + "wordCount": 2149, "title": "Simplifying Form Styles With `accent-color`", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/195a9e83-5686-47fd-80d9-3c1d6dc4655a/simplifying-form-styles-accent-color.jpg", @@ -304,7 +304,7 @@ "description": "Building a development environment with the shell as a keystone offers multiple benefits. You can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard.", "link": "https://smashingmagazine.com/2021/09/mouseless-development-environment/", "publishedOn": "2021-09-21T11:30:00.000Z", - "wordCount": 4152, + "wordCount": 4161, "title": "How To Build Your Own Mouseless Development Environment", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5c58e67b-deff-4745-b162-f60f468469ac/mouseless-development-environment.jpg", @@ -332,7 +332,7 @@ "description": "Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening.", "link": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/", "publishedOn": "2021-09-20T11:30:00.000Z", - "wordCount": 3952, + "wordCount": 3968, "title": "Are Imposter Domains Re-Publishing Your Website?", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4504ea89-0356-45c7-a7c1-a5c360ecc471/imposter-domains-republishing-website.jpg", @@ -346,7 +346,7 @@ "description": "Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for.", "link": "https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/", "publishedOn": "2021-09-17T09:00:00.000Z", - "wordCount": 2576, + "wordCount": 2575, "title": "Monetize Open-Source Software With Gatsby Functions And Stripe", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/73f6525b-6678-4db1-a875-16150bc822cd/monetize-open-source-software-gatsby-functions-stripe.jpg", @@ -360,7 +360,7 @@ "description": "Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way.", "link": "https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/", "publishedOn": "2021-09-16T12:00:00.000Z", - "wordCount": 4510, + "wordCount": 4516, "title": "Web Quality Assurance: From User Requirements To Web Risk Management", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/da816ee2-199c-49e8-8f63-f50d1fb5adb7/journey-into-web-quality-assurance.jpg", @@ -388,7 +388,7 @@ "description": "For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.", "link": "https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/", "publishedOn": "2021-09-15T10:00:00.000Z", - "wordCount": 1934, + "wordCount": 1936, "title": "Reducing The Need For Pseudo-Elements", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c994e024-5695-4cf7-b9b6-dc589e547f19/reducing-need-pseudo-elements.jpg", @@ -402,7 +402,7 @@ "description": "When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.", "link": "https://smashingmagazine.com/2021/09/power-pen-paper-sketching/", "publishedOn": "2021-09-14T09:30:00.000Z", - "wordCount": 2081, + "wordCount": 2092, "title": "The Power Of Pen And Paper Sketching", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e4a5bd0b-53db-40c2-90d9-9d0a19b8d377/power-pen-paper-sketching.jpg", @@ -416,7 +416,7 @@ "description": "There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.", "link": "https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/", "publishedOn": "2021-09-13T09:00:00.000Z", - "wordCount": 2997, + "wordCount": 2995, "title": "Orchestrating Complexity With Web Animations API", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/cc4a9b5f-fd83-4fc0-9966-6f98707d1466/orchestrating-complexity-web-animations-api.jpg", @@ -430,7 +430,7 @@ "description": "They say content is king, and they’re right. The web has unlocked untold possibilities for storytellers — provided the story is right, of course. Here are some of our favorite examples of editorial content thriving in the digital realm.", "link": "https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/", "publishedOn": "2021-09-10T10:00:00.000Z", - "wordCount": 2049, + "wordCount": 2051, "title": "Web Design Done Well: Excellent Editorial", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7af3bbbe-821b-4e3c-870a-f8290ed52212/web-design-done-well-excellent-editorial.jpg", @@ -444,7 +444,7 @@ "description": "When paired with ISR and Next.js’ API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not), and how to build a website by using Incremental Static Regeneration.", "link": "https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/", "publishedOn": "2021-09-09T10:30:00.000Z", - "wordCount": 2055, + "wordCount": 2057, "title": "Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/47c6e5fc-73b3-41fe-afb7-b640b860efa0/useswr-react-hook-library-incremental-static-regeneration-nextjs.jpg", @@ -486,7 +486,7 @@ "description": "Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.", "link": "https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/", "publishedOn": "2021-09-07T10:00:00.000Z", - "wordCount": 4048, + "wordCount": 4038, "title": "What’s New With DevTools: Cross-Browser Edition", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1e0eef0e-e4b0-45b6-8afd-1d1a60b7c53b/devtools-cross-browsers.jpg", @@ -500,27 +500,13 @@ "description": "After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well.", "link": "https://smashingmagazine.com/2021/09/http3-practical-deployment-options-part3/", "publishedOn": "2021-09-06T11:00:00.000Z", - "wordCount": 9720, + "wordCount": 9718, "title": "HTTP/3: Practical Deployment Options (Part 3)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a19cca97-b411-44a6-a8be-e1468a0df78a/http3-practical-deployment-options-part3.jpg", "length": "0", "type": "image/jpg" } - }, - { - "id": "https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/", - "author": "hello@smashingmagazine.com (Berwyn Powell)", - "description": "Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up.", - "link": "https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/", - "publishedOn": "2021-09-03T11:30:00.000Z", - "wordCount": 3553, - "title": "Reducing Carbon Emissions On The Web", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdef7e38-4e37-4177-a7b3-d74860c7724f/reducing-carbon-emissions-on-web.jpg", - "length": "0", - "type": "image/jpg" - } } ] }, diff --git a/feed.atom b/feed.atom index 8c036a5..b5adc6b 100644 --- a/feed.atom +++ b/feed.atom @@ -1,8 +1,8 @@ - urn:2021-10-02T00:41:07.593Z + urn:2021-10-03T00:46:35.924Z osmos::feed - 2021-10-02T00:41:07.593Z + 2021-10-03T00:46:35.924Z osmosfeed 1.11.2 @@ -546,14 +546,4 @@ Thank you @ad-m]]> hello@smashingmagazine.com (Robin Marx) - - <![CDATA[Reducing Carbon Emissions On The Web]]> - https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/ - - 2021-09-03T11:30:00.000Z - - - hello@smashingmagazine.com (Berwyn Powell) - - \ No newline at end of file diff --git a/index.html b/index.html index 50c5b1a..c8f6bb0 100644 --- a/index.html +++ b/index.html @@ -904,31 +904,9 @@ Thank you @ad-m -
-

- -