From f3bf8d75ce115085cd9429efbf360bf3cf6c8809 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Thu, 6 May 2021 00:33:35 +0000 Subject: [PATCH] deploy: 2b402f0918faf71cb166d59399e1b9f49dbe1be1 --- cache.json | 119 +++++++++++++++++++++++++---------------------- index.html | 134 ++++++++++++++++++++++++++++++----------------------- 2 files changed, 139 insertions(+), 114 deletions(-) diff --git a/cache.json b/cache.json index bbd72b2..6f1b88a 100644 --- a/cache.json +++ b/cache.json @@ -4,10 +4,10 @@ "href": "https://github.com/osmoscraft/osmosfeed/releases.atom", "articles": [ { - "description": "Added: Custom CSS and JavaScript via includes folder. See documentation.", + "description": "Added: Basic theme customization: Demo | Source. See documentation.", "link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.4.0", - "publishedOn": "2021-05-05T05:27:20.000Z", - "wordCount": 285, + "publishedOn": "2021-05-05T07:20:50.000Z", + "wordCount": 284, "sourceHref": "https://github.com/osmoscraft/osmosfeed/releases.atom", "sourceTitle": "Release notes from osmosfeed", "title": "v1.4.0" @@ -89,11 +89,38 @@ { "href": "https://css-tricks.com/feed/", "articles": [ + { + "description": "You can’t even look at code or documentation for Astro (publicly) yet — it’s an in-progress idea — but you can watch a video of Fred showing it off to Feross. \nI gotta admit: it looks awesome. I’m bullish …\nThe post Astro appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/astro/", + "publishedOn": "2021-05-05T21:49:23.000Z", + "wordCount": 840, + "sourceHref": "https://css-tricks.com/feed/", + "sourceTitle": "CSS-Tricks", + "title": "Astro" + }, + { + "description": "The bombshell article of the week is from Alex Russell of Google/Chrome. Alex has long been super critical of Apple, particularly about how there is literally no option to run any other browser than Safari on iOS. This article isn’t …\nThe post Progress Delayed Is Progress Denied appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://infrequently.org/2021/04/progress-delayed/", + "publishedOn": "2021-05-05T16:51:23.000Z", + "wordCount": 6690, + "sourceHref": "https://css-tricks.com/feed/", + "sourceTitle": "CSS-Tricks", + "title": "Progress Delayed Is Progress Denied" + }, + { + "description": "Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone!\nIt‘s not clear who started prefixing, or when it began exactly. What is clear, is …\nThe post Is Vendor Prefixing Dead? appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/is-vendor-prefixing-dead/", + "publishedOn": "2021-05-05T14:18:28.000Z", + "wordCount": 3080, + "sourceHref": "https://css-tricks.com/feed/", + "sourceTitle": "CSS-Tricks", + "title": "Is Vendor Prefixing Dead?" + }, { "description": "This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is …\nThe post 16px or Larger Text Prevents iOS Form Zoom appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/", "publishedOn": "2021-05-04T21:16:04.000Z", - "wordCount": 590, + "wordCount": 630, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "16px or Larger Text Prevents iOS Form Zoom" @@ -111,7 +138,7 @@ "description": "I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and Eric took the time to point out the misleading nature …\nThe post Let’s use (X, X, X, X) for talking about specificity appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/lets-use-x-x-x-x-for-talking-about-specificity/", "publishedOn": "2021-05-04T14:19:55.000Z", - "wordCount": 861, + "wordCount": 874, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "Let’s use (X, X, X, X) for talking about specificity" @@ -129,7 +156,7 @@ "description": "In June of 2006, web developers and designers from around the world came to London for the second annual @media conference. The first had been a huge success, and @media 2006 had even more promise. Its speaker lineup was pulled …\nThe post Chapter 8: CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/chapter-8-css/", "publishedOn": "2021-05-03T21:52:08.000Z", - "wordCount": 6465, + "wordCount": 6507, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "Chapter 8: CSS" @@ -147,7 +174,7 @@ "description": "I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …\nThe post WebPageTest API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/webpagetest-api/", "publishedOn": "2021-05-03T14:34:53.000Z", - "wordCount": 8905, + "wordCount": 8938, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "WebPageTest API" @@ -196,39 +223,21 @@ "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "Sending Large Files" - }, - { - "description": "Raygun is an error and performance monitoring software for websites and mobile apps. In the case of websites, you install their JavaScript snippet onto your site, which takes 2 seconds, and now you’ve got monitoring in place. Why? Well now …\nThe post How to Monitor Core Web Vitals and Take Action with Raygun appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/how-to-monitor-core-web-vitals-and-take-action-with-raygun/", - "publishedOn": "2021-04-29T17:50:39.000Z", - "wordCount": 798, - "sourceHref": "https://css-tricks.com/feed/", - "sourceTitle": "CSS-Tricks", - "title": "How to Monitor Core Web Vitals and Take Action with Raygun" - }, - { - "description": "Lists—we’ve all worked with them in one form or another. I’m talking about HTML’s <ol> and <ul>. Much of the time, because we desire styling control, we turn off the list’s markers completely with list-style-type: none, and start …\nThe post List Markers and String Styles appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/list-markers-and-string-styles/", - "publishedOn": "2021-04-29T14:32:41.000Z", - "wordCount": 1091, - "sourceHref": "https://css-tricks.com/feed/", - "sourceTitle": "CSS-Tricks", - "title": "List Markers and String Styles" - }, - { - "description": "This post was written for engineering managers, but anyone is welcome to read it.\nLet’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, …\nThe post Your Team is Not “Them” appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/your-team-is-not-them/", - "publishedOn": "2021-04-28T19:35:32.000Z", - "wordCount": 1922, - "sourceHref": "https://css-tricks.com/feed/", - "sourceTitle": "CSS-Tricks", - "title": "Your Team is Not “Them”" } ] }, { "href": "https://www.smashingmagazine.com/feed/", "articles": [ + { + "description": "This article showcases a case study of Bookaway’s landing page performance. We’ll see how taking care of the props we send to Next.js pages can make loading times and Web Vitals better.", + "link": "https://smashingmagazine.com/2021/05/reduce-data-sent-client-nextjs/", + "publishedOn": "2021-05-05T10:30:00.000Z", + "wordCount": 2296, + "sourceHref": "https://www.smashingmagazine.com/feed/", + "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", + "title": "Reducing HTML Payload With Next.js (Case Study)" + }, { "description": "No matter how experienced you are, mistakes are an inevitable part of software development. But we can learn to repair them! And this is what we'll be looking at in this two-part series: how to undo mistakes using Git.", "link": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/", @@ -269,7 +278,7 @@ "description": "Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from [Addy's new book](https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/) (also, check a [free PDF preview](http://provide.smashingmagazine.com/eBooks/image-optimization-sample-chapter.pdf)).", "link": "https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/", "publishedOn": "2021-04-29T12:15:00.000Z", - "wordCount": 5289, + "wordCount": 5325, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "The Humble `` Element And Core Web Vitals" @@ -278,7 +287,7 @@ "description": "The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.", "link": "https://smashingmagazine.com/2021/04/image-optimization-pre-release/", "publishedOn": "2021-04-28T13:20:00.000Z", - "wordCount": 2136, + "wordCount": 2130, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Meet Image Optimization, A New Smashing Book By Addy Osmani" @@ -404,7 +413,7 @@ "description": "Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.", "link": "https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/", "publishedOn": "2021-04-12T12:30:00.000Z", - "wordCount": 2965, + "wordCount": 3142, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "A Complete Guide To HTML Email" @@ -450,11 +459,20 @@ { "href": "https://www.freecodecamp.org/news/rss/", "articles": [ + { + "description": "OpenCV is a library of programming functions mainly aimed at real-time computer vision. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenCV in the cloud with Python. Misbah Mohammed created this course. He has a lot of experience with machine", + "link": "https://www.freecodecamp.org/news/create-computer-vision-apps-in-the-cloud-with-opencv-and-python/", + "publishedOn": "2021-05-05T21:11:40.000Z", + "wordCount": 352, + "sourceHref": "https://www.freecodecamp.org/news/rss/", + "sourceTitle": "freeCodeCamp.org", + "title": "Create Computer Vision Apps in the Cloud With OpenCV and Python" + }, { "description": "A complete guide to Node.js async await", "link": "https://www.freecodecamp.org/news/node-js-async-await-tutorial-with-asynchronous-javascript-examples/", "publishedOn": "2021-05-04T16:07:17.000Z", - "wordCount": 2235, + "wordCount": 2241, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Node.js Async Await Tutorial – With Asynchronous JavaScript Examples" @@ -463,7 +481,7 @@ "description": "To copy files or directories in Unix-based operating systems (Linux and MacOS), you use the cp command. The cp command is a relatively simple command, but its behavior changes slightly depending on the inputs (files vs directories) and the options you pass to it. To view the documentation or manual", "link": "https://www.freecodecamp.org/news/copy-a-directory-in-linux-how-to-cp-a-folder-in-the-command-line-in-linux-and-unix-macos/", "publishedOn": "2021-05-04T15:33:12.000Z", - "wordCount": 1012, + "wordCount": 1018, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Copy a Directory in Linux – How to cp a Folder in the Command Line in Linux and Unix (MacOS)" @@ -472,7 +490,7 @@ "description": "Let's go through the five best ways that you can fetch data with React from a GraphQL API. While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL. I've included", "link": "https://www.freecodecamp.org/news/5-ways-to-fetch-data-react-graphql/", "publishedOn": "2021-05-03T17:20:56.000Z", - "wordCount": 2495, + "wordCount": 2501, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "How to Fetch Data in React from a GraphQL API" @@ -481,7 +499,7 @@ "description": "In this article, we'll see some of the common mistakes that React developers make, and how you can avoid them. So let's get started. Don't Forget that Every Route Change Mounts and Unmounts a ComponentWhenever you're using routing in a React application, you declare routes inside the Switch component. This", "link": "https://www.freecodecamp.org/news/common-mistakes-react-developers-make-and-how-to-fix-them/", "publishedOn": "2021-05-03T16:40:08.000Z", - "wordCount": 1158, + "wordCount": 1164, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Common Mistakes React Developers Make – And How to Fix Them" @@ -490,7 +508,7 @@ "description": "Cross Site Request Forgery, or CSRF occurs when a malicious site or program causes a user's browser to perform an unwanted action on a trusted site when the user is authenticated. Any malicious action is limited to the capability of the website to which the user is authenticated. For example,", "link": "https://www.freecodecamp.org/news/what-is-cross-site-request-forgery/", "publishedOn": "2021-05-03T16:13:55.000Z", - "wordCount": 1398, + "wordCount": 1404, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Cross Site Request Forgery – What is a CSRF Attack and How to Prevent It" @@ -499,7 +517,7 @@ "description": "You can learn everything you need to know to earn the Azure Administrator Certification by completing this free 11-hour course. What is Microsoft Azure Administrator?The Azure Administrator is the most popular Azure certification because it provides the broadest amount of practical knowledge to manage Azure infrastructure. It also allows", "link": "https://www.freecodecamp.org/news/azure-administrator-certification-az-104-pass-the-exam-with-this-free-11-hour-course/", "publishedOn": "2021-05-03T15:31:42.000Z", - "wordCount": 890, + "wordCount": 896, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Azure Administrator Certification (AZ-104) – Pass the Exam With This Free 11-Hour Course" @@ -508,7 +526,7 @@ "description": "These days, computers can pretty much do anything. Now if you are a frequent computer user like I am, I'm sure you interact with the keyboard all the time. And in this article, I'm going to show you some helpful keyboard shortcuts that will make your work easier", "link": "https://www.freecodecamp.org/news/keyboard-shortcuts-improve-productivity/", "publishedOn": "2021-04-30T18:37:37.000Z", - "wordCount": 1334, + "wordCount": 1340, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Keyboard Shortcuts to Improve Your Coding Productivity" @@ -517,7 +535,7 @@ "description": "In this article, you'll practice your JavaScript skills while streamlining your household chores by creating your very own home inventory system. I've often found that it's hard to keep track common household items that I buy frequently such as food, spices, medicine, and the like. It's annoying at best and", "link": "https://www.freecodecamp.org/news/nodejs-and-cloud-firestore-tutorial-build-a-home-inventory-system/", "publishedOn": "2021-04-30T16:26:24.000Z", - "wordCount": 1429, + "wordCount": 1435, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Node.js and Cloud Firestore Tutorial – How to Build a Home Inventory System" @@ -526,19 +544,10 @@ "description": "Docker is an open source project that makes it easy to create containers and container-based apps. Docker's lightweight and portable software containers simplify application development, testing, and deployment. We just released a course on the freeCodeCamp.org YouTube channel that will help you learn the core fundamentals of Docker by", "link": "https://www.freecodecamp.org/news/learn-docker-by-building-a-node-express-app/", "publishedOn": "2021-04-29T20:05:04.000Z", - "wordCount": 496, + "wordCount": 502, "sourceHref": "https://www.freecodecamp.org/news/rss/", "sourceTitle": "freeCodeCamp.org", "title": "Learn Docker by Building a Node / Express App" - }, - { - "description": "In this article, I'll teach you CSS Flexbox basics so you can make your own responsive sites. I'll explain how each of Flexbox's properties work, and I'll give you a cheatsheet that covers everything you can do with Flexbox. Let's Go 🎖️ Table of ContentsFlexbox Architectureflex-directionjustify-contentalign-contentalign-itemsalign-selfflex - grow | shrink | wrap | basisShort", - "link": "https://www.freecodecamp.org/news/css-flexbox-tutorial-with-cheatsheet/", - "publishedOn": "2021-04-28T19:33:57.000Z", - "wordCount": 1289, - "sourceHref": "https://www.freecodecamp.org/news/rss/", - "sourceTitle": "freeCodeCamp.org", - "title": "CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️" } ] } diff --git a/index.html b/index.html index 7fe8682..326fee5 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,79 @@

2021-05-05

+

CSS-Tricks

+
+ +
+
+ Astro +
+

You can’t even look at code or documentation for Astro (publicly) yet — it’s an in-progress idea — but you can watch a video of Fred showing it off to Feross. +I gotta admit: it looks awesome. I’m bullish … +The post Astro appeared first on CSS-Tricks. +You can support CSS-Tricks by being an MVP Supporter.

+ Read · 3 min +
+
+
+ +
+
+ Progress Delayed Is Progress Denied +
+

The bombshell article of the week is from Alex Russell of Google/Chrome. Alex has long been super critical of Apple, particularly about how there is literally no option to run any other browser than Safari on iOS. This article isn’t … +The post Progress Delayed Is Progress Denied appeared first on CSS-Tricks. +You can support CSS-Tricks by being an MVP Supporter.

+ Read · 22 min +
+
+
+ +
+
+ Is Vendor Prefixing Dead? +
+

Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone! +It‘s not clear who started prefixing, or when it began exactly. What is clear, is … +The post Is Vendor Prefixing Dead? appeared first on CSS-Tricks. +You can support CSS-Tricks by being an MVP Supporter.

+ Read · 10 min +
+
+
+
+ + +

freeCodeCamp.org

+
+ +
+
+ Create Computer Vision Apps in the Cloud With OpenCV and Python +
+

OpenCV is a library of programming functions mainly aimed at real-time computer vision. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenCV in the cloud with Python. Misbah Mohammed created this course. He has a lot of experience with machine

+ Read · 1 min +
+
+
+
+ + +

Articles on Smashing Magazine — For Web Designers And Developers

+
+ +
+
+ Reducing HTML Payload With Next.js (Case Study) +
+

This article showcases a case study of Bookaway’s landing page performance. We’ll see how taking care of the props we send to Next.js pages can make loading times and Web Vitals better.

+ Read · 8 min +
+
+
+
+ +

Release notes from osmosfeed

@@ -23,7 +96,7 @@
v1.4.0
-

Added: Custom CSS and JavaScript via includes folder. See documentation.

+

Added: Basic theme customization: Demo | Source. See documentation.

Read · 1 min
@@ -477,30 +550,6 @@ You can support CSS-Tricks by being an MVP Supporter.

- -
-
- How to Monitor Core Web Vitals and Take Action with Raygun -
-

Raygun is an error and performance monitoring software for websites and mobile apps. In the case of websites, you install their JavaScript snippet onto your site, which takes 2 seconds, and now you’ve got monitoring in place. Why? Well now … -The post How to Monitor Core Web Vitals and Take Action with Raygun appeared first on CSS-Tricks. -You can support CSS-Tricks by being an MVP Supporter.

- Read · 3 min -
-
-
- -
-
- List Markers and String Styles -
-

Lists—we’ve all worked with them in one form or another. I’m talking about HTML’s <ol> and <ul>. Much of the time, because we desire styling control, we turn off the list’s markers completely with list-style-type: none, and start … -The post List Markers and String Styles appeared first on CSS-Tricks. -You can support CSS-Tricks by being an MVP Supporter.

- Read · 4 min -
-
-
@@ -524,39 +573,6 @@ You can support CSS-Tricks by being an MVP Supporter.

2021-04-28

-

CSS-Tricks

-
- -
-
- Your Team is Not “Them” -
-

This post was written for engineering managers, but anyone is welcome to read it. -Let’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, … -The post Your Team is Not “Them” appeared first on CSS-Tricks. -You can support CSS-Tricks by being an MVP Supporter.

- Read · 6 min -
-
-
-
- - -

freeCodeCamp.org

-
- -
-
- CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️ -
-

In this article, I'll teach you CSS Flexbox basics so you can make your own responsive sites. I'll explain how each of Flexbox's properties work, and I'll give you a cheatsheet that covers everything you can do with Flexbox. Let's Go 🎖️ Table of ContentsFlexbox Architectureflex-directionjustify-contentalign-contentalign-itemsalign-selfflex - grow | shrink | wrap | basisShort

- Read · 4 min -
-
-
-
- -

Articles on Smashing Magazine — For Web Designers And Developers

@@ -914,7 +930,7 @@ You can support CSS-Tricks by being an MVP Supporter.