From 929e5692f87b913d207d93e834c56b58d3c59c75 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Wed, 22 Sep 2021 00:41:04 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 232 ++++++++++++++++++++++--------------------- feed.atom | 212 +++++++++++++++++++++------------------- index.html | 282 +++++++++++++++++++++++++++-------------------------- 3 files changed, 374 insertions(+), 352 deletions(-) diff --git a/cache.json b/cache.json index 3e9da15..ca49f2d 100644 --- a/cache.json +++ b/cache.json @@ -21,13 +21,49 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=352328", + "author": "Chris Coyier", + "description": "CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals. \n🎉 CSSWG just resolved to adopt @tabatkins when/else proposal into the next level of CSS \n…\nThe post Proposal for CSS @when appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/proposal-for-css-when/", + "publishedOn": "2021-09-21T22:54:51.000Z", + "wordCount": 618, + "title": "Proposal for CSS @when" + }, + { + "id": "https://css-tricks.com/?p=352140", + "author": "Chris Coyier", + "description": "There is a new thing coming in CSS: @layer. As with all new things, it takes time to really wrap your head around it. And despite me tapping at my keyboard about it, full disclosure, I’m not sure my …\nThe post Cascade Layers? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/cascade-layers/", + "publishedOn": "2021-09-21T19:23:05.000Z", + "wordCount": 1375, + "title": "Cascade Layers?" + }, + { + "id": "https://css-tricks.com/?p=351992", + "author": "Habdul Hazeez", + "description": "CSS ::before and ::after pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a
but not an ). This effectively allows you to show something on a web page that might …\nThe post 7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/7-practical-uses-for-the-before-and-after-pseudo-elements-in-css/", + "publishedOn": "2021-09-21T14:40:55.000Z", + "wordCount": 3200, + "title": "7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS" + }, + { + "id": "https://css-tricks.com/?p=352174", + "author": "Chris Coyier", + "description": "(This is a sponsored post.)\nThe web’s premier conference is online this fall, October 11–13, 2021: An Event Apart Full Summit. If you already know how good of a conference this is (i.e. that some of the web’s biggest …\nThe post An Event Apart Full Summit! (Use Coupon AEACSST21) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://aneventapart.com/event/fall-summit-2021?utm_campaign=AEAFS21&utm_medium=email&utm_source=csstricks", + "publishedOn": "2021-09-21T14:37:54.000Z", + "wordCount": 2963, + "title": "An Event Apart Full Summit! (Use Coupon AEACSST21)" + }, { "id": "https://css-tricks.com/?p=352089", "author": "Chris Coyier", "description": "This is a good tweet from Harry:\nSimple yet significant thing all developers should keep in mind: CSS resources (fonts, background images) are not requested by your CSS, but by the DOM node that needs them [Note: slight oversimplification, but \n…\nThe post Resources aren’t requested by CSS, but by the DOM appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/resources-arent-requested-by-css-but-by-the-dom/", "publishedOn": "2021-09-20T23:16:14.000Z", - "wordCount": 463, + "wordCount": 608, "title": "Resources aren’t requested by CSS, but by the DOM" }, { @@ -54,7 +90,7 @@ "description": "Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and we always need to produce specific “hacky” code for each particular …\nThe post Exploring the CSS Paint API: Polygon Border appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/exploring-the-css-paint-api-polygon-border/", "publishedOn": "2021-09-20T14:36:50.000Z", - "wordCount": 3611, + "wordCount": 3662, "title": "Exploring the CSS Paint API: Polygon Border" }, { @@ -72,7 +108,7 @@ "description": "Humans crave connections, and the advent of the digital revolution has empowered us to be more connected than ever before. The Internet has unleashed upon billions of people unprecedented economic and political freedom, as well as powerful means of control and domination. Yet, the vast majority of us are oblivious to its inner workings.\nThe post Computer Science Unleashed, Chapter 1: Connections appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/computer-science-unleashed-chapter-1-connections/", "publishedOn": "2021-09-17T15:27:49.000Z", - "wordCount": 7973, + "wordCount": 7975, "title": "Computer Science Unleashed, Chapter 1: Connections" }, { @@ -90,7 +126,7 @@ "description": "You might already know about the CSS gap property. It isn’t exactly new, but it did gain an important new ability last year: it now works in Flexbox in addition to CSS Grid. That, and the fact that I …\nThe post Minding the “gap” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/minding-the-gap/", "publishedOn": "2021-09-16T14:34:46.000Z", - "wordCount": 3220, + "wordCount": 3222, "title": "Minding the “gap”" }, { @@ -119,42 +155,6 @@ "publishedOn": "2021-09-15T18:51:36.000Z", "wordCount": 9, "title": "kbar" - }, - { - "id": "https://css-tricks.com/?p=351767", - "author": "Travis Almand", - "description": "Have you ever been in a situation where you wish you could have some control over the values in an object or array? Maybe you wanted to prevent certain types of data or even validate the data before storing it …\nThe post An Intro to JavaScript Proxy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/an-intro-to-javascript-proxy/", - "publishedOn": "2021-09-15T14:21:27.000Z", - "wordCount": 5403, - "title": "An Intro to JavaScript Proxy" - }, - { - "id": "https://css-tricks.com/?p=351518", - "author": "Chris Coyier", - "description": "Blogging about HTML elements¹? *chefs kiss*\nHere’s Ben Myers on the (aptly described) “underrated” Definition List (
) element in HTML:\nYou might have also seen lists of name–value pairs to describe lodging amenities, or to list \n…\nThe post On the `dl` appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/on-the-dl/", - "publishedOn": "2021-09-14T22:37:21.000Z", - "wordCount": 634, - "title": "On the `dl`" - }, - { - "id": "https://css-tricks.com/?p=351454", - "author": "Jonathan Land", - "description": "Learn how to build an HTML form in PHP using DOMDocument — a structured and expressive way to build logical markup.\nThe post Building a Form in PHP Using DOMDocument appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/building-a-form-in-php-using-domdocument/", - "publishedOn": "2021-09-14T14:36:24.000Z", - "wordCount": 4375, - "title": "Building a Form in PHP Using DOMDocument" - }, - { - "id": "https://css-tricks.com/?p=351970", - "author": "Chris Coyier", - "description": "(This is a sponsored post.)\nWhat? Jamstack Conf! It’s the best! Learn what’s happening and what’s next for this hot ecosystem.\nWhen? October 6–7, 2021\nWhere? Virtual / online.\nHow much? It’s free! There are workshops as well though, …\nThe post Jamstack Conf 2021 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://jamstackconf.com/", - "publishedOn": "2021-09-14T14:32:16.000Z", - "wordCount": 718, - "title": "Jamstack Conf 2021" } ] }, @@ -163,13 +163,41 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/09/mouseless-development-environment/", + "author": "hello@smashingmagazine.com (Matthieu Cneude)", + "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": 4145, + "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", + "length": "0", + "type": "image/jpg" + } + }, + { + "id": "https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/", + "author": "hello@smashingmagazine.com (Frederick O’Brien)", + "description": "The last 18 months have been a time of unprecedented turbulence. As the people of the world have flooded online, businesses have joined them, using web development tools to adapt in real-time.", + "link": "https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/", + "publishedOn": "2021-09-21T09:30:00.000Z", + "wordCount": 1686, + "title": "How Web Development Tools Are Helping Users Keep Pace With Rapid Change", + "enclosure": { + "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d8f1b98f-ddeb-407f-ab88-c34305a5380b/web-development-tools-users-keep-pace-rapid-change.jpg", + "length": "0", + "type": "image/jpg" + } + }, { "id": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/", "author": "hello@smashingmagazine.com (Ken Harker)", "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": 3967, + "wordCount": 3965, "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", @@ -183,7 +211,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": 2587, + "wordCount": 2571, "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", @@ -197,7 +225,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": 4505, + "wordCount": 4503, "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", @@ -225,7 +253,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": 1932, "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", @@ -239,7 +267,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": 2074, + "wordCount": 2076, "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", @@ -253,7 +281,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": 2998, + "wordCount": 2997, "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", @@ -267,7 +295,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": 2040, + "wordCount": 2036, "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", @@ -281,7 +309,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": 2053, + "wordCount": 2055, "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", @@ -295,7 +323,7 @@ "description": "In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.", "link": "https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/", "publishedOn": "2021-09-08T10:30:00.000Z", - "wordCount": 2853, + "wordCount": 2851, "title": "Developer Decisions For Building Flexible Components", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76d3eef0-2a0a-45e0-b0bb-399da37c3834/developer-decisions-building-flexible-components.jpg", @@ -323,7 +351,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": 4038, + "wordCount": 4035, "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", @@ -337,7 +365,7 @@ "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": 9717, + "wordCount": 9714, "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", @@ -351,7 +379,7 @@ "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, + "wordCount": 3557, "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", @@ -365,7 +393,7 @@ "description": "Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.", "link": "https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/", "publishedOn": "2021-09-02T12:00:00.000Z", - "wordCount": 2421, + "wordCount": 2423, "title": "Interactive Learning Tools For Front-End Developers", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7f13aec3-8dd5-4085-afce-c752db3abfb6/interactive-learning-tools-front-end-developers.jpg", @@ -379,7 +407,7 @@ "description": "What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.", "link": "https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/", "publishedOn": "2021-09-01T10:30:00.000Z", - "wordCount": 5569, + "wordCount": 5565, "title": "A Deep Dive Into The Wonderful World Of SVG Displacement Filtering", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/92af7db6-94b4-4e48-8e20-875af2d5e024/deep-dive-svg-displacement-filtering.jpg", @@ -407,7 +435,7 @@ "description": "New month, new wallpapers! In this post, you’ll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy!", "link": "https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/", "publishedOn": "2021-08-31T08:00:00.000Z", - "wordCount": 2392, + "wordCount": 2398, "title": "Stories Of September (2021 Desktop Wallpapers Edition)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdfaaaac-a4fb-475b-997c-ac45db998da0/sep-21-finding-the-balance-preview-opt.png", @@ -435,7 +463,7 @@ "description": "Compound components help developers build more expressive and flexible APIs to share state and logic within components. This tutorial explains how this can be achieved with the help of using the Context API and React to build components by using this advanced pattern.", "link": "https://smashingmagazine.com/2021/08/compound-components-react/", "publishedOn": "2021-08-27T13:00:00.000Z", - "wordCount": 3115, + "wordCount": 3098, "title": "Compound Components In React", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e9df8cb4-b274-407a-97a8-f06488571802/compound-components-react.jpg", @@ -449,7 +477,7 @@ "description": "The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users’ data, and how you can too.", "link": "https://smashingmagazine.com/2021/08/against-privacy-infringement-web/", "publishedOn": "2021-08-26T08:00:00.000Z", - "wordCount": 3758, + "wordCount": 3754, "title": "Pushing Back Against Privacy Infringement On The Web", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fbab17a6-483b-4e8e-b9f1-9ab583202df1/against-privacy-infringement-web.jpg", @@ -463,7 +491,7 @@ "description": "In this article, Leonardo explains how to use a \"multi-monorepo\" approach for making the development experience faster, yet keeping your PHP packages private. This solution can be especially beneficial for PRO plugin creators.", "link": "https://smashingmagazine.com/2021/08/public-private-multi-monorepo-php-projects/", "publishedOn": "2021-08-25T07:10:00.000Z", - "wordCount": 3552, + "wordCount": 3537, "title": "Creating A Public/Private Multi-Monorepo For PHP Projects", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a223ab2b-d926-4fec-a422-bed6e7b02178/01-architecture.png", @@ -477,27 +505,13 @@ "description": "In this article, you’ll learn how to save hours of tedious work of writing, updating, and correcting technical documentation. In this article, you will learn how to automate your documentation workflow with Vale and GitHub Actions.", "link": "https://smashingmagazine.com/2021/08/automate-documentation-workflow-for-developers/", "publishedOn": "2021-08-24T13:00:00.000Z", - "wordCount": 3215, + "wordCount": 3219, "title": "How To Automate Documentation Workflow For Developers", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/68266575-8f47-415b-9c91-7004a02944ee/action-github-1.png", "length": "0", "type": "image/png" } - }, - { - "id": "https://smashingmagazine.com/2021/08/http3-performance-improvements-part2/", - "author": "hello@smashingmagazine.com (Robin Marx)", - "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 performance improvements of HTTP/3, congestion control, head-of-line-blocking, and 0-RTT connection set-up.", - "link": "https://smashingmagazine.com/2021/08/http3-performance-improvements-part2/", - "publishedOn": "2021-08-23T06:20:00.000Z", - "wordCount": 10526, - "title": "HTTP/3: Performance Improvements (Part 2)", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/9d5e5ddd-7a90-48c6-84c5-dc5c335e2305/congestion-control.png", - "length": "0", - "type": "image/png" - } } ] }, @@ -506,6 +520,42 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "6114c92f72231b077cdae3fa", + "author": null, + "description": "Whenever you're working with computers or any electronic device that has storage capacity, you might need to distribute or share information and files in various ways. These might be sound files, images, notes, or any number of text configuration files. And the information you share will often be private or", + "link": "https://www.freecodecamp.org/news/scp-linux-command-example-how-to-ssh-file-transfer-from-remote-to-local/", + "publishedOn": "2021-09-21T21:41:38.000Z", + "wordCount": 1333, + "title": "SCP Linux Command – How to SSH File Transfer from Remote to Local" + }, + { + "id": "611b66d9e884de0752180165", + "author": null, + "description": "Google Sheets provide a simple way to create online forms and gather data from users. In this tutorial we will use Google Sheets and Next.js to build a simple form. We'll use Next.js as our front end, and we'll use Google Sheets as the back end to send", + "link": "https://www.freecodecamp.org/news/create-a-feedback-form-using-nextjs-and-google-sheets-api/", + "publishedOn": "2021-09-21T17:44:05.000Z", + "wordCount": 1767, + "title": "How to Create a Feedback Form using the Google Sheets API" + }, + { + "id": "61474c2a852f4307d37305e1", + "author": null, + "description": "As a developer, you probably want to improve your skills constantly. Be the best developer you can possibly be. But how you can actually improve is a tricky question to answer. The Software industry is obsessed with the idea of 10x engineers. These are engineers who are supposedly 10 times", + "link": "https://www.freecodecamp.org/news/how-to-become-a-better-developer/", + "publishedOn": "2021-09-21T15:52:00.000Z", + "wordCount": 1505, + "title": "How to Become a Better Developer – Tips to Grow Your Coding Skills" + }, + { + "id": "6149f6de9456b407b870fe26", + "author": null, + "description": "If you use a computer a lot you've probably had to do some repetitive tasks. Python can be used to automate many boring tasks to give you more time for other things. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to automate", + "link": "https://www.freecodecamp.org/news/how-to-automate-things-using-python/", + "publishedOn": "2021-09-21T15:18:57.000Z", + "wordCount": 495, + "title": "How to Automate Things Using Python" + }, { "id": "5fbf192a49c47664ed825d46", "author": null, @@ -559,42 +609,6 @@ "publishedOn": "2021-09-20T14:29:04.000Z", "wordCount": 767, "title": "Ascending Order with SQL Order By" - }, - { - "id": "614382b2852f4307d372f2d6", - "author": null, - "description": "Take a look at the following sentences: I’m learning how to code. I'll get a software developer job. Learning how to code doesn’t have to cost you money. The words I’m, I’ll and doesn’t are called contractions. In this article, you'll learn all about contractions", - "link": "https://www.freecodecamp.org/news/what-is-a-contraction-grammar-and-definition/", - "publishedOn": "2021-09-20T13:59:58.000Z", - "wordCount": 1817, - "title": "What is a Contraction? Grammar and Definition" - }, - { - "id": "613f3cc7852f4307d372c7e4", - "author": null, - "description": "You might have heard of a CSV file but what does it mean? In this article, we are going to learn what a CSV file is, and how to open and export them using Microsoft Excel and Google Sheets. What is a CSV file? CSV stands for Comma Separated Values.", - "link": "https://www.freecodecamp.org/news/csv-format-how-to-open-a-csv-file-and-export-it/", - "publishedOn": "2021-09-17T18:22:47.000Z", - "wordCount": 711, - "title": "CSV Format – How to Open a .csv File and Export it" - }, - { - "id": "613f6bc9852f4307d372ca83", - "author": null, - "description": "Freelancing can be an incredibly rewarding way to make money online. But it can also be quite difficult if you don't approach it in the right way. It takes more than a stable internet connection to make a living as a freelancer. In order to make the big bucks, you’", - "link": "https://www.freecodecamp.org/news/how-to-start-freelancing/", - "publishedOn": "2021-09-16T22:25:55.000Z", - "wordCount": 2262, - "title": "How to Start Freelancing – Tips for Launching a Successful Freelance Career" - }, - { - "id": "614353d8852f4307d372ef7e", - "author": null, - "description": "In Web Development, REST APIs play an important role in ensuring smooth communication between the client and the server. You can think of the client as the front end and the server as the back end. Communication between the client (frontend) and the server (backend) isn't usually super direct. So", - "link": "https://www.freecodecamp.org/news/rest-api-best-practices-rest-endpoint-design-examples/", - "publishedOn": "2021-09-16T17:50:22.000Z", - "wordCount": 1613, - "title": "REST API Best Practices – REST Endpoint Design Examples" } ] } diff --git a/feed.atom b/feed.atom index fd4df2d..60dc5e7 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,117 @@ - urn:2021-09-21T00:42:52.087Z + urn:2021-09-22T00:41:04.306Z osmos::feed - 2021-09-21T00:42:52.087Z + 2021-09-22T00:41:04.306Z osmosfeed 1.11.1 + + <![CDATA[Proposal for CSS @when]]> + https://css-tricks.com/?p=352328 + + 2021-09-21T22:54:51.000Z + + + Chris Coyier + + + + <![CDATA[SCP Linux Command – How to SSH File Transfer from Remote to Local]]> + 6114c92f72231b077cdae3fa + + 2021-09-21T21:41:38.000Z + + + freeCodeCamp.org + + + + <![CDATA[Cascade Layers?]]> + https://css-tricks.com/?p=352140 + + 2021-09-21T19:23:05.000Z + + + Chris Coyier + + + + <![CDATA[How to Create a Feedback Form using the Google Sheets API]]> + 611b66d9e884de0752180165 + + 2021-09-21T17:44:05.000Z + + + freeCodeCamp.org + + + + <![CDATA[How to Become a Better Developer – Tips to Grow Your Coding Skills]]> + 61474c2a852f4307d37305e1 + + 2021-09-21T15:52:00.000Z + + + freeCodeCamp.org + + + + <![CDATA[How to Automate Things Using Python]]> + 6149f6de9456b407b870fe26 + + 2021-09-21T15:18:57.000Z + + + freeCodeCamp.org + + + + <![CDATA[7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS]]> + https://css-tricks.com/?p=351992 + + 2021-09-21T14:40:55.000Z + but not an ). This effectively allows you to show something on a web page that might … +The post 7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]> + + Habdul Hazeez + + + + <![CDATA[An Event Apart Full Summit! (Use Coupon AEACSST21)]]> + https://css-tricks.com/?p=352174 + + 2021-09-21T14:37:54.000Z + + + Chris Coyier + + + + <![CDATA[How To Build Your Own Mouseless Development Environment]]> + https://smashingmagazine.com/2021/09/mouseless-development-environment/ + + 2021-09-21T11:30:00.000Z + + + hello@smashingmagazine.com (Matthieu Cneude) + + + + <![CDATA[How Web Development Tools Are Helping Users Keep Pace With Rapid Change]]> + https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/ + + 2021-09-21T09:30:00.000Z + + + hello@smashingmagazine.com (Frederick O’Brien) + + <![CDATA[Resources aren’t requested by CSS, but by the DOM]]> https://css-tricks.com/?p=352089 @@ -112,16 +219,6 @@ The post Exploring the CSS Paint API: Polygon Border appeared first on CSS-Trick freeCodeCamp.org - - <![CDATA[What is a Contraction? Grammar and Definition]]> - 614382b2852f4307d372f2d6 - - 2021-09-20T13:59:58.000Z - - - freeCodeCamp.org - - <![CDATA[Are Imposter Domains Re-Publishing Your Website?]]> https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/ @@ -143,16 +240,6 @@ The post Designing Beautiful Shadows in CSS appeared first on CSS-Tricks. You ca Robin Rendle - - <![CDATA[CSV Format – How to Open a .csv File and Export it]]> - 613f3cc7852f4307d372c7e4 - - 2021-09-17T18:22:47.000Z - - - freeCodeCamp.org - - <![CDATA[Computer Science Unleashed, Chapter 1: Connections]]> https://css-tricks.com/?p=350843 @@ -174,16 +261,6 @@ The post Computer Science Unleashed, Chapter 1: Connections appeared first on CS hello@smashingmagazine.com (Paul Scanlon) - - <![CDATA[How to Start Freelancing – Tips for Launching a Successful Freelance Career]]> - 613f6bc9852f4307d372ca83 - - 2021-09-16T22:25:55.000Z - - - freeCodeCamp.org - - <![CDATA[Shadow Roots and Inheritance]]> https://css-tricks.com/?p=351915 @@ -195,16 +272,6 @@ The post Shadow Roots and Inheritance appeared first on CSS-Tricks. You can supp Chris Coyier - - <![CDATA[REST API Best Practices – REST Endpoint Design Examples]]> - 614353d8852f4307d372ef7e - - 2021-09-16T17:50:22.000Z - - - freeCodeCamp.org - - <![CDATA[Minding the “gap”]]> https://css-tricks.com/?p=351481 @@ -281,17 +348,6 @@ The post kbar appeared first on CSS-Tricks. You can support CSS-Tricks by being Robin Rendle - - <![CDATA[An Intro to JavaScript Proxy]]> - https://css-tricks.com/?p=351767 - - 2021-09-15T14:21:27.000Z - - - Travis Almand - - <![CDATA[Reducing The Need For Pseudo-Elements]]> https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/ @@ -302,46 +358,6 @@ The post An Intro to JavaScript Proxy appeared first on CSS-Tricks. You can supp hello@smashingmagazine.com (Marcel Moreau) - - <![CDATA[On the `dl`]]> - https://css-tricks.com/?p=351518 - - 2021-09-14T22:37:21.000Z - ) element in HTML: -You might have also seen lists of name–value pairs to describe lodging amenities, or to list -… -The post On the `dl` appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]> - - Chris Coyier - - - - <![CDATA[Building a Form in PHP Using DOMDocument]]> - https://css-tricks.com/?p=351454 - - 2021-09-14T14:36:24.000Z - - - Jonathan Land - - - - <![CDATA[Jamstack Conf 2021]]> - https://css-tricks.com/?p=351970 - - 2021-09-14T14:32:16.000Z - - - Chris Coyier - - <![CDATA[The Power Of Pen And Paper Sketching]]> https://smashingmagazine.com/2021/09/power-pen-paper-sketching/ @@ -522,14 +538,4 @@ The post Jamstack Conf 2021 appeared first on CSS-Tricks. You can support CSS-Tr hello@smashingmagazine.com (Portia Burton) - - <![CDATA[HTTP/3: Performance Improvements (Part 2)]]> - https://smashingmagazine.com/2021/08/http3-performance-improvements-part2/ - - 2021-08-23T06:20:00.000Z - - - hello@smashingmagazine.com (Robin Marx) - - \ No newline at end of file diff --git a/index.html b/index.html index 37831b0..add78bb 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,147 @@ +
+

+ +

  • @@ -210,23 +340,6 @@ The post Computer Science Unleashed, Chapter 1: Connections appeared first on CS
    • -
  • -
    -

    freeCodeCamp.org

    -
    - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -310,34 +423,6 @@ Thank you @ad-m
    • -
  • -
    -

    freeCodeCamp.org

    -
    - - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -399,18 +484,6 @@ The post kbar appeared first on CSS-Tricks. You can support CSS-Tricks by being -
  • @@ -435,55 +508,6 @@ The post An Intro to JavaScript Proxy appeared first on CSS-Tricks. You can supp

    -
    -

    - -