This commit is contained in:
chuanqisun 2021-05-19 00:44:41 +00:00
parent ea86c17c03
commit 4b04f8a6ef
3 changed files with 310 additions and 274 deletions

View file

@ -102,6 +102,24 @@
"feedUrl": "https://css-tricks.com/feed/",
"siteUrl": "https://css-tricks.com",
"articles": [
{
"id": "https://css-tricks.com/?p=340613",
"author": "Chris Coyier",
"description": "Im afraid I have to start this with a whole backstory, as the journey here is the point, not so much the theme.\nA fella wrote to me a while back outlining a situation he was in. His company has …\nThe post Pinned Audio WordPress Theme appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/pinned-audio-wordpress-theme/",
"publishedOn": "2021-05-18T19:14:53.000Z",
"wordCount": 973,
"title": "Pinned Audio WordPress Theme"
},
{
"id": "https://css-tricks.com/?p=340420",
"author": "Silvia O'Dwyer",
"description": "Neon text can add a nice, futuristic touch to any website. Ive always loved the magic of neon signs, and wanted to recreate them using CSS. I thought Id share some tips on how to do it! In this article, …\nThe post How to Create Neon Text With CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/how-to-create-neon-text-with-css/",
"publishedOn": "2021-05-18T14:31:25.000Z",
"wordCount": 2100,
"title": "How to Create Neon Text With CSS"
},
{
"id": "https://css-tricks.com/?p=340716",
"author": "Chris Coyier",
@ -117,7 +135,7 @@
"description": "I see you. In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.\nThe post A Love Letter to HTML & CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/a-love-letter-to-html-css/",
"publishedOn": "2021-05-17T14:27:22.000Z",
"wordCount": 1356,
"wordCount": 2174,
"title": "A Love Letter to HTML & CSS"
},
{
@ -135,7 +153,7 @@
"description": "Ive been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or iMessage. Youre essentially leaving money on the table without them, because they …\nThe post Auto-Generated Social Media Images appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/auto-generated-social-media-images/",
"publishedOn": "2021-05-14T20:34:49.000Z",
"wordCount": 2273,
"wordCount": 2298,
"title": "Auto-Generated Social Media Images"
},
{
@ -198,7 +216,7 @@
"description": "Lets talk about disabled buttons. Specifically, lets get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g. <button disabled> ) to mark a button as disabled.\nThere are lots of …\nThe post Making Disabled Buttons More Inclusive appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/making-disabled-buttons-more-inclusive/",
"publishedOn": "2021-05-12T14:31:07.000Z",
"wordCount": 2886,
"wordCount": 2994,
"title": "Making Disabled Buttons More Inclusive"
},
{
@ -218,24 +236,6 @@
"publishedOn": "2021-05-11T21:04:32.000Z",
"wordCount": 1416,
"title": "I could build this during the weekend"
},
{
"id": "https://css-tricks.com/?p=339138",
"author": "Una Kravets",
"description": "Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …\nThe post Next Gen CSS: @container appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/next-gen-css-container/",
"publishedOn": "2021-05-11T14:36:10.000Z",
"wordCount": 1498,
"title": "Next Gen CSS: @container"
},
{
"id": "https://css-tricks.com/?p=340106",
"author": "Chris Coyier",
"description": "Like Jamstack, Netlify is coining this term.\nIf your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push …\nThe post Distributed Persistent Rendering (DPR) appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/distributed-persistent-rendering-dpr/",
"publishedOn": "2021-05-11T14:33:10.000Z",
"wordCount": 1446,
"title": "Distributed Persistent Rendering (DPR)"
}
]
},
@ -244,6 +244,24 @@
"feedUrl": "https://www.smashingmagazine.com/feed/",
"siteUrl": "https://www.smashingmagazine.com/",
"articles": [
{
"id": "https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/",
"author": "hello@smashingmagazine.com (Mikołaj Dobrucki)",
"description": "Today, we are taking a closer look at [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), a new major release of the popular SVG application that lets you create, edit and animate SVG files and make the best out of what SVG has to offer — from start to finish.",
"link": "https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/",
"publishedOn": "2021-05-18T10:30:00.000Z",
"wordCount": 1796,
"title": "How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0"
},
{
"id": "https://smashingmagazine.com/2021/05/smashing-podcast-episode-37/",
"author": "hello@smashingmagazine.com (Drew McLellan)",
"description": "In this episode, were talking about VisBug. What is it, and how is it different from the array of options already found in Chrome DevTools? Drew McLellan talks to its creator Adam Argyle to find out.",
"link": "https://smashingmagazine.com/2021/05/smashing-podcast-episode-37/",
"publishedOn": "2021-05-18T05:00:00.000Z",
"wordCount": 9250,
"title": "Smashing Podcast Episode 37 With Adam Argyle: What Is VisBug?"
},
{
"id": "https://smashingmagazine.com/2021/05/core-web-vitals-case-study/",
"author": "hello@smashingmagazine.com (Beau Hartshorne)",
@ -450,15 +468,6 @@
"publishedOn": "2021-04-20T09:00:00.000Z",
"wordCount": 3482,
"title": "Making GraphQL Work In WordPress"
},
{
"id": "https://smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/",
"author": "hello@smashingmagazine.com (Barry Pollard)",
"description": "How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Lets figure it out.",
"link": "https://smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/",
"publishedOn": "2021-04-19T08:30:00.000Z",
"wordCount": 7206,
"title": "An In-Depth Guide To Measuring Core Web Vitals"
}
]
},
@ -467,6 +476,51 @@
"feedUrl": "https://www.freecodecamp.org/news/rss/",
"siteUrl": "https://www.freecodecamp.org/news",
"articles": [
{
"id": "60a3780f906c5207e3a7db5f",
"author": "",
"description": "If you offer your services as a freelance developer, you have a major say in how you price your project. But how do you go about charging for a website project? \"Well, I just bill by the hour and send an invoice every week or month.\" ...I hear you say.",
"link": "https://www.freecodecamp.org/news/the-different-ways-to-charge-for-a-website/",
"publishedOn": "2021-05-18T17:12:59.000Z",
"wordCount": 1973,
"title": "Freelance Development Pricing Guide Should Freelancers Bill by the Hour?"
},
{
"id": "6068f146d5756f080ba9402d",
"author": "",
"description": "Yes, you can learn to code for free, from the convenience of your own home, and at your own pace. I'm going to show you 101 courses where you can learn computer science and programming for free. The freeCodeCamp courses are completely free and some of them include a free",
"link": "https://www.freecodecamp.org/news/coding-programs-101-ways-to-learn-to-code-for-free/",
"publishedOn": "2021-05-18T16:50:36.000Z",
"wordCount": 3309,
"title": "Coding Programs 101 Ways to Learn to Code for Free"
},
{
"id": "609bea6b62ab9107fe5a9f89",
"author": "",
"description": "If you're a Python developer who works with Keras SavedModels, this article is for you. Perhaps you're not sure how to use SavedModels to leverage the power of machine learning in browser-based web apps. But don't worry we'll cover all the basic steps you need to get started. Along with",
"link": "https://www.freecodecamp.org/news/convert-keras-savedmodel-into-browser-based-webapp/",
"publishedOn": "2021-05-18T16:36:22.000Z",
"wordCount": 1938,
"title": "How to Convert a Keras SavedModel into a Browser-based Web App"
},
{
"id": "609fc4cc62ab9107fe5aac91",
"author": "",
"description": "Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux, since industry",
"link": "https://www.freecodecamp.org/news/redux-for-beginners/",
"publishedOn": "2021-05-18T16:18:18.000Z",
"wordCount": 2037,
"title": "Redux for Beginners Learn Redux Basics with Code Examples"
},
{
"id": "60685767d5756f080ba93df4",
"author": "",
"description": "According to freeCodeCamps 2018 New Coder Survey, 40.3% of participants want to build a business of their own, either as a freelancer or as an entrepreneur. If you are in that 40.3%, then this article is for you. If you are in the remaining 59.7%, you",
"link": "https://www.freecodecamp.org/news/be-a-successful-entrepreneur-developers-guide-to-startup-strategy-and-design/",
"publishedOn": "2021-05-18T16:08:27.000Z",
"wordCount": 4368,
"title": "How to Be a Successful Entrepreneur A Developer&#x27;s Guide to Startup Strategy and Design"
},
{
"id": "60a2771762ab9107fe5ab383",
"author": "",
@ -511,51 +565,6 @@
"publishedOn": "2021-05-14T20:31:30.000Z",
"wordCount": 1293,
"title": "What is SendGrid? SMTP Email Newsletter Tutorial"
},
{
"id": "609ea83362ab9107fe5aa920",
"author": "",
"description": "Welcome to the React for Beginners guide. It's designed to teach you all the core React concepts that you need to know to start building React applications in 2021. I created this resource to give you the most complete and beginner-friendly path to learn React from the ground up. By",
"link": "https://www.freecodecamp.org/news/react-for-beginners-cheatsheet/",
"publishedOn": "2021-05-14T20:17:37.000Z",
"wordCount": 3252,
"title": "React for Beginners: Complete React Cheatsheet for 2021"
},
{
"id": "609e8c2162ab9107fe5aa77d",
"author": "",
"description": "Have you ever wondered how websites are built and designed? Do you want to learn the art of web development but you're not that tech savvy yet? Well, then this tutorial is for you. It's an introduction to Web Development for beginners so you can learn the basics even if",
"link": "https://www.freecodecamp.org/news/web-development-for-beginners-basic-html-and-css/",
"publishedOn": "2021-05-14T17:13:14.000Z",
"wordCount": 1598,
"title": "Web Development for Beginners Learn Basic HTML and CSS to Build Your First Web Page"
},
{
"id": "609414f32cd0545b5e943526",
"author": "",
"description": "If you manage a large community, chances are you need a way to communicate updates to your members quickly and efficiently. An email newsletter can be a very effective way to do so. In this article, I am going to provide some tips and suggestions for maximizing the impact and",
"link": "https://www.freecodecamp.org/news/how-to-create-an-email-newsletter-design-layout-send/",
"publishedOn": "2021-05-13T21:19:40.000Z",
"wordCount": 1733,
"title": "How to Create an Email Newsletter [2021 Tutorial] Design, Layout, Send"
},
{
"id": "609952396008950828b3ea8d",
"author": "",
"description": "Software development and testing go hand in hand. And in the era of agile software development, with quick releases of small iterations, you should do testing more and more frequently. In order to perform effective testing, you need to know about the different types of testing and when you should",
"link": "https://www.freecodecamp.org/news/types-of-software-testing/",
"publishedOn": "2021-05-13T19:27:45.000Z",
"wordCount": 1826,
"title": "What is Software Testing? The 10 Most Common Types of Tests Developers Use in Projects"
},
{
"id": "609bcc6a62ab9107fe5a9f08",
"author": "",
"description": "Handling multiple checkboxes in React is completely different from how you use regular HTML checkboxes. So in this article, we'll see how to work with multiple checkboxes in React. You will learn: How to use a checkbox as a Controlled Input in ReactHow to use the array map and reduce",
"link": "https://www.freecodecamp.org/news/how-to-work-with-multiple-checkboxes-in-react/",
"publishedOn": "2021-05-13T18:17:49.000Z",
"wordCount": 1775,
"title": "React Tutorial How to Work with Multiple Checkboxes"
}
]
}

184
feed.atom
View file

@ -1,10 +1,105 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>urn:2021-05-18T00:48:51.933Z</id>
<id>urn:2021-05-19T00:44:40.559Z</id>
<title>osmos::feed</title>
<updated>2021-05-18T00:48:51.933Z</updated>
<updated>2021-05-19T00:44:40.559Z</updated>
<generator>osmosfeed 1.7.2</generator>
<link rel="alternate" href="index.html"/>
<entry>
<title type="html"><![CDATA[Pinned Audio WordPress Theme]]></title>
<id>https://css-tricks.com/?p=340613</id>
<link href="https://css-tricks.com/pinned-audio-wordpress-theme/"/>
<updated>2021-05-18T19:14:53.000Z</updated>
<summary type="html"><![CDATA[Im afraid I have to start this with a whole backstory, as the journey here is the point, not so much the theme.
A fella wrote to me a while back outlining a situation he was in. His company has …
The post Pinned Audio WordPress Theme appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Freelance Development Pricing Guide Should Freelancers Bill by the Hour?]]></title>
<id>60a3780f906c5207e3a7db5f</id>
<link href="https://www.freecodecamp.org/news/the-different-ways-to-charge-for-a-website/"/>
<updated>2021-05-18T17:12:59.000Z</updated>
<summary type="html"><![CDATA[If you offer your services as a freelance developer, you have a major say in how you price your project. But how do you go about charging for a website project? "Well, I just bill by the hour and send an invoice every week or month." ...I hear you say.]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Coding Programs 101 Ways to Learn to Code for Free]]></title>
<id>6068f146d5756f080ba9402d</id>
<link href="https://www.freecodecamp.org/news/coding-programs-101-ways-to-learn-to-code-for-free/"/>
<updated>2021-05-18T16:50:36.000Z</updated>
<summary type="html"><![CDATA[Yes, you can learn to code for free, from the convenience of your own home, and at your own pace. I'm going to show you 101 courses where you can learn computer science and programming for free. The freeCodeCamp courses are completely free and some of them include a free]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Convert a Keras SavedModel into a Browser-based Web App]]></title>
<id>609bea6b62ab9107fe5a9f89</id>
<link href="https://www.freecodecamp.org/news/convert-keras-savedmodel-into-browser-based-webapp/"/>
<updated>2021-05-18T16:36:22.000Z</updated>
<summary type="html"><![CDATA[If you're a Python developer who works with Keras SavedModels, this article is for you. Perhaps you're not sure how to use SavedModels to leverage the power of machine learning in browser-based web apps. But don't worry we'll cover all the basic steps you need to get started. Along with]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Redux for Beginners Learn Redux Basics with Code Examples]]></title>
<id>609fc4cc62ab9107fe5aac91</id>
<link href="https://www.freecodecamp.org/news/redux-for-beginners/"/>
<updated>2021-05-18T16:18:18.000Z</updated>
<summary type="html"><![CDATA[Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux, since industry]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Be a Successful Entrepreneur A Developer&#x27;s Guide to Startup Strategy and Design]]></title>
<id>60685767d5756f080ba93df4</id>
<link href="https://www.freecodecamp.org/news/be-a-successful-entrepreneur-developers-guide-to-startup-strategy-and-design/"/>
<updated>2021-05-18T16:08:27.000Z</updated>
<summary type="html"><![CDATA[According to freeCodeCamps 2018 New Coder Survey, 40.3% of participants want to build a business of their own, either as a freelancer or as an entrepreneur. If you are in that 40.3%, then this article is for you. If you are in the remaining 59.7%, you]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Create Neon Text With CSS]]></title>
<id>https://css-tricks.com/?p=340420</id>
<link href="https://css-tricks.com/how-to-create-neon-text-with-css/"/>
<updated>2021-05-18T14:31:25.000Z</updated>
<summary type="html"><![CDATA[Neon text can add a nice, futuristic touch to any website. Ive always loved the magic of neon signs, and wanted to recreate them using CSS. I thought Id share some tips on how to do it! In this article, …
The post How to Create Neon Text With CSS appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Silvia O'Dwyer</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0]]></title>
<id>https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/</id>
<link href="https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/"/>
<updated>2021-05-18T10:30:00.000Z</updated>
<summary type="html"><![CDATA[Today, we are taking a closer look at [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), a new major release of the popular SVG application that lets you create, edit and animate SVG files and make the best out of what SVG has to offer — from start to finish.]]></summary>
<author>
<name>hello@smashingmagazine.com (Mikołaj Dobrucki)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Smashing Podcast Episode 37 With Adam Argyle: What Is VisBug?]]></title>
<id>https://smashingmagazine.com/2021/05/smashing-podcast-episode-37/</id>
<link href="https://smashingmagazine.com/2021/05/smashing-podcast-episode-37/"/>
<updated>2021-05-18T05:00:00.000Z</updated>
<summary type="html"><![CDATA[In this episode, were talking about VisBug. What is it, and how is it different from the array of options already found in Chrome DevTools? Drew McLellan talks to its creator Adam Argyle to find out.]]></summary>
<author>
<name>hello@smashingmagazine.com (Drew McLellan)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[The Humble `img` Element And Core Web Vitals]]></title>
<id>https://css-tricks.com/?p=340716</id>
@ -148,26 +243,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[React for Beginners: Complete React Cheatsheet for 2021]]></title>
<id>609ea83362ab9107fe5aa920</id>
<link href="https://www.freecodecamp.org/news/react-for-beginners-cheatsheet/"/>
<updated>2021-05-14T20:17:37.000Z</updated>
<summary type="html"><![CDATA[Welcome to the React for Beginners guide. It's designed to teach you all the core React concepts that you need to know to start building React applications in 2021. I created this resource to give you the most complete and beginner-friendly path to learn React from the ground up. By]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Web Development for Beginners Learn Basic HTML and CSS to Build Your First Web Page]]></title>
<id>609e8c2162ab9107fe5aa77d</id>
<link href="https://www.freecodecamp.org/news/web-development-for-beginners-basic-html-and-css/"/>
<updated>2021-05-14T17:13:14.000Z</updated>
<summary type="html"><![CDATA[Have you ever wondered how websites are built and designed? Do you want to learn the art of web development but you're not that tech savvy yet? Well, then this tutorial is for you. It's an introduction to Web Development for beginners so you can learn the basics even if]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Creating Stylesheet Feature Flags With Sass !default]]></title>
<id>https://css-tricks.com/?p=340343</id>
@ -230,36 +305,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Create an Email Newsletter [2021 Tutorial] Design, Layout, Send]]></title>
<id>609414f32cd0545b5e943526</id>
<link href="https://www.freecodecamp.org/news/how-to-create-an-email-newsletter-design-layout-send/"/>
<updated>2021-05-13T21:19:40.000Z</updated>
<summary type="html"><![CDATA[If you manage a large community, chances are you need a way to communicate updates to your members quickly and efficiently. An email newsletter can be a very effective way to do so. In this article, I am going to provide some tips and suggestions for maximizing the impact and]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[What is Software Testing? The 10 Most Common Types of Tests Developers Use in Projects]]></title>
<id>609952396008950828b3ea8d</id>
<link href="https://www.freecodecamp.org/news/types-of-software-testing/"/>
<updated>2021-05-13T19:27:45.000Z</updated>
<summary type="html"><![CDATA[Software development and testing go hand in hand. And in the era of agile software development, with quick releases of small iterations, you should do testing more and more frequently. In order to perform effective testing, you need to know about the different types of testing and when you should]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[React Tutorial How to Work with Multiple Checkboxes]]></title>
<id>609bcc6a62ab9107fe5a9f08</id>
<link href="https://www.freecodecamp.org/news/how-to-work-with-multiple-checkboxes-in-react/"/>
<updated>2021-05-13T18:17:49.000Z</updated>
<summary type="html"><![CDATA[Handling multiple checkboxes in React is completely different from how you use regular HTML checkboxes. So in this article, we'll see how to work with multiple checkboxes in React. You will learn: How to use a checkbox as a Controlled Input in ReactHow to use the array map and reduce]]></summary>
<author>
<name/>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Advanced CSS Animation Using cubic-bezier()]]></title>
<id>https://css-tricks.com/?p=340036</id>
@ -341,31 +386,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<name>Geoff Graham</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Next Gen CSS: @container]]></title>
<id>https://css-tricks.com/?p=339138</id>
<link href="https://css-tricks.com/next-gen-css-container/"/>
<updated>2021-05-11T14:36:10.000Z</updated>
<summary type="html"><![CDATA[Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …
The post Next Gen CSS: @container appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Una Kravets</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Distributed Persistent Rendering (DPR)]]></title>
<id>https://css-tricks.com/?p=340106</id>
<link href="https://css-tricks.com/distributed-persistent-rendering-dpr/"/>
<updated>2021-05-11T14:33:10.000Z</updated>
<summary type="html"><![CDATA[Like Jamstack, Netlify is coining this term.
If your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push …
The post Distributed Persistent Rendering (DPR) appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[A Primer On CSS Container Queries]]></title>
<id>https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/</id>
@ -642,14 +662,4 @@ Chore: Refactored parameter passing for enrich step.]]></summary>
<name>hello@smashingmagazine.com (Leonardo Losoviz)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[An In-Depth Guide To Measuring Core Web Vitals]]></title>
<id>https://smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/</id>
<link href="https://smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/"/>
<updated>2021-04-19T08:30:00.000Z</updated>
<summary type="html"><![CDATA[How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Lets figure it out.]]></summary>
<author>
<name>hello@smashingmagazine.com (Barry Pollard)</name>
</author>
</entry>
</feed>

View file

@ -15,6 +15,133 @@
<body>
<!-- %after-body-begin.html% -->
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-05-18">2021-05-18</time></h2>
<ul class="sources card">
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">Pinned Audio WordPress Theme</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/pinned-audio-wordpress-theme/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>Im afraid I have to start this with a whole backstory, as the journey here is the point, not so much the theme.
A fella wrote to me a while back outlining a situation he was in. His company has …
The post Pinned Audio WordPress Theme appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Create Neon Text With CSS</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/how-to-create-neon-text-with-css/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(7 min)</span>
<span>Neon text can add a nice, futuristic touch to any website. Ive always loved the magic of neon signs, and wanted to recreate them using CSS. I thought Id share some tips on how to do it! In this article, …
The post How to Create Neon Text With CSS appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">Freelance Development Pricing Guide Should Freelancers Bill by the Hour?</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/the-different-ways-to-charge-for-a-website/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(7 min)</span>
<span>If you offer your services as a freelance developer, you have a major say in how you price your project. But how do you go about charging for a website project? &quot;Well, I just bill by the hour and send an invoice every week or month.&quot; ...I hear you say.</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Coding Programs 101 Ways to Learn to Code for Free</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/coding-programs-101-ways-to-learn-to-code-for-free/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(11 min)</span>
<span>Yes, you can learn to code for free, from the convenience of your own home, and at your own pace. I&#x27;m going to show you 101 courses where you can learn computer science and programming for free. The freeCodeCamp courses are completely free and some of them include a free</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Convert a Keras SavedModel into a Browser-based Web App</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/convert-keras-savedmodel-into-browser-based-webapp/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>If you&#x27;re a Python developer who works with Keras SavedModels, this article is for you. Perhaps you&#x27;re not sure how to use SavedModels to leverage the power of machine learning in browser-based web apps. But don&#x27;t worry we&#x27;ll cover all the basic steps you need to get started. Along with</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Redux for Beginners Learn Redux Basics with Code Examples</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/redux-for-beginners/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(7 min)</span>
<span>Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux, since industry</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Be a Successful Entrepreneur A Developer&#x27;s Guide to Startup Strategy and Design</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/be-a-successful-entrepreneur-developers-guide-to-startup-strategy-and-design/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(15 min)</span>
<span>According to freeCodeCamps 2018 New Coder Survey, 40.3% of participants want to build a business of their own, either as a freelancer or as an entrepreneur. If you are in that 40.3%, then this article is for you. If you are in the remaining 59.7%, you</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>Today, we are taking a closer look at [SVGator 3.0](https://www.svgator.com/?utm_source&#x3D;article&amp;utm_medium&#x3D;smashingmag&amp;utm_campaign&#x3D;svgator3_smashing), a new major release of the popular SVG application that lets you create, edit and animate SVG files and make the best out of what SVG has to offer — from start to finish.</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Smashing Podcast Episode 37 With Adam Argyle: What Is VisBug?</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/smashing-podcast-episode-37/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(31 min)</span>
<span>In this episode, were talking about VisBug. What is it, and how is it different from the array of options already found in Chrome DevTools? Drew McLellan talks to its creator Adam Argyle to find out.</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-05-17">2021-05-17</time></h2>
<ul class="sources card">
@ -42,7 +169,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
<summary class="article-expander__title">A Love Letter to HTML &amp; CSS</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/a-love-letter-to-html-css/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span class="article-reading-time">(7 min)</span>
<span>I see you. In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.
The post A Love Letter to HTML &amp; CSS appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.</span>
@ -252,28 +379,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">React for Beginners: Complete React Cheatsheet for 2021</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/react-for-beginners-cheatsheet/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(11 min)</span>
<span>Welcome to the React for Beginners guide. It&#x27;s designed to teach you all the core React concepts that you need to know to start building React applications in 2021. I created this resource to give you the most complete and beginner-friendly path to learn React from the ground up. By</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Web Development for Beginners Learn Basic HTML and CSS to Build Your First Web Page</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/web-development-for-beginners-basic-html-and-css/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span>Have you ever wondered how websites are built and designed? Do you want to learn the art of web development but you&#x27;re not that tech savvy yet? Well, then this tutorial is for you. It&#x27;s an introduction to Web Development for beginners so you can learn the basics even if</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
@ -358,45 +463,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Create an Email Newsletter [2021 Tutorial] Design, Layout, Send</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-create-an-email-newsletter-design-layout-send/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>If you manage a large community, chances are you need a way to communicate updates to your members quickly and efficiently. An email newsletter can be a very effective way to do so. In this article, I am going to provide some tips and suggestions for maximizing the impact and</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">What is Software Testing? The 10 Most Common Types of Tests Developers Use in Projects</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/types-of-software-testing/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>Software development and testing go hand in hand. And in the era of agile software development, with quick releases of small iterations, you should do testing more and more frequently. In order to perform effective testing, you need to know about the different types of testing and when you should</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">React Tutorial How to Work with Multiple Checkboxes</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-work-with-multiple-checkboxes-in-react/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>Handling multiple checkboxes in React is completely different from how you use regular HTML checkboxes. So in this article, we&#x27;ll see how to work with multiple checkboxes in React. You will learn: How to use a checkbox as a Controlled Input in ReactHow to use the array map and reduce</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
@ -480,33 +546,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
<span class="article-reading-time">(5 min)</span>
<span>How many times have you heard that (or even uttered it under your own breath)? I know Ive heard it in conversations. I also know Ive wondered the same thing about a product or two — hey, the idea here …
The post I could build this during the weekend appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Next Gen CSS: @container</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/next-gen-css-container/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span>Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …
The post Next Gen CSS: @container appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Distributed Persistent Rendering (DPR)</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/distributed-persistent-rendering-dpr/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span>Like Jamstack, Netlify is coining this term.
If your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push …
The post Distributed Persistent Rendering (DPR) appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
</a>
@ -1012,31 +1051,9 @@ Chore: Refactored parameter passing for enrich step.</span>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-04-19">2021-04-19</time></h2>
<ul class="sources card">
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">An In-Depth Guide To Measuring Core Web Vitals</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(24 min)</span>
<span>How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Lets figure it out.</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<footer>
<time id="build-timestamp" datetime="2021-05-18T00:48:51.908Z">2021-05-18T00:48:51.908Z</time>
<time id="build-timestamp" datetime="2021-05-19T00:44:40.537Z">2021-05-19T00:44:40.537Z</time>
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.7.2</a></span>
</footer>
<script src="index.js"></script>