mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: 93a47ca1ea
This commit is contained in:
chuanqisun
parent
c748e4140b
commit
026e8ee402
2 changed files with 125 additions and 124 deletions
96
cache.json
96
cache.json
|
|
@ -3,11 +3,29 @@
|
|||
{
|
||||
"href": "https://css-tricks.com/feed/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "This post was written for engineering managers, but anyone is welcome to read it.\nLet’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, …\nThe post Your Team is Not “Them” appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/your-team-is-not-them/",
|
||||
"publishedOn": "2021-04-28T19:35:32.000Z",
|
||||
"wordCount": 1696,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Your Team is Not “Them”"
|
||||
},
|
||||
{
|
||||
"description": "Click, drag, release: you’ve just selected some text on a webpage — probably to copy and paste it somewhere or to share it. Wouldn’t it be cool if selecting that text revealed some options that make those tasks easier? That’s …\nThe post How to Create Actions for Selected Text With the Selection API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/",
|
||||
"publishedOn": "2021-04-28T14:19:54.000Z",
|
||||
"wordCount": 1406,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "How to Create Actions for Selected Text With the Selection API"
|
||||
},
|
||||
{
|
||||
"description": "I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally test …\nThe post Shared Element Transitions appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/shared-element-transitions/",
|
||||
"publishedOn": "2021-04-27T20:12:04.000Z",
|
||||
"wordCount": 669,
|
||||
"wordCount": 1078,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Shared Element Transitions"
|
||||
|
|
@ -16,7 +34,7 @@
|
|||
"description": "Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as \"CSS Variables\" but that's not their real name.\nThe post A Complete Guide to Custom Properties appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/a-complete-guide-to-custom-properties/",
|
||||
"publishedOn": "2021-04-27T14:26:16.000Z",
|
||||
"wordCount": 5407,
|
||||
"wordCount": 5544,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "A Complete Guide to Custom Properties"
|
||||
|
|
@ -88,7 +106,7 @@
|
|||
"description": "Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font!\nLet me elaborate. This is a way to render text without using any font at all. Random text is split with …\nThe post The Making (and Potential Benefits) of a CSS Font appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/",
|
||||
"publishedOn": "2021-04-22T14:30:43.000Z",
|
||||
"wordCount": 4444,
|
||||
"wordCount": 4480,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "The Making (and Potential Benefits) of a CSS Font"
|
||||
|
|
@ -119,30 +137,21 @@
|
|||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "How to Add a Double Border to SVG Shapes"
|
||||
},
|
||||
{
|
||||
"description": "The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in terms of styling, most finite aspects of our designs, like text, remain relatively unchanged. …\nThe post Intrinsic Typography is the Future of Styling Text on the Web appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/intrinsic-typography-is-the-future-of-styling-text-on-the-web/",
|
||||
"publishedOn": "2021-04-20T14:24:44.000Z",
|
||||
"wordCount": 3130,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Intrinsic Typography is the Future of Styling Text on the Web"
|
||||
},
|
||||
{
|
||||
"description": "Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s content. Oh, and if you’re not familiar with container queries then check out …\nThe post Say Hello to CSS Container Queries appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://ishadeed.com/article/say-hello-to-css-container-queries/",
|
||||
"publishedOn": "2021-04-20T14:21:44.000Z",
|
||||
"wordCount": 2238,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Say Hello to CSS Container Queries"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"href": "https://www.smashingmagazine.com/feed/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.",
|
||||
"link": "https://smashingmagazine.com/2021/04/image-optimization-pre-release/",
|
||||
"publishedOn": "2021-04-28T13:20:00.000Z",
|
||||
"wordCount": 2136,
|
||||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "Meet Image Optimization, A New Smashing Book By Addy Osmani"
|
||||
},
|
||||
{
|
||||
"description": "Easing functions can change the look and feel of an animation by affecting the rate, or speed, of an animation. In this article, we’re going to take a deep dive into easing functions and see how we can use them to create those natural and stunning animations.",
|
||||
"link": "https://smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/",
|
||||
|
|
@ -340,21 +349,30 @@
|
|||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "The Small Joys Of April (2021 Wallpapers Edition)"
|
||||
},
|
||||
{
|
||||
"description": "In this article, Michael Rispoli explains how he evaluated the decision of whether or not to adopt a serverless database for client projects. This decision will focus on three lenses: the functional aspects of the technology, the developer experience, and the business ramifications of adoption.",
|
||||
"link": "https://smashingmagazine.com/2021/03/choosing-new-serverless-database-technology-agency/",
|
||||
"publishedOn": "2021-03-30T10:30:00.000Z",
|
||||
"wordCount": 5736,
|
||||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "Choosing A New Serverless Database Technology At An Agency (Case Study)"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"href": "https://www.freecodecamp.org/news/rss/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "In this article, I'll teach you CSS Flexbox basics so you can make your own responsive sites. I'll explain how each of Flexbox's properties work, and I'll give you a cheatsheet that covers everything you can do with Flexbox. Let's Go 🎖️ Table of ContentsFlexbox Architectureflex-directionjustify-contentalign-contentalign-itemsalign-selfflex - grow | shrink | wrap | basisShort",
|
||||
"link": "https://www.freecodecamp.org/news/css-flexbox-tutorial-with-cheatsheet/",
|
||||
"publishedOn": "2021-04-28T19:33:57.000Z",
|
||||
"wordCount": 1289,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️"
|
||||
},
|
||||
{
|
||||
"description": "The MERN stack is a popular way to make a full stack web app. MERN stands for MongoDB, Express, React, and Node.js. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use the MERN stack by building a restaurant review web",
|
||||
"link": "https://www.freecodecamp.org/news/create-a-mern-stack-app-with-a-serverless-backend/",
|
||||
"publishedOn": "2021-04-28T14:05:56.000Z",
|
||||
"wordCount": 384,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "Create a MERN Stack App with a Serverless Backend"
|
||||
},
|
||||
{
|
||||
"description": "JavaScript is an easy-to-learn programming language compared to many of its counterparts. However, a few basic concepts need a bit more attention if you want to understand, debug, and write better code. In this article, we will learn about two such concepts, Execution ContextHoistingAs a beginner to JavaScript, understanding these",
|
||||
"link": "https://www.freecodecamp.org/news/javascript-execution-context-and-hoisting/",
|
||||
|
|
@ -426,24 +444,6 @@
|
|||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "CSS Scrollbar Styling Tutorial – How to Make a Custom Scrollbar"
|
||||
},
|
||||
{
|
||||
"description": "Notifications are an excellent way to engage your users or to get them to go back to your application. You can also use notifications to make users pay attention to something while they're using the app. There are two types of notifications: Push NotificationsLocal NotificationsAs the title of this article",
|
||||
"link": "https://www.freecodecamp.org/news/local-notifications-in-flutter/",
|
||||
"publishedOn": "2021-04-27T00:05:44.000Z",
|
||||
"wordCount": 1962,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Set Up Local Notifications in Flutter"
|
||||
},
|
||||
{
|
||||
"description": "A young Russian developer named Igor Sysoev was frustrated by older web servers' inability to handle more than 10 thousand concurrent requests. This is a problem referred to as the C10k problem. As an answer to this, he started working on a new web server back in 2002. NGINX was",
|
||||
"link": "https://www.freecodecamp.org/news/the-nginx-handbook/",
|
||||
"publishedOn": "2021-04-26T23:56:38.000Z",
|
||||
"wordCount": 14624,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "The NGINX Handbook"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
153
index.html
153
index.html
|
|
@ -10,6 +10,81 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<section class="day-container">
|
||||
<h2>2021-04-28</h2>
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Your Team is Not “Them”</summary>
|
||||
<div class="details-content">
|
||||
<p>This post was written for engineering managers, but anyone is welcome to read it.
|
||||
Let’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, …
|
||||
The post Your Team is Not “Them” appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/your-team-is-not-them/">Read · 6 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Create Actions for Selected Text With the Selection API</summary>
|
||||
<div class="details-content">
|
||||
<p>Click, drag, release: you’ve just selected some text on a webpage — probably to copy and paste it somewhere or to share it. Wouldn’t it be cool if selecting that text revealed some options that make those tasks easier? That’s …
|
||||
The post How to Create Actions for Selected Text With the Selection API appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>freeCodeCamp.org</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️</summary>
|
||||
<div class="details-content">
|
||||
<p>In this article, I'll teach you CSS Flexbox basics so you can make your own responsive sites. I'll explain how each of Flexbox's properties work, and I'll give you a cheatsheet that covers everything you can do with Flexbox. Let's Go 🎖️ Table of ContentsFlexbox Architectureflex-directionjustify-contentalign-contentalign-itemsalign-selfflex - grow | shrink | wrap | basisShort</p>
|
||||
<a href="https://www.freecodecamp.org/news/css-flexbox-tutorial-with-cheatsheet/">Read · 4 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Create a MERN Stack App with a Serverless Backend</summary>
|
||||
<div class="details-content">
|
||||
<p>The MERN stack is a popular way to make a full stack web app. MERN stands for MongoDB, Express, React, and Node.js. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use the MERN stack by building a restaurant review web</p>
|
||||
<a href="https://www.freecodecamp.org/news/create-a-mern-stack-app-with-a-serverless-backend/">Read · 1 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Meet Image Optimization, A New Smashing Book By Addy Osmani</summary>
|
||||
<div class="details-content">
|
||||
<p>The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.</p>
|
||||
<a href="https://smashingmagazine.com/2021/04/image-optimization-pre-release/">Read · 7 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="day-container">
|
||||
<h2>2021-04-27</h2>
|
||||
|
||||
|
|
@ -95,16 +170,6 @@
|
|||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Set Up Local Notifications in Flutter</summary>
|
||||
<div class="details-content">
|
||||
<p>Notifications are an excellent way to engage your users or to get them to go back to your application. You can also use notifications to make users pay attention to something while they're using the app. There are two types of notifications: Push NotificationsLocal NotificationsAs the title of this article</p>
|
||||
<a href="https://www.freecodecamp.org/news/local-notifications-in-flutter/">Read · 7 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
|
|
@ -118,7 +183,7 @@
|
|||
<p>I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally test …
|
||||
The post Shared Element Transitions appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/shared-element-transitions/">Read · 2 min</a>
|
||||
<a href="https://css-tricks.com/shared-element-transitions/">Read · 4 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
|
@ -157,21 +222,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<section class="day-container">
|
||||
<h2>2021-04-26</h2>
|
||||
|
||||
<h3>freeCodeCamp.org</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>The NGINX Handbook</summary>
|
||||
<div class="details-content">
|
||||
<p>A young Russian developer named Igor Sysoev was frustrated by older web servers' inability to handle more than 10 thousand concurrent requests. This is a problem referred to as the C10k problem. As an answer to this, he started working on a new web server back in 2002. NGINX was</p>
|
||||
<a href="https://www.freecodecamp.org/news/the-nginx-handbook/">Read · 49 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
|
|
@ -427,35 +477,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<section class="day-container">
|
||||
<h2>2021-04-20</h2>
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Intrinsic Typography is the Future of Styling Text on the Web</summary>
|
||||
<div class="details-content">
|
||||
<p>The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in terms of styling, most finite aspects of our designs, like text, remain relatively unchanged. …
|
||||
The post Intrinsic Typography is the Future of Styling Text on the Web appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/intrinsic-typography-is-the-future-of-styling-text-on-the-web/">Read · 10 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Say Hello to CSS Container Queries</summary>
|
||||
<div class="details-content">
|
||||
<p>Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s content. Oh, and if you’re not familiar with container queries then check out …
|
||||
The post Say Hello to CSS Container Queries appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://ishadeed.com/article/say-hello-to-css-container-queries/">Read · 7 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
|
|
@ -762,28 +783,8 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="day-container">
|
||||
<h2>2021-03-30</h2>
|
||||
|
||||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Choosing A New Serverless Database Technology At An Agency (Case Study)</summary>
|
||||
<div class="details-content">
|
||||
<p>In this article, Michael Rispoli explains how he evaluated the decision of whether or not to adopt a serverless database for client projects. This decision will focus on three lenses: the functional aspects of the technology, the developer experience, and the business ramifications of adoption.</p>
|
||||
<a href="https://smashingmagazine.com/2021/03/choosing-new-serverless-database-technology-agency/">Read · 19 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-04-28T00:49:26.833Z">2021-04-28T00:49:26.833Z</time>
|
||||
<time id="build-timestamp" datetime="2021-04-29T00:47:48.776Z">2021-04-29T00:47:48.776Z</time>
|
||||
<span><a href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.2.3</a></span>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue