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
4df42c2fbc
commit
89dc58614c
2 changed files with 169 additions and 165 deletions
136
cache.json
136
cache.json
|
|
@ -3,11 +3,29 @@
|
|||
{
|
||||
"href": "https://css-tricks.com/feed/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "Robert Nyman and Philip Jägenstedt:\nGoogle is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers. The areas of focus are CSS Flexbox, CSS Grid, position: sticky, \n…\nThe post Eliminating five top compatibility pain points on the web appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://web.dev/compat2021/",
|
||||
"publishedOn": "2021-04-23T20:55:19.000Z",
|
||||
"wordCount": 1181,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Eliminating five top compatibility pain points on the web"
|
||||
},
|
||||
{
|
||||
"description": "In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The project was done following the ongoing developmental version of WPGraphQL and an excellent tutorial by Henrik …\nThe post Using New Gatsby Source WordPress Plugin appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/using-new-gatsby-source-wordpress-plugin/",
|
||||
"publishedOn": "2021-04-23T14:03:18.000Z",
|
||||
"wordCount": 6069,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Using New Gatsby Source WordPress Plugin"
|
||||
},
|
||||
{
|
||||
"description": "There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see:\nChrome on the left. Safari in the simulator on top…\nThe post Text That Sometimes Turns to Emojis appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/text-that-sometimes-turns-to-emojis/",
|
||||
"publishedOn": "2021-04-22T21:17:43.000Z",
|
||||
"wordCount": 757,
|
||||
"wordCount": 1135,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Text That Sometimes Turns to Emojis"
|
||||
|
|
@ -34,7 +52,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": 3627,
|
||||
"wordCount": 4289,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "The Making (and Potential Benefits) of a CSS Font"
|
||||
|
|
@ -43,7 +61,7 @@
|
|||
"description": "It would be nice to be able to animate the transition between pages if we want to on the web without resorting to hacks or full-blown architecture choices to achieve it. I could imagine an API that would run stuff…\nThe post Still Hoping for Better Native Page Transitions appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/still-hoping-for-better-native-page-transitions/",
|
||||
"publishedOn": "2021-04-21T22:57:03.000Z",
|
||||
"wordCount": 1069,
|
||||
"wordCount": 1275,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Still Hoping for Better Native Page Transitions"
|
||||
|
|
@ -61,7 +79,7 @@
|
|||
"description": "Let’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be generated at runtime — so you have to solve it …\nThe post How to Add a Double Border to SVG Shapes appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/how-to-add-a-double-border-to-svg-shapes/",
|
||||
"publishedOn": "2021-04-21T14:26:28.000Z",
|
||||
"wordCount": 1181,
|
||||
"wordCount": 1352,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "How to Add a Double Border to SVG Shapes"
|
||||
|
|
@ -115,34 +133,25 @@
|
|||
"description": "There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …\nThe post Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/",
|
||||
"publishedOn": "2021-04-16T14:33:05.000Z",
|
||||
"wordCount": 1648,
|
||||
"wordCount": 2218,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders"
|
||||
},
|
||||
{
|
||||
"description": "The default browser style for <hr> is so weird. It’s basically:\nborder-style: inset;\nborder-width: 1px;\nThe default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line …\nThe post Not Your Typical Horizontal Rules appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.sarasoueidan.com/blog/horizontal-rules/",
|
||||
"publishedOn": "2021-04-16T14:31:41.000Z",
|
||||
"wordCount": 1958,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Not Your Typical Horizontal Rules"
|
||||
},
|
||||
{
|
||||
"description": "There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things …\nThe post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/flash-of-inaccurate-color-theme-fart/",
|
||||
"publishedOn": "2021-04-15T22:13:36.000Z",
|
||||
"wordCount": 1408,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Flash of inAccurate coloR Theme (FART)"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"href": "https://www.smashingmagazine.com/feed/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!",
|
||||
"link": "https://smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/",
|
||||
"publishedOn": "2021-04-23T08:30:00.000Z",
|
||||
"wordCount": 2431,
|
||||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors"
|
||||
},
|
||||
{
|
||||
"description": "Sometimes it’s the little things in web life that make us look twice. From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic.",
|
||||
"link": "https://smashingmagazine.com/2021/04/web-design-done-well-part1/",
|
||||
|
|
@ -349,21 +358,48 @@
|
|||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "How To Boost Media Performance On A Budget"
|
||||
},
|
||||
{
|
||||
"description": "Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration.",
|
||||
"link": "https://smashingmagazine.com/2021/03/reactivity-in-vue/",
|
||||
"publishedOn": "2021-03-25T10:00:00.000Z",
|
||||
"wordCount": 2274,
|
||||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "Reactivity In Vue"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"href": "https://www.freecodecamp.org/news/rss/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "Whenever I'm starting with a new framework or it's been a while since I've used it, I always end up searching for the same simple things. I'll Google how to render raw HTML, how to display a component based on a condition, how to assign a class to an element,",
|
||||
"link": "https://www.freecodecamp.org/news/react-cheatsheet-html-rendering/",
|
||||
"publishedOn": "2021-04-23T21:40:22.000Z",
|
||||
"wordCount": 759,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "React Cheatsheet – 9 Common HTML Rendering Cases You Should Know"
|
||||
},
|
||||
{
|
||||
"description": "When you are building a content-driven website for a client, there is often some tension between creating a consistent user experience and adding some flair. If, like I am, you are mostly working in a headless way, you may also want your CMS to capture and serve raw data at",
|
||||
"link": "https://www.freecodecamp.org/news/create-a-data-driven-component-with-wordpress-and-nextjs/",
|
||||
"publishedOn": "2021-04-23T18:34:28.000Z",
|
||||
"wordCount": 2215,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Create a Data-driven Component with WordPress and Next.js"
|
||||
},
|
||||
{
|
||||
"description": "The splice() method is a built-in method for JavaScript Array objects. It lets you change the content of your array by removing or replacing existing elements with new ones. This method modifies the original array and returns the removed elements as a new array. In this tutorial, you will learn",
|
||||
"link": "https://www.freecodecamp.org/news/javascript-splice-how-to-use-the-splice-js-array-method/",
|
||||
"publishedOn": "2021-04-23T18:14:00.000Z",
|
||||
"wordCount": 846,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "JavaScript Splice – How to Use the .splice() JS Array Method"
|
||||
},
|
||||
{
|
||||
"description": "Hello developers 👋. If you have built Deep Neural Networks before, you might know that it can involve a lot of experimentation. In this article, I will share with you some useful tips and guidelines that you can use to better build better deep learning models. These tricks should make it",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-build-better-machine-learning-models/",
|
||||
"publishedOn": "2021-04-23T16:22:43.000Z",
|
||||
"wordCount": 2831,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Build Better Machine Learning Models"
|
||||
},
|
||||
{
|
||||
"description": "Django is the most popular full-stack web framework for Python. It helps people create web apps quickly. We just released a 7-hour course that will teach you how to use the newest version of Django to create web apps. The course also covers pandas, matplotlib, JavaScript, ajax, xhtml2pdf, dropzone.js,",
|
||||
"link": "https://www.freecodecamp.org/news/learn-django-3-and-start-creating-websites-with-python/",
|
||||
|
|
@ -417,42 +453,6 @@
|
|||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Auto-Deploy Your React Apps with Cloudflare Pages"
|
||||
},
|
||||
{
|
||||
"description": "In this article, we are going to use Azure Functions and the wkhtmltopdf tool to generate a PDF file from an HTML file. You might want to create a PDF file for a great many reasons, such as generating invoices for sales, medical reports for your patients, insurance forms for",
|
||||
"link": "https://www.freecodecamp.org/news/convert-html-to-pdf-with-azure-functions-and-wkhtmltopdf/",
|
||||
"publishedOn": "2021-04-20T16:02:01.000Z",
|
||||
"wordCount": 2796,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Convert HTML to PDF with Azure Functions and wkhtmltopdf"
|
||||
},
|
||||
{
|
||||
"description": "Switching branches is something you'll need to do often in Git. To do this, you can use the git checkout command. How to create a new branch in GitTo create a new branch in Git, you use the git checkout command and pass the -b flag with a name. This",
|
||||
"link": "https://www.freecodecamp.org/news/git-switch-branch/",
|
||||
"publishedOn": "2021-04-19T23:37:29.000Z",
|
||||
"wordCount": 960,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "Git Switch Branch – How to Change the Branch in Git"
|
||||
},
|
||||
{
|
||||
"description": "Dependencies are a very common part of any sufficiently mature codebase. And it's important to cleanly handle any third party code that your program relies on to function. There are multiple ways to get third party code included and updated. And I read something recently which has easily become my",
|
||||
"link": "https://www.freecodecamp.org/news/manage-code-dependencies-by-shimming-your-abstractions/",
|
||||
"publishedOn": "2021-04-19T23:19:44.000Z",
|
||||
"wordCount": 1870,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Manage Code Dependencies by Shimming Your Abstractions"
|
||||
},
|
||||
{
|
||||
"description": "If you are reading this article, it probably means that you are already pushing repositories to GitHub and maybe even contributing to open source. And if you're using GitHub, it means that you will need to write good documentation for your projects to help others understand them. If you are",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-write-a-good-readme-file/",
|
||||
"publishedOn": "2021-04-19T21:59:43.000Z",
|
||||
"wordCount": 1427,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Write a Good README File for Your GitHub Project"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
198
index.html
198
index.html
|
|
@ -10,6 +10,102 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<section class="day-container">
|
||||
<h2>2021-04-23</h2>
|
||||
|
||||
<h3>freeCodeCamp.org</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>React Cheatsheet – 9 Common HTML Rendering Cases You Should Know</summary>
|
||||
<div class="details-content">
|
||||
<p>Whenever I'm starting with a new framework or it's been a while since I've used it, I always end up searching for the same simple things. I'll Google how to render raw HTML, how to display a component based on a condition, how to assign a class to an element,</p>
|
||||
<a href="https://www.freecodecamp.org/news/react-cheatsheet-html-rendering/">Read · 3 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Create a Data-driven Component with WordPress and Next.js</summary>
|
||||
<div class="details-content">
|
||||
<p>When you are building a content-driven website for a client, there is often some tension between creating a consistent user experience and adding some flair. If, like I am, you are mostly working in a headless way, you may also want your CMS to capture and serve raw data at</p>
|
||||
<a href="https://www.freecodecamp.org/news/create-a-data-driven-component-with-wordpress-and-nextjs/">Read · 7 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>JavaScript Splice – How to Use the .splice() JS Array Method</summary>
|
||||
<div class="details-content">
|
||||
<p>The splice() method is a built-in method for JavaScript Array objects. It lets you change the content of your array by removing or replacing existing elements with new ones. This method modifies the original array and returns the removed elements as a new array. In this tutorial, you will learn</p>
|
||||
<a href="https://www.freecodecamp.org/news/javascript-splice-how-to-use-the-splice-js-array-method/">Read · 3 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Build Better Machine Learning Models</summary>
|
||||
<div class="details-content">
|
||||
<p>Hello developers 👋. If you have built Deep Neural Networks before, you might know that it can involve a lot of experimentation. In this article, I will share with you some useful tips and guidelines that you can use to better build better deep learning models. These tricks should make it</p>
|
||||
<a href="https://www.freecodecamp.org/news/how-to-build-better-machine-learning-models/">Read · 9 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Eliminating five top compatibility pain points on the web</summary>
|
||||
<div class="details-content">
|
||||
<p>Robert Nyman and Philip Jägenstedt:
|
||||
Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers. The areas of focus are CSS Flexbox, CSS Grid, position: sticky, 
|
||||
…
|
||||
The post Eliminating five top compatibility pain points on the web appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://web.dev/compat2021/">Read · 4 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Using New Gatsby Source WordPress Plugin</summary>
|
||||
<div class="details-content">
|
||||
<p>In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The project was done following the ongoing developmental version of WPGraphQL and an excellent tutorial by Henrik …
|
||||
The post Using New Gatsby Source WordPress Plugin appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/using-new-gatsby-source-wordpress-plugin/">Read · 20 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>A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors</summary>
|
||||
<div class="details-content">
|
||||
<p>The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!</p>
|
||||
<a href="https://smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/">Read · 8 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="day-container">
|
||||
<h2>2021-04-22</h2>
|
||||
|
||||
|
|
@ -24,7 +120,7 @@
|
|||
Chrome on the left. Safari in the simulator on top…
|
||||
The post Text That Sometimes Turns to Emojis appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/text-that-sometimes-turns-to-emojis/">Read · 3 min</a>
|
||||
<a href="https://css-tricks.com/text-that-sometimes-turns-to-emojis/">Read · 4 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
|
@ -65,7 +161,7 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
Let me elaborate. This is a way to render text without using any font at all. Random text is split with …
|
||||
The post The Making (and Potential Benefits) of a CSS Font appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/">Read · 12 min</a>
|
||||
<a href="https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/">Read · 14 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
|
@ -166,7 +262,7 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<p>Let’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be generated at runtime — so you have to solve it …
|
||||
The post How to Add a Double Border to SVG Shapes appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/how-to-add-a-double-border-to-svg-shapes/">Read · 4 min</a>
|
||||
<a href="https://css-tricks.com/how-to-add-a-double-border-to-svg-shapes/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
|
@ -238,21 +334,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<section class="day-container">
|
||||
<h2>2021-04-20</h2>
|
||||
|
||||
<h3>freeCodeCamp.org</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Convert HTML to PDF with Azure Functions and wkhtmltopdf</summary>
|
||||
<div class="details-content">
|
||||
<p>In this article, we are going to use Azure Functions and the wkhtmltopdf tool to generate a PDF file from an HTML file. You might want to create a PDF file for a great many reasons, such as generating invoices for sales, medical reports for your patients, insurance forms for</p>
|
||||
<a href="https://www.freecodecamp.org/news/convert-html-to-pdf-with-azure-functions-and-wkhtmltopdf/">Read · 9 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
|
|
@ -302,41 +383,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<section class="day-container">
|
||||
<h2>2021-04-19</h2>
|
||||
|
||||
<h3>freeCodeCamp.org</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Git Switch Branch – How to Change the Branch in Git</summary>
|
||||
<div class="details-content">
|
||||
<p>Switching branches is something you'll need to do often in Git. To do this, you can use the git checkout command. How to create a new branch in GitTo create a new branch in Git, you use the git checkout command and pass the -b flag with a name. This</p>
|
||||
<a href="https://www.freecodecamp.org/news/git-switch-branch/">Read · 3 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Manage Code Dependencies by Shimming Your Abstractions</summary>
|
||||
<div class="details-content">
|
||||
<p>Dependencies are a very common part of any sufficiently mature codebase. And it's important to cleanly handle any third party code that your program relies on to function. There are multiple ways to get third party code included and updated. And I read something recently which has easily become my</p>
|
||||
<a href="https://www.freecodecamp.org/news/manage-code-dependencies-by-shimming-your-abstractions/">Read · 6 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Write a Good README File for Your GitHub Project</summary>
|
||||
<div class="details-content">
|
||||
<p>If you are reading this article, it probably means that you are already pushing repositories to GitHub and maybe even contributing to open source. And if you're using GitHub, it means that you will need to write good documentation for your projects to help others understand them. If you are</p>
|
||||
<a href="https://www.freecodecamp.org/news/how-to-write-a-good-readme-file/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
|
|
@ -410,22 +456,7 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<p>There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
|
||||
The post Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Not Your Typical Horizontal Rules</summary>
|
||||
<div class="details-content">
|
||||
<p>The default browser style for <hr> is so weird. It’s basically:
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
The default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line …
|
||||
The post Not Your Typical Horizontal Rules appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://www.sarasoueidan.com/blog/horizontal-rules/">Read · 7 min</a>
|
||||
<a href="https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/">Read · 7 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
|
@ -452,23 +483,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<section class="day-container">
|
||||
<h2>2021-04-15</h2>
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Flash of inAccurate coloR Theme (FART)</summary>
|
||||
<div class="details-content">
|
||||
<p>There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things …
|
||||
The post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/flash-of-inaccurate-color-theme-fart/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
|
|
@ -791,22 +805,12 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Reactivity In Vue</summary>
|
||||
<div class="details-content">
|
||||
<p>Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration.</p>
|
||||
<a href="https://smashingmagazine.com/2021/03/reactivity-in-vue/">Read · 8 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-04-23T00:49:12.524Z">2021-04-23T00:49:12.524Z</time>
|
||||
<time id="build-timestamp" datetime="2021-04-24T00:50:41.549Z">2021-04-24T00:50:41.549Z</time>
|
||||
<span><a href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.2.3</a></span>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue