mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: 1f5684a2ae
This commit is contained in:
chuanqisun
parent
4b04f8a6ef
commit
f9d3fb1527
3 changed files with 236 additions and 236 deletions
128
cache.json
128
cache.json
|
|
@ -102,13 +102,31 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340731",
|
||||
"author": "Chris Coyier",
|
||||
"description": "The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use. They even sponsored a few videos around here a …\nThe post Notion API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/notion-api/",
|
||||
"publishedOn": "2021-05-19T23:18:42.000Z",
|
||||
"wordCount": 1042,
|
||||
"title": "Notion API"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340692",
|
||||
"author": "Shubham Jain",
|
||||
"description": "SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external …\nThe post svg-loader: A Different Way to Work With External SVG appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/svg-loader-a-different-way-to-work-with-external-svg/",
|
||||
"publishedOn": "2021-05-19T14:28:19.000Z",
|
||||
"wordCount": 1417,
|
||||
"title": "svg-loader: A Different Way to Work With External SVG"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340613",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I’m 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,
|
||||
"wordCount": 1082,
|
||||
"title": "Pinned Audio WordPress Theme"
|
||||
},
|
||||
{
|
||||
|
|
@ -117,7 +135,7 @@
|
|||
"description": "Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d 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,
|
||||
"wordCount": 2364,
|
||||
"title": "How to Create Neon Text With CSS"
|
||||
},
|
||||
{
|
||||
|
|
@ -135,7 +153,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": 2174,
|
||||
"wordCount": 2463,
|
||||
"title": "A Love Letter to HTML & CSS"
|
||||
},
|
||||
{
|
||||
|
|
@ -216,26 +234,8 @@
|
|||
"description": "Let’s talk about disabled buttons. Specifically, let’s 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": 2994,
|
||||
"wordCount": 3015,
|
||||
"title": "Making Disabled Buttons More Inclusive"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340359",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Kitty reflected on an ancient blog post here on CSS-Tricks on how to make an animated pie timer. The old technique is still clever. The new technique is equally clever and much easier. I particularly like the steps() animation function…\nThe post CSS Pie Timer Re-Revisited appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/css-pie-timer-re-revisited/",
|
||||
"publishedOn": "2021-05-11T22:00:29.000Z",
|
||||
"wordCount": 498,
|
||||
"title": "CSS Pie Timer Re-Revisited"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340186",
|
||||
"author": "Geoff Graham",
|
||||
"description": "How many times have you heard that (or even uttered it under your own breath)? I know I’ve heard it in conversations. I also know I’ve wondered the same thing about a product or two — hey, the idea here …\nThe post I could build this during the weekend appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://world.hey.com/joaoqalves/i-could-build-this-during-the-weekend-aa093c5e",
|
||||
"publishedOn": "2021-05-11T21:04:32.000Z",
|
||||
"wordCount": 1416,
|
||||
"title": "I could build this during the weekend"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -244,6 +244,15 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/",
|
||||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||||
"description": "Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better UX.",
|
||||
"link": "https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/",
|
||||
"publishedOn": "2021-05-19T11:40:00.000Z",
|
||||
"wordCount": 4986,
|
||||
"title": "Frustrating Design Patterns: Mega-Dropdown Hover Menus"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/",
|
||||
"author": "hello@smashingmagazine.com (Mikołaj Dobrucki)",
|
||||
|
|
@ -459,15 +468,6 @@
|
|||
"publishedOn": "2021-04-21T08:30:00.000Z",
|
||||
"wordCount": 2998,
|
||||
"title": "Why Content Is Such A Fundamental Part Of The Web Design Process"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/04/making-graphql-work-in-wordpress/",
|
||||
"author": "hello@smashingmagazine.com (Leonardo Losoviz)",
|
||||
"description": "Let’s explore the plugins providing GraphQL servers to WordPress. When should we use WPGraphQL, and when the GraphQL API for WordPress? Is there some advantage of one over the other, or some particular task that is easier to accomplish with one of them? In this article, we will find out.",
|
||||
"link": "https://smashingmagazine.com/2021/04/making-graphql-work-in-wordpress/",
|
||||
"publishedOn": "2021-04-20T09:00:00.000Z",
|
||||
"wordCount": 3482,
|
||||
"title": "Making GraphQL Work In WordPress"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -476,6 +476,33 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "60a42386906c5207e3a7dfe2",
|
||||
"author": "",
|
||||
"description": "The internet is going through a paradigm shift. Learn the differences between Web2 and Web3, and why many developers and companies are shifting their approach in building apps.",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-web3/",
|
||||
"publishedOn": "2021-05-19T21:09:01.000Z",
|
||||
"wordCount": 2086,
|
||||
"title": "What is Web3? The Decentralized Internet of the Future Explained"
|
||||
},
|
||||
{
|
||||
"id": "60a469ec906c5207e3a7e1b9",
|
||||
"author": "",
|
||||
"description": "Imagine that you work at Magic Money Corp, which runs on just three lines of JavaScript: let input = { step1: 'collect underpants' } doStuff(input) profit(input) // $$$!!! Now imagine that something's wrong with doStuff and you need to take it down for maintenance. What happens if you temporarily comment out the second",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-optimize-for-change-software-development/",
|
||||
"publishedOn": "2021-05-19T17:30:08.000Z",
|
||||
"wordCount": 1981,
|
||||
"title": "How to Optimize for Change in Software Development"
|
||||
},
|
||||
{
|
||||
"id": "60a53182906c5207e3a7e588",
|
||||
"author": "",
|
||||
"description": "Lately, I've been talking about my move into the Web3, Ethereum, and crypto space since making the switch from a traditional web, mobile, and cloud background. Since making that move, a shocking number of people have reached out to me who are also thinking about doing the same. It's really",
|
||||
"link": "https://www.freecodecamp.org/news/breaking-into-ethereum-crypto-web3-as-a-developer/",
|
||||
"publishedOn": "2021-05-18T21:04:00.000Z",
|
||||
"wordCount": 2258,
|
||||
"title": "How to Break into Ethereum, Crypto, and Web3 as a Developer"
|
||||
},
|
||||
{
|
||||
"id": "60a3780f906c5207e3a7db5f",
|
||||
"author": "",
|
||||
|
|
@ -531,40 +558,13 @@
|
|||
"title": "HTML vs JSX – What's the Difference?"
|
||||
},
|
||||
{
|
||||
"id": "60a16df162ab9107fe5ab01b",
|
||||
"id": "60a536e1906c5207e3a7e6b5",
|
||||
"author": "",
|
||||
"description": "When I started out as a web developer, people often threw around the term \"DOM\" in the industry. Every JavaScript tutorial mentioned it, but I didn't know what it meant. Fast forward two years, and now that I know what it's all about, I am going to explain what the",
|
||||
"link": "https://www.freecodecamp.org/news/dom-explained-everything-you-need-to-know-about-the-document-object-model/",
|
||||
"publishedOn": "2021-05-17T17:45:50.000Z",
|
||||
"wordCount": 1282,
|
||||
"title": "The DOM Explained for Beginners – How the Document Object Model Works"
|
||||
},
|
||||
{
|
||||
"id": "609f552e62ab9107fe5aaba0",
|
||||
"author": "",
|
||||
"description": "Lottie is a library that helps render Adobe After Effects animations natively on mobile and the web. I like using Lottie for animations in my projects because: Creating an animation from scratch can be time-consuming, andGIF files can be double the size of Lottie JSON files (the files containing the",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-use-lottie-like-a-pro-resources-for-designers-and-developers/",
|
||||
"publishedOn": "2021-05-17T16:25:22.000Z",
|
||||
"wordCount": 1076,
|
||||
"title": "How to Use the Lottie Library like a Pro – Lottie Resources for Designers and Developers"
|
||||
},
|
||||
{
|
||||
"id": "609cb90262ab9107fe5aa026",
|
||||
"author": "",
|
||||
"description": "I'm a developer who's mostly been writing JavaScript, so the Solidity development environment was a bit hard to learn. About four months ago, I switched to Hardhat from Truffle. This cool new kid on the block drastically improved my coding experience. So today I want to share it with my",
|
||||
"link": "https://www.freecodecamp.org/news/solidity-tutorial-hardhat-nfts/",
|
||||
"publishedOn": "2021-05-17T14:39:55.000Z",
|
||||
"wordCount": 1233,
|
||||
"title": "Solidity Tutorial – How to Create NFTs with Hardhat"
|
||||
},
|
||||
{
|
||||
"id": "609d63e962ab9107fe5aa2ce",
|
||||
"author": "",
|
||||
"description": "You may have heard of the term SMTP before, and wondered what it is. SMTP is a common method for handling email messages. Today I am going to explain what SMTP is, and how to use an SMTP provider such as SendGrid to send emails from your address. What Is",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-sendgrid-smpt-email-newsletter-tutorial/",
|
||||
"publishedOn": "2021-05-14T20:31:30.000Z",
|
||||
"wordCount": 1293,
|
||||
"title": "What is SendGrid? SMTP Email Newsletter Tutorial"
|
||||
"description": "In this article, you'll learn how to build full stack dApps with React, Ethers.js, Solidity, and Hardhat. You can find the code for this project here. The video course for this tutorial is here. I recently joined Edge & Node as a Developer Relations Engineer and have been diving",
|
||||
"link": "https://www.freecodecamp.org/news/full-stack-ethereum-development/",
|
||||
"publishedOn": "2021-05-17T20:45:00.000Z",
|
||||
"wordCount": 4218,
|
||||
"title": "The Complete Guide to Full Stack Ethereum Development"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
142
feed.atom
142
feed.atom
|
|
@ -1,10 +1,74 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-05-19T00:44:40.559Z</id>
|
||||
<id>urn:2021-05-20T00:41:14.369Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-05-19T00:44:40.559Z</updated>
|
||||
<updated>2021-05-20T00:41:14.369Z</updated>
|
||||
<generator>osmosfeed 1.7.2</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Notion API]]></title>
|
||||
<id>https://css-tricks.com/?p=340731</id>
|
||||
<link href="https://css-tricks.com/notion-api/"/>
|
||||
<updated>2021-05-19T23:18:42.000Z</updated>
|
||||
<summary type="html"><![CDATA[The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use. They even sponsored a few videos around here a …
|
||||
The post Notion API 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[What is Web3? The Decentralized Internet of the Future Explained]]></title>
|
||||
<id>60a42386906c5207e3a7dfe2</id>
|
||||
<link href="https://www.freecodecamp.org/news/what-is-web3/"/>
|
||||
<updated>2021-05-19T21:09:01.000Z</updated>
|
||||
<summary type="html"><![CDATA[The internet is going through a paradigm shift. Learn the differences between Web2 and Web3, and why many developers and companies are shifting their approach in building apps.]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Optimize for Change in Software Development]]></title>
|
||||
<id>60a469ec906c5207e3a7e1b9</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-optimize-for-change-software-development/"/>
|
||||
<updated>2021-05-19T17:30:08.000Z</updated>
|
||||
<summary type="html"><![CDATA[Imagine that you work at Magic Money Corp, which runs on just three lines of JavaScript: let input = { step1: 'collect underpants' } doStuff(input) profit(input) // $$$!!! Now imagine that something's wrong with doStuff and you need to take it down for maintenance. What happens if you temporarily comment out the second]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[svg-loader: A Different Way to Work With External SVG]]></title>
|
||||
<id>https://css-tricks.com/?p=340692</id>
|
||||
<link href="https://css-tricks.com/svg-loader-a-different-way-to-work-with-external-svg/"/>
|
||||
<updated>2021-05-19T14:28:19.000Z</updated>
|
||||
<summary type="html"><![CDATA[SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external …
|
||||
The post svg-loader: A Different Way to Work With External SVG appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Shubham Jain</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Frustrating Design Patterns: Mega-Dropdown Hover Menus]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/"/>
|
||||
<updated>2021-05-19T11:40:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better UX.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Break into Ethereum, Crypto, and Web3 as a Developer]]></title>
|
||||
<id>60a53182906c5207e3a7e588</id>
|
||||
<link href="https://www.freecodecamp.org/news/breaking-into-ethereum-crypto-web3-as-a-developer/"/>
|
||||
<updated>2021-05-18T21:04:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Lately, I've been talking about my move into the Web3, Ethereum, and crypto space since making the switch from a traditional web, mobile, and cloud background. Since making that move, a shocking number of people have reached out to me who are also thinking about doing the same. It's really]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Pinned Audio WordPress Theme]]></title>
|
||||
<id>https://css-tricks.com/?p=340613</id>
|
||||
|
|
@ -125,31 +189,11 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The DOM Explained for Beginners – How the Document Object Model Works]]></title>
|
||||
<id>60a16df162ab9107fe5ab01b</id>
|
||||
<link href="https://www.freecodecamp.org/news/dom-explained-everything-you-need-to-know-about-the-document-object-model/"/>
|
||||
<updated>2021-05-17T17:45:50.000Z</updated>
|
||||
<summary type="html"><![CDATA[When I started out as a web developer, people often threw around the term "DOM" in the industry. Every JavaScript tutorial mentioned it, but I didn't know what it meant. Fast forward two years, and now that I know what it's all about, I am going to explain what the]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use the Lottie Library like a Pro – Lottie Resources for Designers and Developers]]></title>
|
||||
<id>609f552e62ab9107fe5aaba0</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-use-lottie-like-a-pro-resources-for-designers-and-developers/"/>
|
||||
<updated>2021-05-17T16:25:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[Lottie is a library that helps render Adobe After Effects animations natively on mobile and the web. I like using Lottie for animations in my projects because: Creating an animation from scratch can be time-consuming, andGIF files can be double the size of Lottie JSON files (the files containing the]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Solidity Tutorial – How to Create NFTs with Hardhat]]></title>
|
||||
<id>609cb90262ab9107fe5aa026</id>
|
||||
<link href="https://www.freecodecamp.org/news/solidity-tutorial-hardhat-nfts/"/>
|
||||
<updated>2021-05-17T14:39:55.000Z</updated>
|
||||
<summary type="html"><![CDATA[I'm a developer who's mostly been writing JavaScript, so the Solidity development environment was a bit hard to learn. About four months ago, I switched to Hardhat from Truffle. This cool new kid on the block drastically improved my coding experience. So today I want to share it with my]]></summary>
|
||||
<title type="html"><![CDATA[The Complete Guide to Full Stack Ethereum Development]]></title>
|
||||
<id>60a536e1906c5207e3a7e6b5</id>
|
||||
<link href="https://www.freecodecamp.org/news/full-stack-ethereum-development/"/>
|
||||
<updated>2021-05-17T20:45:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article, you'll learn how to build full stack dApps with React, Ethers.js, Solidity, and Hardhat. You can find the code for this project here. The video course for this tutorial is here. I recently joined Edge & Node as a Developer Relations Engineer and have been diving]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
|
|
@ -233,16 +277,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is SendGrid? SMTP Email Newsletter Tutorial]]></title>
|
||||
<id>609d63e962ab9107fe5aa2ce</id>
|
||||
<link href="https://www.freecodecamp.org/news/what-is-sendgrid-smpt-email-newsletter-tutorial/"/>
|
||||
<updated>2021-05-14T20:31:30.000Z</updated>
|
||||
<summary type="html"><![CDATA[You may have heard of the term SMTP before, and wondered what it is. SMTP is a common method for handling email messages. Today I am going to explain what SMTP is, and how to use an SMTP provider such as SendGrid to send emails from your address. What Is]]></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>
|
||||
|
|
@ -362,30 +396,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[CSS Pie Timer Re-Revisited]]></title>
|
||||
<id>https://css-tricks.com/?p=340359</id>
|
||||
<link href="https://css-tricks.com/css-pie-timer-re-revisited/"/>
|
||||
<updated>2021-05-11T22:00:29.000Z</updated>
|
||||
<summary type="html"><![CDATA[Kitty reflected on an ancient blog post here on CSS-Tricks on how to make an animated pie timer. The old technique is still clever. The new technique is equally clever and much easier. I particularly like the steps() animation function…
|
||||
The post CSS Pie Timer Re-Revisited 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[I could build this during the weekend]]></title>
|
||||
<id>https://css-tricks.com/?p=340186</id>
|
||||
<link href="https://world.hey.com/joaoqalves/i-could-build-this-during-the-weekend-aa093c5e"/>
|
||||
<updated>2021-05-11T21:04:32.000Z</updated>
|
||||
<summary type="html"><![CDATA[How many times have you heard that (or even uttered it under your own breath)? I know I’ve heard it in conversations. I also know I’ve 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.]]></summary>
|
||||
<author>
|
||||
<name>Geoff Graham</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>
|
||||
|
|
@ -652,14 +662,4 @@ Chore: Refactored parameter passing for enrich step.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Matt Saunders)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Making GraphQL Work In WordPress]]></title>
|
||||
<id>https://smashingmagazine.com/2021/04/making-graphql-work-in-wordpress/</id>
|
||||
<link href="https://smashingmagazine.com/2021/04/making-graphql-work-in-wordpress/"/>
|
||||
<updated>2021-04-20T09:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Let’s explore the plugins providing GraphQL servers to WordPress. When should we use WPGraphQL, and when the GraphQL API for WordPress? Is there some advantage of one over the other, or some particular task that is easier to accomplish with one of them? In this article, we will find out.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Leonardo Losoviz)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
202
index.html
202
index.html
|
|
@ -15,6 +15,88 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-19">2021-05-19</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">Notion API</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/notion-api/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use. They even sponsored a few videos around here a …
|
||||
The post Notion API 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">svg-loader: A Different Way to Work With External SVG</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/svg-loader-a-different-way-to-work-with-external-svg/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external …
|
||||
The post svg-loader: A Different Way to Work With External SVG 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">What is Web3? The Decentralized Internet of the Future Explained</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-web3/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>The internet is going through a paradigm shift. Learn the differences between Web2 and Web3, and why many developers and companies are shifting their approach in building apps.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Optimize for Change in Software Development</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-optimize-for-change-software-development/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>Imagine that you work at Magic Money Corp, which runs on just three lines of JavaScript: let input = { step1: 'collect underpants' } doStuff(input) profit(input) // $$$!!! Now imagine that something's wrong with doStuff and you need to take it down for maintenance. What happens if you temporarily comment out the second</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">Frustrating Design Patterns: Mega-Dropdown Hover Menus</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(17 min)</span>
|
||||
<span>Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better UX.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-18">2021-05-18</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -27,7 +109,7 @@
|
|||
<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 class="article-reading-time">(4 min)</span>
|
||||
<span>I’m 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.
|
||||
|
|
@ -41,7 +123,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<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 class="article-reading-time">(8 min)</span>
|
||||
<span>Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d 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>
|
||||
|
|
@ -55,6 +137,17 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<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 Break into Ethereum, Crypto, and Web3 as a Developer</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/breaking-into-ethereum-crypto-web3-as-a-developer/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Lately, I've been talking about my move into the Web3, Ethereum, and crypto space since making the switch from a traditional web, mobile, and cloud background. Since making that move, a shocking number of people have reached out to me who are also thinking about doing the same. It's really</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Freelance Development Pricing Guide – Should Freelancers Bill by the Hour?</summary>
|
||||
|
|
@ -169,7 +262,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">A Love Letter to HTML & 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">(7 min)</span>
|
||||
<span class="article-reading-time">(8 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 & CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -227,33 +320,11 @@ Chore: Reorganize to monorepo with npm workspace.</span>
|
|||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The DOM Explained for Beginners – How the Document Object Model Works</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/dom-explained-everything-you-need-to-know-about-the-document-object-model/">
|
||||
<summary class="article-expander__title">The Complete Guide to Full Stack Ethereum Development</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/full-stack-ethereum-development/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>When I started out as a web developer, people often threw around the term "DOM" in the industry. Every JavaScript tutorial mentioned it, but I didn't know what it meant. Fast forward two years, and now that I know what it's all about, I am going to explain what the</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Use the Lottie Library like a Pro – Lottie Resources for Designers and Developers</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-use-lottie-like-a-pro-resources-for-designers-and-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Lottie is a library that helps render Adobe After Effects animations natively on mobile and the web. I like using Lottie for animations in my projects because: Creating an animation from scratch can be time-consuming, andGIF files can be double the size of Lottie JSON files (the files containing the</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Solidity Tutorial – How to Create NFTs with Hardhat</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/solidity-tutorial-hardhat-nfts/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>I'm a developer who's mostly been writing JavaScript, so the Solidity development environment was a bit hard to learn. About four months ago, I switched to Hardhat from Truffle. This cool new kid on the block drastically improved my coding experience. So today I want to share it with my</span>
|
||||
<span class="article-reading-time">(14 min)</span>
|
||||
<span>In this article, you'll learn how to build full stack dApps with React, Ethers.js, Solidity, and Hardhat. You can find the code for this project here. The video course for this tutorial is here. I recently joined Edge & Node as a Developer Relations Engineer and have been diving</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
|
|
@ -364,23 +435,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">What is SendGrid? SMTP Email Newsletter Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-sendgrid-smpt-email-newsletter-tutorial/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>You may have heard of the term SMTP before, and wondered what it is. SMTP is a common method for handling email messages. Today I am going to explain what SMTP is, and how to use an SMTP provider such as SendGrid to send emails from your address. What Is</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>
|
||||
|
|
@ -521,38 +575,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-11">2021-05-11</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">CSS Pie Timer Re-Revisited</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/css-pie-timer-re-revisited/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Kitty reflected on an ancient blog post here on CSS-Tricks on how to make an animated pie timer. The old technique is still clever. The new technique is equally clever and much easier. I particularly like the steps() animation function…
|
||||
The post CSS Pie Timer Re-Revisited 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">I could build this during the weekend</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://world.hey.com/joaoqalves/i-could-build-this-during-the-weekend-aa093c5e">
|
||||
<div class="article-summary-box-inner">
|
||||
<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 I’ve heard it in conversations. I also know I’ve 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>
|
||||
</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>
|
||||
|
|
@ -1029,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-20">2021-04-20</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">Making GraphQL Work In WordPress</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/04/making-graphql-work-in-wordpress/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>Let’s explore the plugins providing GraphQL servers to WordPress. When should we use WPGraphQL, and when the GraphQL API for WordPress? Is there some advantage of one over the other, or some particular task that is easier to accomplish with one of them? In this article, we will find out.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-05-19T00:44:40.537Z">2021-05-19T00:44:40.537Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-20T00:41:14.349Z">2021-05-20T00:41:14.349Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.7.2</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue