mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: f25fe2fce9
This commit is contained in:
chuanqisun
parent
5fdbe9fb4c
commit
9040180c9a
2 changed files with 70 additions and 102 deletions
73
cache.json
73
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"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
99
index.html
99
index.html
|
|
@ -19,6 +19,16 @@
|
|||
<h3>freeCodeCamp.org</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>What Is "Lifting State Up" in React?</summary>
|
||||
<div class="details-content">
|
||||
<p>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</p>
|
||||
<a href="https://www.freecodecamp.org/news/what-is-lifting-state-up-in-react/">Read · 4 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Learn How to Use the Chrome DevTools to Troubleshoot Websites</summary>
|
||||
|
|
@ -44,6 +54,32 @@
|
|||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Apparently, You Can Use Route53 as a Blazingly Fast Database</summary>
|
||||
<div class="details-content">
|
||||
<p>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.</p>
|
||||
<a href="https://aws.amazon.com/route53/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>What Google’s New Page Experience Update Means for Images on Your Website</summary>
|
||||
<div class="details-content">
|
||||
<p>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.</p>
|
||||
<a href="https://css-tricks.com/what-googles-new-page-experience-update-means-for-images-on-your-website/">Read · 8 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Custom State Pseudo-Classes in Chrome</summary>
|
||||
|
|
@ -126,7 +162,7 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Create Computer Vision Apps in the Cloud With OpenCV and Python</summary>
|
||||
<summary>Python and OpenCV Course –Create Computer Vision Apps in the Cloud</summary>
|
||||
<div class="details-content">
|
||||
<p>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</p>
|
||||
<a href="https://www.freecodecamp.org/news/create-computer-vision-apps-in-the-cloud-with-opencv-and-python/">Read · 1 min</a>
|
||||
|
|
@ -511,45 +547,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms</summary>
|
||||
<div class="details-content">
|
||||
<p>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.</p>
|
||||
<a href="https://css-tricks.com/jenny-b-kowalskis-a-z-and-a-z-as-variable-letterforms/">Read · 1 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>You Can Label a JavaScript `if` Statement</summary>
|
||||
<div class="details-content">
|
||||
<p>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.</p>
|
||||
<a href="https://css-tricks.com/you-can-label-a-javascript-if-statement/">Read · 7 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>freeCodeCamp.org</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Keyboard Shortcuts to Improve Your Coding Productivity</summary>
|
||||
<div class="details-content">
|
||||
<p>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</p>
|
||||
<a href="https://www.freecodecamp.org/news/keyboard-shortcuts-improve-productivity/">Read · 4 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
|
|
@ -909,28 +906,8 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="day-container">
|
||||
<h2>2021-04-07</h2>
|
||||
|
||||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Flaky Tests: Getting Rid Of A Living Nightmare In Testing</summary>
|
||||
<div class="details-content">
|
||||
<p>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.</p>
|
||||
<a href="https://smashingmagazine.com/2021/04/flaky-tests-living-nightmare/">Read · 13 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-05-06T19:50:43.111Z">2021-05-06T19:50:43.111Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-07T00:35:04.805Z">2021-05-07T00:35:04.805Z</time>
|
||||
<span><a href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.4.0</a></span>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue