From 9040180c9a5d062ac165efb4dd7b49c27b472ba2 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Fri, 7 May 2021 00:35:05 +0000 Subject: [PATCH] deploy: f25fe2fce936010274b84035a04484a21fd3f2d1 --- cache.json | 73 ++++++++++++++++++---------------------- index.html | 99 +++++++++++++++++++++--------------------------------- 2 files changed, 70 insertions(+), 102 deletions(-) diff --git a/cache.json b/cache.json index 54a6990..086e893 100644 --- a/cache.json +++ b/cache.json @@ -89,6 +89,24 @@ { "href": "https://css-tricks.com/feed/", "articles": [ + { + "description": "Route53 is DNS management service by AWS. DNS is absolutely not a database, and yet here’s Nicholas Martin writing up some very clever trickery originally done by Corey Quinn:\nWhen you think about it, DNS configuration is actually a \n…\nThe post Apparently, You Can Use Route53 as a Blazingly Fast Database appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://aws.amazon.com/route53/", + "publishedOn": "2021-05-06T20:03:26.000Z", + "wordCount": 1362, + "sourceHref": "https://css-tricks.com/feed/", + "sourceTitle": "CSS-Tricks", + "title": "Apparently, You Can Use Route53 as a Blazingly Fast Database" + }, + { + "description": "It’s easy to forget that, as a search engine, Google doesn’t just compare keywords to generate search results. Google knows that if people don’t enjoy their experience on a web page, they won’t stay on the page long enough to …\nThe post What Google’s New Page Experience Update Means for Images on Your Website appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/what-googles-new-page-experience-update-means-for-images-on-your-website/", + "publishedOn": "2021-05-06T19:57:40.000Z", + "wordCount": 2518, + "sourceHref": "https://css-tricks.com/feed/", + "sourceTitle": "CSS-Tricks", + "title": "What Google’s New Page Experience Update Means for Images on Your Website" + }, { "description": "There is an increasing number of “custom” features on the web platform. We have custom properties (--my-property), custom elements (<my-element>), and custom events (new CustomEvent('myEvent')). At one point, we might even get custom media …\nThe post Custom State Pseudo-Classes in Chrome appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/custom-state-pseudo-classes-in-chrome/", @@ -129,7 +147,7 @@ "description": "This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is …\nThe post 16px or Larger Text Prevents iOS Form Zoom appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/", "publishedOn": "2021-05-04T21:16:04.000Z", - "wordCount": 630, + "wordCount": 676, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "16px or Larger Text Prevents iOS Form Zoom" @@ -183,7 +201,7 @@ "description": "I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …\nThe post WebPageTest API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/webpagetest-api/", "publishedOn": "2021-05-03T14:34:53.000Z", - "wordCount": 8938, + "wordCount": 8954, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "WebPageTest API" @@ -205,24 +223,6 @@ "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "Web Languages as Compile Targets" - }, - { - "description": "Jenny B Kowalski has been posting a-letter-a-day on Instagram exploring multi-axis variable/responsive letterforms. They are very clever in that one of the axes controls an uppercase-to-lowercase conversion, literally morphing the shape of the letters from an uppercase version to a …\nThe post Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/jenny-b-kowalskis-a-z-and-a-z-as-variable-letterforms/", - "publishedOn": "2021-04-30T16:02:53.000Z", - "wordCount": 422, - "sourceHref": "https://css-tricks.com/feed/", - "sourceTitle": "CSS-Tricks", - "title": "Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms" - }, - { - "description": "Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can …\nThe post You Can Label a JavaScript `if` Statement appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/you-can-label-a-javascript-if-statement/", - "publishedOn": "2021-04-30T14:29:32.000Z", - "wordCount": 2232, - "sourceHref": "https://css-tricks.com/feed/", - "sourceTitle": "CSS-Tricks", - "title": "You Can Label a JavaScript `if` Statement" } ] }, @@ -233,7 +233,7 @@ "description": "When dealing with themes for large platforms and CMS, legacy issues often become a bottleneck. In this article, Carson Shold discusses how his team improved the performance and organization of their Shopify themes, and improved maintainability along the way.", "link": "https://smashingmagazine.com/2021/05/improving-performance-shopify-themes-case-study/", "publishedOn": "2021-05-06T11:00:00.000Z", - "wordCount": 2616, + "wordCount": 2617, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Improving The Performance Of Shopify Themes (Case Study)" @@ -444,21 +444,21 @@ "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Better Documentation And Team Communication With Product Design Docs" - }, - { - "description": "Unreliable tests are a living nightmare for anyone who writes automated tests or pays attention to the results. Flaky tests have even given folks nightmares and sleepless nights. In this article, Ramona Schwering shares her experiences to help you get out of this hell or avoid getting into it.", - "link": "https://smashingmagazine.com/2021/04/flaky-tests-living-nightmare/", - "publishedOn": "2021-04-07T11:00:00.000Z", - "wordCount": 4049, - "sourceHref": "https://www.smashingmagazine.com/feed/", - "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", - "title": "Flaky Tests: Getting Rid Of A Living Nightmare In Testing" } ] }, { "href": "https://www.freecodecamp.org/news/rss/", "articles": [ + { + "description": "Here is a simple and practical example what it means to \"lift state up\" in React, and how it can help you build your applications. Lifting state up is a common pattern that is essential for React developers to know. It helps you avoid more complex (and often unnecessary) patterns", + "link": "https://www.freecodecamp.org/news/what-is-lifting-state-up-in-react/", + "publishedOn": "2021-05-06T21:41:34.000Z", + "wordCount": 1349, + "sourceHref": "https://www.freecodecamp.org/news/rss/", + "sourceTitle": "freeCodeCamp.org", + "title": "What Is "Lifting State Up" in React?" + }, { "description": "Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. They can be super helpful for web developers. We just published a crash course that will teach you how to use Chrome DevTools to improve your productivity as a web developer. You will learn", "link": "https://www.freecodecamp.org/news/learn-how-to-use-the-chrome-devtools-to-troubleshoot-websites/", @@ -484,7 +484,7 @@ "wordCount": 352, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", - "title": "Create Computer Vision Apps in the Cloud With OpenCV and Python" + "title": "Python and OpenCV Course –Create Computer Vision Apps in the Cloud" }, { "description": "A complete guide to Node.js async await", @@ -526,7 +526,7 @@ "description": "Cross Site Request Forgery, or CSRF occurs when a malicious site or program causes a user's browser to perform an unwanted action on a trusted site when the user is authenticated. Any malicious action is limited to the capability of the website to which the user is authenticated. For example,", "link": "https://www.freecodecamp.org/news/what-is-cross-site-request-forgery/", "publishedOn": "2021-05-03T16:13:55.000Z", - "wordCount": 1404, + "wordCount": 1406, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Cross Site Request Forgery – What is a CSRF Attack and How to Prevent It" @@ -539,15 +539,6 @@ "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Azure Administrator Certification (AZ-104) – Pass the Exam With This Free 11-Hour Course" - }, - { - "description": "These days, computers can pretty much do anything. Now if you are a frequent computer user like I am, I'm sure you interact with the keyboard all the time. And in this article, I'm going to show you some helpful keyboard shortcuts that will make your work easier", - "link": "https://www.freecodecamp.org/news/keyboard-shortcuts-improve-productivity/", - "publishedOn": "2021-04-30T18:37:37.000Z", - "wordCount": 1340, - "sourceHref": "https://www.freecodecamp.org/news/rss/", - "sourceTitle": "freeCodeCamp.org", - "title": "Keyboard Shortcuts to Improve Your Coding Productivity" } ] } diff --git a/index.html b/index.html index f2a905f..7a59414 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,16 @@

freeCodeCamp.org

+
+
+ What Is "Lifting State Up" in React? +
+

Here is a simple and practical example what it means to "lift state up" in React, and how it can help you build your applications. Lifting state up is a common pattern that is essential for React developers to know. It helps you avoid more complex (and often unnecessary) patterns

+ Read · 4 min +
+
+
+
Learn How to Use the Chrome DevTools to Troubleshoot Websites @@ -44,6 +54,32 @@

CSS-Tricks

+
+
+ Apparently, You Can Use Route53 as a Blazingly Fast Database +
+

Route53 is DNS management service by AWS. DNS is absolutely not a database, and yet here’s Nicholas Martin writing up some very clever trickery originally done by Corey Quinn: +When you think about it, DNS configuration is actually a +… +The post Apparently, You Can Use Route53 as a Blazingly Fast Database appeared first on CSS-Tricks. +You can support CSS-Tricks by being an MVP Supporter.

+ Read · 5 min +
+
+
+ +
+
+ What Google’s New Page Experience Update Means for Images on Your Website +
+

It’s easy to forget that, as a search engine, Google doesn’t just compare keywords to generate search results. Google knows that if people don’t enjoy their experience on a web page, they won’t stay on the page long enough to … +The post What Google’s New Page Experience Update Means for Images on Your Website appeared first on CSS-Tricks. +You can support CSS-Tricks by being an MVP Supporter.

+ Read · 8 min +
+
+
+
Custom State Pseudo-Classes in Chrome @@ -126,7 +162,7 @@ You can support CSS-Tricks by being an MVP Supporter.

- Create Computer Vision Apps in the Cloud With OpenCV and Python + Python and OpenCV Course –Create Computer Vision Apps in the Cloud

OpenCV is a library of programming functions mainly aimed at real-time computer vision. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenCV in the cloud with Python. Misbah Mohammed created this course. He has a lot of experience with machine

Read · 1 min @@ -511,45 +547,6 @@ You can support CSS-Tricks by being an MVP Supporter.

- -
-
- Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms -
-

Jenny B Kowalski has been posting a-letter-a-day on Instagram exploring multi-axis variable/responsive letterforms. They are very clever in that one of the axes controls an uppercase-to-lowercase conversion, literally morphing the shape of the letters from an uppercase version to a … -The post Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms appeared first on CSS-Tricks. -You can support CSS-Tricks by being an MVP Supporter.

- Read · 1 min -
-
-
- -
-
- You Can Label a JavaScript `if` Statement -
-

Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can … -The post You Can Label a JavaScript `if` Statement appeared first on CSS-Tricks. -You can support CSS-Tricks by being an MVP Supporter.

- Read · 7 min -
-
-
-
- - -

freeCodeCamp.org

-
- -
-
- Keyboard Shortcuts to Improve Your Coding Productivity -
-

These days, computers can pretty much do anything. Now if you are a frequent computer user like I am, I'm sure you interact with the keyboard all the time. And in this article, I'm going to show you some helpful keyboard shortcuts that will make your work easier

- Read · 4 min -
-
-
@@ -909,28 +906,8 @@ You can support CSS-Tricks by being an MVP Supporter.

- -
-

2021-04-07

- -

Articles on Smashing Magazine — For Web Designers And Developers

-
- -
-
- Flaky Tests: Getting Rid Of A Living Nightmare In Testing -
-

Unreliable tests are a living nightmare for anyone who writes automated tests or pays attention to the results. Flaky tests have even given folks nightmares and sleepless nights. In this article, Ramona Schwering shares her experiences to help you get out of this hell or avoid getting into it.

- Read · 13 min -
-
-
-
- -
-