This commit is contained in:
chuanqisun 2021-11-15 00:42:07 +00:00
parent 92e1e5c734
commit 977511c425
3 changed files with 25 additions and 158 deletions

View file

@ -4,17 +4,7 @@
"title": "Release notes from osmosfeed",
"feedUrl": "https://github.com/osmoscraft/osmosfeed/releases.atom",
"siteUrl": "https://github.com/osmoscraft/osmosfeed/releases",
"articles": [
{
"id": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.3",
"author": null,
"description": "Fixed: broken links in documentation\nChore: Dependency updates\nThank you: @hirdot",
"link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.3",
"publishedOn": "2021-10-16T00:01:47.000Z",
"wordCount": 295,
"title": "v1.11.3"
}
]
"articles": []
},
{
"title": "CSS-Tricks",
@ -27,7 +17,7 @@
"description": "Remember when Ahmad Shadeed wrote about that border-radius “toggle” he found in Facebooks CSS? It was interesting! I covered it. A few weeks after that surge of linkage, a couple of articles came out digging into it a little deeper. …\nThe post Other Looks at the Conditional Border Radius Trick appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/other-looks-at-the-conditional-border-radius-trick/",
"publishedOn": "2021-11-12T23:54:00.000Z",
"wordCount": 708,
"wordCount": 821,
"title": "Other Looks at the Conditional Border Radius Trick"
},
{
@ -126,7 +116,7 @@
"description": "Bonafide CSS trick alert! Nelson Menezes figured out a new way (that only works in Firefox for now) that is awfully clever.\nPerhaps you know that CSS cannot animate to auto dimensions, which is super unfortunate. Animating from …\nThe post CSS Grid Can Do Auto Height Transitions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/css-grid-can-do-auto-height-transitions/",
"publishedOn": "2021-11-08T19:01:31.000Z",
"wordCount": 561,
"wordCount": 590,
"title": "CSS Grid Can Do Auto Height Transitions"
},
{
@ -169,7 +159,7 @@
"description": "The React team introduced several hooks in React 16.8 which you can use from third-party providers in your application, or even create your own custom hook. In this tutorial, well take a look at some of the most useful hooks in React and how to use them.",
"link": "https://smashingmagazine.com/2021/11/useful-react-hooks/",
"publishedOn": "2021-11-12T10:00:00.000Z",
"wordCount": 10258,
"wordCount": 10270,
"title": "Useful React Hooks That You Can Use In Your Projects",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ad5f8d5b-6da6-4441-a6f7-466c79e7fb0d/useful-react-hooks.jpg",
@ -183,7 +173,7 @@
"description": "Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity wont do. Well pursue greatness. And in that pursuit, well cover research, decluttering, and data visualization.",
"link": "https://smashingmagazine.com/2021/11/dashboard-design-research-decluttering-data-viz/",
"publishedOn": "2021-11-11T14:00:00.000Z",
"wordCount": 4303,
"wordCount": 4304,
"title": "From Good To Great In Dashboard Design: Research, Decluttering And Data Viz",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/835f0cba-e214-437a-a025-e69ba7691997/dashboard-design-research-decluttering-data-viz.jpg",
@ -197,7 +187,7 @@
"description": "Internationalized routing is not exactly a new feature on Next.js. In this article, we are not only checking what we get from this feature, but also how to leverage such functionalities to achieve the best user experience and a smooth developer experience as well.",
"link": "https://smashingmagazine.com/2021/11/localizing-your-nextjs-app/",
"publishedOn": "2021-11-09T13:00:00.000Z",
"wordCount": 1926,
"wordCount": 1917,
"title": "Localizing Your Next.js App",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/12e7620f-0e7b-4b95-a1b6-cd2f25ccac52/localizing-your-nextjs-app.jpg",
@ -225,7 +215,7 @@
"description": "A great commerce experience is not a Lighthouse score or a set of Core Web Vitals figures (although both are important inputs), but its also a trilemma that carefully balances competing needs of delivering a great customer experience, dynamic storefront capabilities and long-term business objectives.",
"link": "https://smashingmagazine.com/2021/11/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce/",
"publishedOn": "2021-11-08T14:30:00.000Z",
"wordCount": 1534,
"wordCount": 1538,
"title": "Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ee33395f-684a-40e5-bf72-56d9e9e4d975/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce.jpg",
@ -267,7 +257,7 @@
"description": "Within the last decade, technologies like GraphQL have changed how we build web apps and how they communicate with each other. GraphQL provides certain benefits over REST APIs — lets find out what they are.",
"link": "https://smashingmagazine.com/2021/11/graphql-frontend-react-apollo/",
"publishedOn": "2021-11-04T11:30:00.000Z",
"wordCount": 3397,
"wordCount": 3403,
"title": "GraphQL On The Front-End (React And Apollo)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bb584488-c16f-4409-a992-993ce92d4b51/graphql-frontend-react-apollo.jpg",
@ -281,7 +271,7 @@
"description": "Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform. In this article, we will learn and cover everything needed on using Serverless UI to deploy our projects or serverless applications to cloud services providers.",
"link": "https://smashingmagazine.com/2021/11/deep-dive-into-serverless-ui-typescript/",
"publishedOn": "2021-11-03T11:30:00.000Z",
"wordCount": 3636,
"wordCount": 3624,
"title": "A Deep Dive Into Serverless UI With TypeScript",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/aff46dfe-164d-4bf7-8e14-057470001b41/deep-dive-into-serverless-ui-typescript.jpg",
@ -295,7 +285,7 @@
"description": "This article sheds the spotlight on Magento PWAs and explains why business owners are getting them (often instead of native applications). Alex Husar introduces ways of how progressive web applications can be developed on Magento, as well as go over the major pros and cons of each development path.",
"link": "https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/",
"publishedOn": "2021-11-02T12:00:00.000Z",
"wordCount": 5964,
"wordCount": 5953,
"title": "Creating A Magento PWA: Customizing Themes vs. Coding From Scratch",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/77155632-96bd-44a8-af99-50ebad7534e6/magento-pwa-customizing-themes-coding.jpg",
@ -309,7 +299,7 @@
"description": "November is just around the corner, and with it, a new collection of desktop wallpapers to celebrate the beginning of the month. Designed by creatives from all across the globe, they come in versions with and without a calendar. Lets make November colorful!",
"link": "https://smashingmagazine.com/2021/10/desktop-wallpaper-calendars-november-2021/",
"publishedOn": "2021-10-31T08:20:00.000Z",
"wordCount": 2373,
"wordCount": 2383,
"title": "A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7a2a341f-4f72-4716-91c6-ed6da6add2fd/nov-21-no-shave-november-preview-opt.png",
@ -323,7 +313,7 @@
"description": "Stop wasting time and effort writing copy that falls flat. Raise your copywriting game and boost your powers of persuasion with these rich and informative online resources.",
"link": "https://smashingmagazine.com/2021/10/resources-tools-turbocharge-copywriting-skills/",
"publishedOn": "2021-10-29T10:00:00.000Z",
"wordCount": 2513,
"wordCount": 2508,
"title": "50 Resources And Tools To Turbocharge Your Copywriting Skills",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/376436ee-7e40-4d99-ad14-e934df9f92c9/resources-tools-turbocharge-copywriting-skills.jpg",
@ -337,7 +327,7 @@
"description": "The wealth of data that Amazon holds can make a huge difference when youre designing a product or hunting for a bargain. But, how can a developer get that data? Simple, by using a web scraper. Heres how to build your data extraction bot with Node.js.",
"link": "https://smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/",
"publishedOn": "2021-10-28T11:00:00.000Z",
"wordCount": 3162,
"wordCount": 3160,
"title": "How To Build An Amazon Product Scraper With Node.js",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/069a1796-0f8d-4936-bfc0-4aa988ef0594/building-amazon-product-scraper-nodejs.jpg",
@ -351,7 +341,7 @@
"description": "Thanks to technology, eye-tracking has become more accessible to UX research as it allows researchers to get insights about users visual attention. This article explores the latest trends in the eye-tracking market and how the methodology can be included in the UX researchers toolbox.",
"link": "https://smashingmagazine.com/2021/10/eye-tracking-mobile-ux-research/",
"publishedOn": "2021-10-27T10:00:00.000Z",
"wordCount": 3504,
"wordCount": 3503,
"title": "Eye-Tracking In Mobile UX Research",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3012986b-e407-4c49-8186-13a99528ef13/eye-tracking-mobile-ux-research.jpg",
@ -365,7 +355,7 @@
"description": "Nx is a build framework that facilitates optimization, efficient scaling of applications, and other features such as shared libraries and components. In this article, we will be looking at how we can effectively scale Next.js applications by using Nx.",
"link": "https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/",
"publishedOn": "2021-10-26T10:00:00.000Z",
"wordCount": 3028,
"wordCount": 3027,
"title": "Optimizing Next.js Applications With Nx",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/32b5517f-415c-43ed-98a6-70215d408f7a/optimizing-nextjs-applications-nx.jpg",
@ -379,7 +369,7 @@
"description": "In this article, we will go through how `object-fit` and `background-size` work, when we can use them, and why, along with some practical use cases and recommendations. Lets dive in.",
"link": "https://smashingmagazine.com/2021/10/object-fit-background-size-css/",
"publishedOn": "2021-10-25T13:00:00.000Z",
"wordCount": 2036,
"wordCount": 2032,
"title": "A Deep Dive Into object-fit And background-size In CSS",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/19e7f717-46d5-4949-96f4-671f4744d0e1/object-fit-background-size-css.jpg",
@ -393,7 +383,7 @@
"description": "Quasar is an open-source Vue.js-based cross-platform framework that allows you, as a developer, to easily build apps for both desktop and mobile using technologies such as Cordova and Electron and writing your code once. The app well build will store and get its data from Firebase, meaning that we will also be seeing how to use Firebase in Quasar.",
"link": "https://smashingmagazine.com/2021/10/introduction-quasar-framework-cross-platform-applications/",
"publishedOn": "2021-10-23T11:00:00.000Z",
"wordCount": 4925,
"wordCount": 4914,
"title": "An Introduction To Quasar Framework: Building Cross-Platform Applications",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e64d5e62-7c13-430a-90c6-f21b1c0325fe/introduction-quasar-framework-cross-platform-applications.jpg",
@ -407,7 +397,7 @@
"description": "This article highlights the process, technical decisions and lessons learned behind building the real-time game Autowuzzler. Learn how to share game state across multiple clients in real-time with Colyseus, do physics calculations with Matter.js, store data in Supabase.io and build the front-end with SvelteKit.",
"link": "https://smashingmagazine.com/2021/10/real-time-multi-user-game/",
"publishedOn": "2021-10-22T09:30:00.000Z",
"wordCount": 4639,
"wordCount": 4626,
"title": "How To Build A Real-Time Multi-User Game From Scratch",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/f27da7cf-e0e3-4ed4-a845-6fd61fdb0e70/real-time-multi-user-game.jpg",
@ -421,7 +411,7 @@
"description": "The `prefers-reduced-motion` media query has excellent support in all modern browsers going back a couple of years. In this article, Michelle Barker explains why theres no reason not to use it today to make your sites more accessible.",
"link": "https://smashingmagazine.com/2021/10/respecting-users-motion-preferences/",
"publishedOn": "2021-10-21T10:30:00.000Z",
"wordCount": 2881,
"wordCount": 2880,
"title": "Respecting Users Motion Preferences",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/df53065e-5b99-4a67-ad0c-2cd67b07dc2a/respecting-users-motion-preferences.jpg",
@ -435,7 +425,7 @@
"description": "Back in January 2020, Ben Holmes set out to do what just about every web developer does each year: rebuild his personal site. In this article, he shares his story of how he set out to build his own build pipeline from absolute ground zero and created “Slinkity”.",
"link": "https://smashingmagazine.com/2021/10/building-ssg-11ty-vite-jam-sandwich/",
"publishedOn": "2021-10-20T11:00:00.000Z",
"wordCount": 5037,
"wordCount": 5041,
"title": "Building The SSG Ive Always Wanted: An 11ty, Vite And JAM Sandwich",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1ff6275f-bf33-480f-bdd4-690e94f96314/building-ssg-11ty-vite-jam-sandwich.jpg",
@ -449,7 +439,7 @@
"description": "In this tutorial, Paul Scanlon explains how to build an API by using Gatsby Functions and what you need to keep in mind when deploying it to Gatsby Cloud.",
"link": "https://smashingmagazine.com/2021/10/building-api-gatsby-functions/",
"publishedOn": "2021-10-19T14:00:00.000Z",
"wordCount": 2527,
"wordCount": 2528,
"title": "Building An API With Gatsby Functions",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/110c2aa7-7744-48d6-a234-9e67e903cbe5/building-api-gatsby-functions.jpg",
@ -484,34 +474,6 @@
"length": "0",
"type": "image/jpg"
}
},
{
"id": "https://smashingmagazine.com/2021/10/effective-mental-health-routine-programmers/",
"author": "hello@smashingmagazine.com (Dave Oscar)",
"description": "In this article, well look at why taking care of our work-life balance is important, how to develop a simple and effective mental health routine, and the most common and efficient techniques you can use to make your custom routine.",
"link": "https://smashingmagazine.com/2021/10/effective-mental-health-routine-programmers/",
"publishedOn": "2021-10-16T10:00:00.000Z",
"wordCount": 2846,
"title": "A Simple But Effective Mental Health Routine For Programmers",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c36dd2b2-f807-42a7-b8d1-9e6e9a00b3e7/effective-mental-health-routine-for-programmers.jpg",
"length": "0",
"type": "image/jpg"
}
},
{
"id": "https://smashingmagazine.com/2021/10/tips-tricks-evaluating-ux-ui-designers/",
"author": "hello@smashingmagazine.com (Nataliya Sambir)",
"description": "Customers may start using your app because you offer a unique product, but user experience is what makes them stay. For that, you need excellent UX designers, and the know-how to spot them when hiring.",
"link": "https://smashingmagazine.com/2021/10/tips-tricks-evaluating-ux-ui-designers/",
"publishedOn": "2021-10-15T13:00:00.000Z",
"wordCount": 4018,
"title": "Tips And Tricks For Evaluating UX/UI Designers",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/727cbd89-cbf4-4a29-af64-ac51d777ffba/tips-tricks-evaluating-ux-ui-designers.jpg",
"length": "0",
"type": "image/jpg"
}
}
]
},

View file

@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>urn:2021-11-14T00:43:25.202Z</id>
<id>urn:2021-11-15T00:42:07.376Z</id>
<title>osmos::feed</title>
<updated>2021-11-14T00:43:25.202Z</updated>
<updated>2021-11-15T00:42:07.376Z</updated>
<generator>osmosfeed 1.11.3</generator>
<link rel="alternate" href="index.html"/>
<entry>
@ -510,36 +510,4 @@ The post Favicons: How to Make Sure Browsers Only Download the SVG Version appea
<name>hello@smashingmagazine.com (Arijit Mondal)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[A Simple But Effective Mental Health Routine For Programmers]]></title>
<id>https://smashingmagazine.com/2021/10/effective-mental-health-routine-programmers/</id>
<link href="https://smashingmagazine.com/2021/10/effective-mental-health-routine-programmers/"/>
<updated>2021-10-16T10:00:00.000Z</updated>
<summary type="html"><![CDATA[In this article, well look at why taking care of our work-life balance is important, how to develop a simple and effective mental health routine, and the most common and efficient techniques you can use to make your custom routine.]]></summary>
<author>
<name>hello@smashingmagazine.com (Dave Oscar)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.11.3]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.3</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.3"/>
<updated>2021-10-16T00:01:47.000Z</updated>
<summary type="html"><![CDATA[Fixed: broken links in documentation
Chore: Dependency updates
Thank you: @hirdot]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Tips And Tricks For Evaluating UX/UI Designers]]></title>
<id>https://smashingmagazine.com/2021/10/tips-tricks-evaluating-ux-ui-designers/</id>
<link href="https://smashingmagazine.com/2021/10/tips-tricks-evaluating-ux-ui-designers/"/>
<updated>2021-10-15T13:00:00.000Z</updated>
<summary type="html"><![CDATA[Customers may start using your app because you offer a unique product, but user experience is what makes them stay. For that, you need excellent UX designers, and the know-how to spot them when hiring.]]></summary>
<author>
<name>hello@smashingmagazine.com (Nataliya Sambir)</name>
</author>
</entry>
</feed>

View file

@ -27,7 +27,7 @@
<summary class="article-expander__title">Other Looks at the Conditional Border Radius Trick</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/other-looks-at-the-conditional-border-radius-trick/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span class="article-reading-time">(3 min)</span>
<span>Remember when Ahmad Shadeed wrote about that border-radius “toggle” he found in Facebooks CSS? It was interesting! I covered it. A few weeks after that surge of linkage, a couple of articles came out digging into it a little deeper. …
The post Other Looks at the Conditional Border Radius Trick appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
@ -847,72 +847,9 @@ The post Favicons: How to Make Sure Browsers Only Download the SVG Version appea
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-10-16">2021-10-16</time></h2>
<ul class="sources card">
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://github.com/osmoscraft/osmosfeed/releases">Release notes from osmosfeed</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">v1.11.3</summary>
<a class="article-summary-link article-summary-box-outer" href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.3">
<div class="article-summary-box-inner">
<span class="article-reading-time">(1 min)</span>
<span>Fixed: broken links in documentation
Chore: Dependency updates
Thank you: @hirdot</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">A Simple But Effective Mental Health Routine For Programmers</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/effective-mental-health-routine-programmers/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(9 min)</span>
<span>In this article, well look at why taking care of our work-life balance is important, how to develop a simple and effective mental health routine, and the most common and efficient techniques you can use to make your custom routine.</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-10-15">2021-10-15</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">Tips And Tricks For Evaluating UX/UI Designers</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/tips-tricks-evaluating-ux-ui-designers/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(13 min)</span>
<span>Customers may start using your app because you offer a unique product, but user experience is what makes them stay. For that, you need excellent UX designers, and the know-how to spot them when hiring.</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<footer>
<time id="build-timestamp" datetime="2021-11-14T00:43:25.183Z">2021-11-14T00:43:25.183Z</time>
<time id="build-timestamp" datetime="2021-11-15T00:42:07.353Z">2021-11-15T00:42:07.353Z</time>
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.3</a></span>
</footer>
<script src="index.js"></script>