prehistoric-systems/osmosfeed-template
1
0
Fork 0
mirror of https://github.com/osmoscraft/osmosfeed-template.git synced 2026-03-11 14:44:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

deploy: 1f5684a2ae

Browse source
This commit is contained in:
chuanqisun 2021-11-24 00:42:26 +00:00
parent ef2bf9892b
commit 62101b9fa0
3 changed files with 342 additions and 291 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

202
cache.json
View file

@ -11,13 +11,31 @@
"feedUrl": "https://css-tricks.com/feed/",
"siteUrl": "https://css-tricks.com",
"articles": [
{
"id": "https://css-tricks.com/?p=357412",
"author": "Chris Coyier",
"description": "Tyler Sticka digs in here in the best possible way: by making a test page and literally measuring performance. Maybe 1,000 icons is a little bit of an edge case, but hey, 250 rows of data with four icons in …\nThe post Which SVG technique performs best for way too many icons? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/which-svg-technique-performs-best-for-way-too-many-icons/",
"publishedOn": "2021-11-23T19:21:28.000Z",
"wordCount": 461,
"title": "Which SVG technique performs best for way too many icons?"
},
{
"id": "https://css-tricks.com/?p=356977",
"author": "Alaa Abd El-Rahim",
"description": "Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected …\nThe post Control Layout in a Multi-Directional Website appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/control-layout-in-a-multi-directional-website/",
"publishedOn": "2021-11-23T16:06:44.000Z",
"wordCount": 4037,
"title": "Control Layout in a Multi-Directional Website"
},
{
"id": "https://css-tricks.com/?p=357149",
"author": "Chris Coyier",
"description": "Inspired by Eva PenzeyMoog’s new book, Jeremy highlights the widespread user tracking situation in this industry:\nThere was a line that really stood out to me: \nThe idea that it’s alright to do whatever unethical thing is currently the \n…\nThe post On User Tracking and Industry Standards on Privacy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/on-user-tracking-and-industry-standards-on-privacy/",
"publishedOn": "2021-11-22T21:00:50.000Z",
"wordCount": 1616,
"wordCount": 1985,
"title": "On User Tracking and Industry Standards on Privacy"
},
{
@ -26,7 +44,7 @@
"description": "A reader wrote to me the other day asking about this bit of CSS they came across in Wikipedia’s Common.css:\n.mw-collapsible-leftside-toggle .mw-collapsible-toggle {\n /* @noflip */\n float: left;\n /* @noflip */\n text-align: left;\n}\nWhat’s that @noflip business? That’s …\nThe post CSS “decorations” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/css-decorations/",
"publishedOn": "2021-11-22T18:48:00.000Z",
"wordCount": 770,
"wordCount": 898,
"title": "CSS “decorations”"
},
{
@ -35,7 +53,7 @@
"description": "We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of …\nThe post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/responsive-layouts-fewer-media-queries/",
"publishedOn": "2021-11-22T15:29:03.000Z",
"wordCount": 4274,
"wordCount": 4517,
"title": "Responsive Layouts, Fewer Media Queries"
},
{
@ -71,7 +89,7 @@
"description": "VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of …\nThe post The Many Faces of VS Code in the Browser appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/the-many-faces-of-vs-code-in-the-browser/",
"publishedOn": "2021-11-18T20:22:27.000Z",
"wordCount": 1637,
"wordCount": 1727,
"title": "The Many Faces of VS Code in the Browser"
},
{
@ -127,24 +145,6 @@
"publishedOn": "2021-11-17T00:49:00.000Z",
"wordCount": 1009,
"title": "A Clever Sticky Footer Technique"
},
{
"id": "https://css-tricks.com/?p=356849",
"author": "Geoff Graham",
"description": "Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer …\nThe post Line length revisited: following the research appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/line-length-revisited-following-the-research/",
"publishedOn": "2021-11-16T21:35:39.000Z",
"wordCount": 1085,
"title": "Line length revisited: following the research"
},
{
"id": "https://css-tricks.com/?p=356491",
"author": "Hilman Ramadhan",
"description": "Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are a big part of that story. That opens up the idea of …\nThe post Generate a Pull Request of Static Content With a Simple HTML Form appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/generate-a-pull-request-of-static-content-with-a-simple-html-form/",
"publishedOn": "2021-11-16T15:37:50.000Z",
"wordCount": 1784,
"title": "Generate a Pull Request of Static Content With a Simple HTML Form"
}
]
},
@ -153,6 +153,20 @@
"feedUrl": "https://www.smashingmagazine.com/feed/",
"siteUrl": "https://www.smashingmagazine.com/",
"articles": [
{
"id": "https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/",
"author": "hello@smashingmagazine.com (John C Barstow)",
"description": "With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, we’ll explore those techniques by adding a dyslexia-friendly mode to an existing design.",
"link": "https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/",
"publishedOn": "2021-11-23T10:00:00.000Z",
"wordCount": 2762,
"title": "Adding A Dyslexia-Friendly Mode To A Website",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e1fb4e46-6f0a-4631-a04c-d42376eddc82/dyslexia-friendly-mode-website.jpg",
"length": "0",
"type": "image/jpg"
}
},
{
"id": "https://smashingmagazine.com/2021/11/smashingconf-workshops-winter-2021/",
"author": "hello@smashingmagazine.com (Iris Lješnjanin)",
@ -173,7 +187,7 @@
"description": "Implementing a performance culture is very important. In this article, Dan Shappir shares which actions and processes the Wix team put in place in order to achieve dramatic improvements in the performance of websites built and hosted on their platform.",
"link": "https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/",
"publishedOn": "2021-11-22T10:30:00.000Z",
"wordCount": 4765,
"wordCount": 4767,
"title": "Improving The Performance Of Wix Websites (Case Study)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/253b5a80-a208-4057-95b0-60762c922d07/improving-performance-wix-websites-case-study.jpg",
@ -187,7 +201,7 @@
"description": "Hosting with a wildcard subdomain enables your users to visit your site on any subdomain of your domain (*.example.com), and as you can imagine, we can use this to create unique user experiences which we’ll be exploring in this article through a Next.js lens.",
"link": "https://smashingmagazine.com/2021/11/nextjs-wildcard-subdomains/",
"publishedOn": "2021-11-19T10:30:00.000Z",
"wordCount": 2205,
"wordCount": 2220,
"title": "Next.js Wildcard Subdomains",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2b24747b-6f11-4588-a119-16eaf38bc933/nextjs-wildcard-subdomains.jpg",
@ -201,7 +215,7 @@
"description": "In this article, we’ll take a look at the best ways to handle colors in CSS today, some tips for using them in a design system, and what we can expect from our colors in the not-too-distant future.",
"link": "https://smashingmagazine.com/2021/11/guide-modern-css-colors/",
"publishedOn": "2021-11-17T16:00:00.000Z",
"wordCount": 3490,
"wordCount": 3487,
"title": "A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b424cd2e-1e44-4ca2-8506-4e45a5bdb570/guide-modern-css-colors.jpg",
@ -229,7 +243,7 @@
"description": "What’s your favorite command-line tool? In this post, Louis Lazaris shares a collection of relevant command-line apps and utilities that he has personally come across in the past few years. If there’s a useful one that hasn’t been mentioned and one you use regularly, please do share it in the comments.",
"link": "https://smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/",
"publishedOn": "2021-11-15T13:00:00.000Z",
"wordCount": 2147,
"wordCount": 2144,
"title": "Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a2d3081a-5a36-4763-9b94-13bf7d1cb5d6/powerful-terminal-commandline-tools-modern-web-development.jpg",
@ -243,7 +257,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, we’ll 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": 10274,
"wordCount": 10261,
"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",
@ -257,7 +271,7 @@
"description": "Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity won’t do. We’ll pursue greatness. And in that pursuit, we’ll 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": 4304,
"wordCount": 4306,
"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",
@ -271,7 +285,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": 1924,
"wordCount": 1912,
"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",
@ -299,7 +313,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 it’s 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": 1525,
"wordCount": 1524,
"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",
@ -313,7 +327,7 @@
"description": "Concept testing ideas before moving into a detailed design is good UX practice. In this article, Victor Yocco presents details on how and when to engage in concept testing, as well as case studies providing details on the insights gained in two very different settings.",
"link": "https://smashingmagazine.com/2021/11/concept-testing-part-of-product-design/",
"publishedOn": "2021-11-05T11:00:00.000Z",
"wordCount": 6203,
"wordCount": 6211,
"title": "The Value Of Concept Testing As Part Of Product Design",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ca39dbc3-101c-4973-9dce-debb1ab283ff/concept-testing-part-of-product-design.jpg",
@ -341,7 +355,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 — let’s find out what they are.",
"link": "https://smashingmagazine.com/2021/11/graphql-frontend-react-apollo/",
"publishedOn": "2021-11-04T11:30:00.000Z",
"wordCount": 3398,
"wordCount": 3404,
"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",
@ -355,7 +369,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": 3624,
"wordCount": 3623,
"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",
@ -369,7 +383,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": 5953,
"wordCount": 5956,
"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",
@ -383,7 +397,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. Let’s make November colorful!",
"link": "https://smashingmagazine.com/2021/10/desktop-wallpaper-calendars-november-2021/",
"publishedOn": "2021-10-31T08:20:00.000Z",
"wordCount": 2386,
"wordCount": 2378,
"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",
@ -397,7 +411,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": 2505,
"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",
@ -411,7 +425,7 @@
"description": "The wealth of data that Amazon holds can make a huge difference when you’re designing a product or hunting for a bargain. But, how can a developer get that data? Simple, by using a web scraper. Here’s 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": 3166,
"wordCount": 3174,
"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",
@ -439,7 +453,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": 3026,
"wordCount": 3037,
"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",
@ -453,7 +467,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. Let’s dive in.",
"link": "https://smashingmagazine.com/2021/10/object-fit-background-size-css/",
"publishedOn": "2021-10-25T13:00:00.000Z",
"wordCount": 2035,
"wordCount": 2036,
"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",
@ -468,6 +482,60 @@
"feedUrl": "https://www.freecodecamp.org/news/rss/",
"siteUrl": "https://www.freecodecamp.org/news",
"articles": [
{
"id": "6197c7ce11d3cb08287a9271",
"author": null,
"description": "I’m an AI researcher, and I’ve received quite a few emails asking me just how much math is required in Artificial Intelligence. I won’t lie: it’s a lot of math. And this is one of the reasons AI puts off many beginners. After much research and",
"link": "https://www.freecodecamp.org/news/all-the-math-you-need-in-artificial-intelligence/",
"publishedOn": "2021-11-24T00:12:40.000Z",
"wordCount": 1041,
"title": "All the Math You Need to Know in Artificial Intelligence"
},
{
"id": "619bb55911d3cb08287aa581",
"author": null,
"description": "In this talk, CTO Cornelia Davis will teach you what GitOps is and what its four main principles are. What is GitOps?The first thing you need to know is that GitOps is a set of modern best practises for deploying and managing cloud native infrastructure and applications. And it",
"link": "https://www.freecodecamp.org/news/gitops-principles-kubernetes-workflow/",
"publishedOn": "2021-11-23T22:50:29.000Z",
"wordCount": 617,
"title": "What is GitOps? Principles, Best Practices, and Kubernetes Workflow"
},
{
"id": "619cb4e711d3cb08287ab00c",
"author": null,
"description": "What if you plug in your headphones to listen to your favorite music, watch a movie, or do something else and your computer fails to recognize the headphones? That's frustrating. Your computer not recognizing your headphones is a fairly common issue in Windows 10 PCs. It could be caused by",
"link": "https://www.freecodecamp.org/news/computer-not-recognizing-headphones-windows-10-pc-headphone-tutorial/",
"publishedOn": "2021-11-23T15:47:53.000Z",
"wordCount": 716,
"title": "Computer Not Recognizing Headphones – Windows 10 PC Headphone Tutorial"
},
{
"id": "6197bcba11d3cb08287a90cc",
"author": null,
"description": "I’m an AI researcher, so one of the main things I deal with is data. A lot of it. With more than 2.5 exabytes of data generated every day, it comes as no surprise that this data needs to be stored somewhere where we can access it when",
"link": "https://www.freecodecamp.org/news/learn-sql-in-10-minutes/",
"publishedOn": "2021-11-23T15:36:59.000Z",
"wordCount": 4992,
"title": "SQL Commands Cheat Sheet – How to Learn SQL in 10 Minutes"
},
{
"id": "6198c2d511d3cb08287a97e2",
"author": null,
"description": "It's tricky to make a good-looking and functional table of contents in Microsoft Word. You might often encounter documents that have messy tables of contents along with navigation panes with links to missing headings, non harmonized styles, and badly structured sections. This wouldn't be a big problem for smaller documents,",
"link": "https://www.freecodecamp.org/news/how-to-create-customizable-table-of-contents-in-microsoft-word/",
"publishedOn": "2021-11-23T15:34:00.000Z",
"wordCount": 1608,
"title": "How to Create a Customizable Table of Contents in Word"
},
{
"id": "6195174b11d3cb08287a7b96",
"author": null,
"description": "In this blog post, I will show you which free WordPress plugins you should use and how to configure them to significantly improve your WordPress website's performance. Web performance is an essential SEO factor, and you shouldn’t underestimate it. Each second your website takes to load can hurt your",
"link": "https://www.freecodecamp.org/news/wordpress-plugins-to-improve-your-website-performance/",
"publishedOn": "2021-11-23T02:09:07.000Z",
"wordCount": 1767,
"title": "5 WordPress Plugins to Improve Your Website's Performance"
},
{
"id": "619909b111d3cb08287a9bd9",
"author": null,
@ -492,7 +560,7 @@
"description": "Today we're gonna practice our React JS skills by building a Rick and Morty Character Wiki. Here's what we'll build today: Here's a [live demo of the project] 👇 https://react-projects-psi.vercel.app/. And here's the GitHub Repository. The topics we'll cover while building this project are: React Hooks (useState, useEffect)",
"link": "https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/",
"publishedOn": "2021-11-22T19:13:34.000Z",
"wordCount": 4193,
"wordCount": 4369,
"title": "ReactJS Project – Build a Rick and Morty Character Wiki"
},
{
@ -503,60 +571,6 @@
"publishedOn": "2021-11-22T17:10:42.000Z",
"wordCount": 736,
"title": "Scanning and Repairing Drive – How to Fix Stuck Windows 10 PC Hard Drive"
},
{
"id": "619ba98511d3cb08287aa3a8",
"author": null,
"description": "In this conference talk, Magdalena Ostoja-Chyżyńska will not talk about the differences between developers and designers. Instead of focusing on the differences between the roles and how that might cause friction, she will approach the subject with a problem-solving attitude, and expand on how to make the relationship work. And",
"link": "https://www.freecodecamp.org/news/how-to-speak-to-a-designer-as-a-developer-tech-talk/",
"publishedOn": "2021-11-22T17:07:06.000Z",
"wordCount": 774,
"title": "Let's Talk Design – How to Speak to a Designer as a Developer"
},
{
"id": "612cc005b5177808226d4a57",
"author": null,
"description": "You can use the % and _ wildcards with the SQL LIKE statement to compare values from an SQL table. But how does that work exactly? In this article, I will show you how to use the SQL LIKE statement through code examples. Basic syntax of SQL LIKE statementHere is the basic",
"link": "https://www.freecodecamp.org/news/sql-like-statement-how-to-query-sql-with-wildcard/",
"publishedOn": "2021-11-22T15:01:50.000Z",
"wordCount": 1083,
"title": "SQL LIKE Statement – How to Query SQL with Wildcard"
},
{
"id": "619694ef11d3cb08287a88ce",
"author": null,
"description": "In this tutorial, you'll learn some of the different ways you can reverse lists and list ranges in Python. And we'll look at some coding examples along the way. Let's get started! How to create a range in Python An efficient way to create a list of a range of",
"link": "https://www.freecodecamp.org/news/python-reverse-list-how-to-reverse-a-range-or-array/",
"publishedOn": "2021-11-22T14:54:14.000Z",
"wordCount": 1242,
"title": "Python Reverse List – How to Reverse a Range or Array"
},
{
"id": "618941df8bcfae07ca4e3869",
"author": null,
"description": "If you're working in IT, you might need to schedule various repetitive tasks as part of your automation processes. For example, you could schedule a particular job to periodically execute at specific times of the day. This is helpful for performing daily backups, monthly log archiving, weekly file deletion to",
"link": "https://www.freecodecamp.org/news/cron-jobs-in-linux/",
"publishedOn": "2021-11-19T20:34:59.000Z",
"wordCount": 1189,
"title": "How to Automate Tasks with cron Jobs in Linux"
},
{
"id": "6196aac811d3cb08287a8998",
"author": null,
"description": "2021 has been a big year for the global freeCodeCamp community. In this article, I will share some of the milestones we hit this year. But first, let's look at some metrics to drive home the scale at which the freeCodeCamp community is now operating. freeCodeCamp 2021 StatisticsIn 2021, freeCodeCamp's",
"link": "https://www.freecodecamp.org/news/freecodecamp-2021-review-budget-usage-statistics/",
"publishedOn": "2021-11-19T05:29:54.000Z",
"wordCount": 1877,
"title": "Developers Spent 2.1 Billion Minutes (4,000 years) Using freeCodeCamp in 2021 + Other Year-End Facts"
},
{
"id": "614641bf852f4307d373021f",
"author": null,
"description": "If you're a new developer, you're probably familiar with the “Experience Paradox”. It describes the frustrating cycle many of us go through when we're trying to get our first developer jobs: To get a job, you need \"work experience\". But to get \"work experience\", you need a job...! Job requires",
"link": "https://www.freecodecamp.org/news/programming-projects-for-new-developers/",
"publishedOn": "2021-11-18T23:59:00.000Z",
"wordCount": 2168,
"title": "Programming Projects for New Developers – What to Build to Get Coding Experience"
}
]
}

178
feed.atom
View file

@ -1,10 +1,102 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>urn:2021-11-23T00:42:11.076Z</id>
<id>urn:2021-11-24T00:42:26.038Z</id>
<title>osmos::feed</title>
<updated>2021-11-23T00:42:11.076Z</updated>
<updated>2021-11-24T00:42:26.038Z</updated>
<generator>osmosfeed 1.11.3</generator>
<link rel="alternate" href="index.html"/>
<entry>
<title type="html"><![CDATA[All the Math You Need to Know in Artificial Intelligence]]></title>
<id>6197c7ce11d3cb08287a9271</id>
<link href="https://www.freecodecamp.org/news/all-the-math-you-need-in-artificial-intelligence/"/>
<updated>2021-11-24T00:12:40.000Z</updated>
<summary type="html"><![CDATA[I’m an AI researcher, and I’ve received quite a few emails asking me just how much math is required in Artificial Intelligence. I won’t lie: it’s a lot of math. And this is one of the reasons AI puts off many beginners. After much research and]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[What is GitOps? Principles, Best Practices, and Kubernetes Workflow]]></title>
<id>619bb55911d3cb08287aa581</id>
<link href="https://www.freecodecamp.org/news/gitops-principles-kubernetes-workflow/"/>
<updated>2021-11-23T22:50:29.000Z</updated>
<summary type="html"><![CDATA[In this talk, CTO Cornelia Davis will teach you what GitOps is and what its four main principles are. What is GitOps?The first thing you need to know is that GitOps is a set of modern best practises for deploying and managing cloud native infrastructure and applications. And it]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Which SVG technique performs best for way too many icons?]]></title>
<id>https://css-tricks.com/?p=357412</id>
<link href="https://css-tricks.com/which-svg-technique-performs-best-for-way-too-many-icons/"/>
<updated>2021-11-23T19:21:28.000Z</updated>
<summary type="html"><![CDATA[Tyler Sticka digs in here in the best possible way: by making a test page and literally measuring performance. Maybe 1,000 icons is a little bit of an edge case, but hey, 250 rows of data with four icons in …
The post Which SVG technique performs best for way too many icons? 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[Control Layout in a Multi-Directional Website]]></title>
<id>https://css-tricks.com/?p=356977</id>
<link href="https://css-tricks.com/control-layout-in-a-multi-directional-website/"/>
<updated>2021-11-23T16:06:44.000Z</updated>
<summary type="html"><![CDATA[Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected …
The post Control Layout in a Multi-Directional Website appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Alaa Abd El-Rahim</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Computer Not Recognizing Headphones – Windows 10 PC Headphone Tutorial]]></title>
<id>619cb4e711d3cb08287ab00c</id>
<link href="https://www.freecodecamp.org/news/computer-not-recognizing-headphones-windows-10-pc-headphone-tutorial/"/>
<updated>2021-11-23T15:47:53.000Z</updated>
<summary type="html"><![CDATA[What if you plug in your headphones to listen to your favorite music, watch a movie, or do something else and your computer fails to recognize the headphones? That's frustrating. Your computer not recognizing your headphones is a fairly common issue in Windows 10 PCs. It could be caused by]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[SQL Commands Cheat Sheet – How to Learn SQL in 10 Minutes]]></title>
<id>6197bcba11d3cb08287a90cc</id>
<link href="https://www.freecodecamp.org/news/learn-sql-in-10-minutes/"/>
<updated>2021-11-23T15:36:59.000Z</updated>
<summary type="html"><![CDATA[I’m an AI researcher, so one of the main things I deal with is data. A lot of it. With more than 2.5 exabytes of data generated every day, it comes as no surprise that this data needs to be stored somewhere where we can access it when]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Create a Customizable Table of Contents in Word]]></title>
<id>6198c2d511d3cb08287a97e2</id>
<link href="https://www.freecodecamp.org/news/how-to-create-customizable-table-of-contents-in-microsoft-word/"/>
<updated>2021-11-23T15:34:00.000Z</updated>
<summary type="html"><![CDATA[It's tricky to make a good-looking and functional table of contents in Microsoft Word. You might often encounter documents that have messy tables of contents along with navigation panes with links to missing headings, non harmonized styles, and badly structured sections. This wouldn't be a big problem for smaller documents,]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Adding A Dyslexia-Friendly Mode To A Website]]></title>
<id>https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/</id>
<link href="https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/"/>
<updated>2021-11-23T10:00:00.000Z</updated>
<summary type="html"><![CDATA[With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, we’ll explore those techniques by adding a dyslexia-friendly mode to an existing design.]]></summary>
<author>
<name>hello@smashingmagazine.com (John C Barstow)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[5 WordPress Plugins to Improve Your Website&#x27;s Performance]]></title>
<id>6195174b11d3cb08287a7b96</id>
<link href="https://www.freecodecamp.org/news/wordpress-plugins-to-improve-your-website-performance/"/>
<updated>2021-11-23T02:09:07.000Z</updated>
<summary type="html"><![CDATA[In this blog post, I will show you which free WordPress plugins you should use and how to configure them to significantly improve your WordPress website's performance. Web performance is an essential SEO factor, and you shouldn’t underestimate it. Each second your website takes to load can hurt your]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Manage Directory-Scoped Variables with direnv in POSIX Systems]]></title>
<id>619909b111d3cb08287a9bd9</id>
@ -77,16 +169,6 @@ The post CSS “decorations” appeared first on CSS-Tricks. You can support CSS
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Let&#x27;s Talk Design – How to Speak to a Designer as a Developer]]></title>
<id>619ba98511d3cb08287aa3a8</id>
<link href="https://www.freecodecamp.org/news/how-to-speak-to-a-designer-as-a-developer-tech-talk/"/>
<updated>2021-11-22T17:07:06.000Z</updated>
<summary type="html"><![CDATA[In this conference talk, Magdalena Ostoja-Chyżyńska will not talk about the differences between developers and designers. Instead of focusing on the differences between the roles and how that might cause friction, she will approach the subject with a problem-solving attitude, and expand on how to make the relationship work. And]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Smashing Workshops: Winter 2021]]></title>
<id>https://smashingmagazine.com/2021/11/smashingconf-workshops-winter-2021/</id>
@ -108,26 +190,6 @@ The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. Y
<name>Temani Afif</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[SQL LIKE Statement – How to Query SQL with Wildcard]]></title>
<id>612cc005b5177808226d4a57</id>
<link href="https://www.freecodecamp.org/news/sql-like-statement-how-to-query-sql-with-wildcard/"/>
<updated>2021-11-22T15:01:50.000Z</updated>
<summary type="html"><![CDATA[You can use the % and _ wildcards with the SQL LIKE statement to compare values from an SQL table. But how does that work exactly? In this article, I will show you how to use the SQL LIKE statement through code examples. Basic syntax of SQL LIKE statementHere is the basic]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Python Reverse List – How to Reverse a Range or Array]]></title>
<id>619694ef11d3cb08287a88ce</id>
<link href="https://www.freecodecamp.org/news/python-reverse-list-how-to-reverse-a-range-or-array/"/>
<updated>2021-11-22T14:54:14.000Z</updated>
<summary type="html"><![CDATA[In this tutorial, you'll learn some of the different ways you can reverse lists and list ranges in Python. And we'll look at some coding examples along the way. Let's get started! How to create a range in Python An efficient way to create a list of a range of]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Improving The Performance Of Wix Websites (Case Study)]]></title>
<id>https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/</id>
@ -160,16 +222,6 @@ The post Coding Font Game appeared first on CSS-Tricks. You can support CSS-Tric
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Automate Tasks with cron Jobs in Linux]]></title>
<id>618941df8bcfae07ca4e3869</id>
<link href="https://www.freecodecamp.org/news/cron-jobs-in-linux/"/>
<updated>2021-11-19T20:34:59.000Z</updated>
<summary type="html"><![CDATA[If you're working in IT, you might need to schedule various repetitive tasks as part of your automation processes. For example, you could schedule a particular job to periodically execute at specific times of the day. This is helpful for performing daily backups, monthly log archiving, weekly file deletion to]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Parallax Powered by CSS Custom Properties]]></title>
<id>https://css-tricks.com/?p=357192</id>
@ -191,26 +243,6 @@ The post Parallax Powered by CSS Custom Properties appeared first on CSS-Tricks.
<name>hello@smashingmagazine.com (Sam Poder)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Developers Spent 2.1 Billion Minutes (4,000 years) Using freeCodeCamp in 2021 + Other Year-End Facts]]></title>
<id>6196aac811d3cb08287a8998</id>
<link href="https://www.freecodecamp.org/news/freecodecamp-2021-review-budget-usage-statistics/"/>
<updated>2021-11-19T05:29:54.000Z</updated>
<summary type="html"><![CDATA[2021 has been a big year for the global freeCodeCamp community. In this article, I will share some of the milestones we hit this year. But first, let's look at some metrics to drive home the scale at which the freeCodeCamp community is now operating. freeCodeCamp 2021 StatisticsIn 2021, freeCodeCamp's]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Programming Projects for New Developers – What to Build to Get Coding Experience]]></title>
<id>614641bf852f4307d373021f</id>
<link href="https://www.freecodecamp.org/news/programming-projects-for-new-developers/"/>
<updated>2021-11-18T23:59:00.000Z</updated>
<summary type="html"><![CDATA[If you're a new developer, you're probably familiar with the “Experience Paradox”. It describes the frustrating cycle many of us go through when we're trying to get our first developer jobs: To get a job, you need "work experience". But to get "work experience", you need a job...! Job requires]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[The Many Faces of VS Code in the Browser]]></title>
<id>https://css-tricks.com/?p=356818</id>
@ -305,17 +337,6 @@ The post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Line length revisited: following the research]]></title>
<id>https://css-tricks.com/?p=356849</id>
<link href="https://css-tricks.com/line-length-revisited-following-the-research/"/>
<updated>2021-11-16T21:35:39.000Z</updated>
<summary type="html"><![CDATA[Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer …
The post Line length revisited: following the research 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[Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober]]></title>
<id>https://smashingmagazine.com/2021/11/touch-design-pre-release/</id>
@ -326,17 +347,6 @@ The post Line length revisited: following the research appeared first on CSS-Tri
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Generate a Pull Request of Static Content With a Simple HTML Form]]></title>
<id>https://css-tricks.com/?p=356491</id>
<link href="https://css-tricks.com/generate-a-pull-request-of-static-content-with-a-simple-html-form/"/>
<updated>2021-11-16T15:37:50.000Z</updated>
<summary type="html"><![CDATA[Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are a big part of that story. That opens up the idea of …
The post Generate a Pull Request of Static Content With a Simple HTML Form appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Hilman Ramadhan</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development]]></title>
<id>https://smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/</id>

253
index.html
View file

@ -15,6 +15,141 @@
<body>
<!-- %after-body-begin.html% -->
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-11-24">2021-11-24</time></h2>
<ul class="sources card">
<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">All the Math You Need to Know in Artificial Intelligence</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/all-the-math-you-need-in-artificial-intelligence/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>I’m an AI researcher, and I’ve received quite a few emails asking me just how much math is required in Artificial Intelligence. I won’t lie: it’s a lot of math. And this is one of the reasons AI puts off many beginners. After much research and</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-11-23">2021-11-23</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">Which SVG technique performs best for way too many icons?</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/which-svg-technique-performs-best-for-way-too-many-icons/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>Tyler Sticka digs in here in the best possible way: by making a test page and literally measuring performance. Maybe 1,000 icons is a little bit of an edge case, but hey, 250 rows of data with four icons in …
The post Which SVG technique performs best for way too many icons? 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">Control Layout in a Multi-Directional Website</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/control-layout-in-a-multi-directional-website/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(13 min)</span>
<span>Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected …
The post Control Layout in a Multi-Directional Website 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 GitOps? Principles, Best Practices, and Kubernetes Workflow</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/gitops-principles-kubernetes-workflow/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>In this talk, CTO Cornelia Davis will teach you what GitOps is and what its four main principles are. What is GitOps?The first thing you need to know is that GitOps is a set of modern best practises for deploying and managing cloud native infrastructure and applications. And it</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Computer Not Recognizing Headphones – Windows 10 PC Headphone Tutorial</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/computer-not-recognizing-headphones-windows-10-pc-headphone-tutorial/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>What if you plug in your headphones to listen to your favorite music, watch a movie, or do something else and your computer fails to recognize the headphones? That&#x27;s frustrating. Your computer not recognizing your headphones is a fairly common issue in Windows 10 PCs. It could be caused by</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">SQL Commands Cheat Sheet – How to Learn SQL in 10 Minutes</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-sql-in-10-minutes/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(17 min)</span>
<span>I’m an AI researcher, so one of the main things I deal with is data. A lot of it. With more than 2.5 exabytes of data generated every day, it comes as no surprise that this data needs to be stored somewhere where we can access it when</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Create a Customizable Table of Contents in Word</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-create-customizable-table-of-contents-in-microsoft-word/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span>It&#x27;s tricky to make a good-looking and functional table of contents in Microsoft Word. You might often encounter documents that have messy tables of contents along with navigation panes with links to missing headings, non harmonized styles, and badly structured sections. This wouldn&#x27;t be a big problem for smaller documents,</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">5 WordPress Plugins to Improve Your Website&#x27;s Performance</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/wordpress-plugins-to-improve-your-website-performance/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>In this blog post, I will show you which free WordPress plugins you should use and how to configure them to significantly improve your WordPress website&#x27;s performance. Web performance is an essential SEO factor, and you shouldn’t underestimate it. Each second your website takes to load can hurt your</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">Adding A Dyslexia-Friendly Mode To A Website</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(9 min)</span>
<span>With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, we’ll explore those techniques by adding a dyslexia-friendly mode to an existing design.</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-11-22">2021-11-22</time></h2>
<ul class="sources card">
@ -27,7 +162,7 @@
<summary class="article-expander__title">On User Tracking and Industry Standards on Privacy</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/on-user-tracking-and-industry-standards-on-privacy/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span class="article-reading-time">(7 min)</span>
<span>Inspired by Eva PenzeyMoog’s new book, Jeremy highlights the widespread user tracking situation in this industry:
There was a line that really stood out to me:
The idea that it’s alright to do whatever unethical thing is currently the
@ -61,7 +196,7 @@ The post CSS “decorations” appeared first on CSS-Tricks. You can support CSS
<summary class="article-expander__title">Responsive Layouts, Fewer Media Queries</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/responsive-layouts-fewer-media-queries/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(14 min)</span>
<span class="article-reading-time">(15 min)</span>
<span>We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of …
The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
@ -101,7 +236,7 @@ The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. Y
<summary class="article-expander__title">ReactJS Project – Build a Rick and Morty Character Wiki</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(14 min)</span>
<span class="article-reading-time">(15 min)</span>
<span>Today we&#x27;re gonna practice our React JS skills by building a Rick and Morty Character Wiki. Here&#x27;s what we&#x27;ll build today: Here&#x27;s a [live demo of the project] 👇 https://react-projects-psi.vercel.app/. And here&#x27;s the GitHub Repository. The topics we&#x27;ll cover while building this project are: React Hooks (useState, useEffect)</span>
</div>
</a>
@ -118,39 +253,6 @@ The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. Y
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Let&#x27;s Talk Design – How to Speak to a Designer as a Developer</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-speak-to-a-designer-as-a-developer-tech-talk/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>In this conference talk, Magdalena Ostoja-Chyżyńska will not talk about the differences between developers and designers. Instead of focusing on the differences between the roles and how that might cause friction, she will approach the subject with a problem-solving attitude, and expand on how to make the relationship work. And</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">SQL LIKE Statement – How to Query SQL with Wildcard</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/sql-like-statement-how-to-query-sql-with-wildcard/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(4 min)</span>
<span>You can use the % and _ wildcards with the SQL LIKE statement to compare values from an SQL table. But how does that work exactly? In this article, I will show you how to use the SQL LIKE statement through code examples. Basic syntax of SQL LIKE statementHere is the basic</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Python Reverse List – How to Reverse a Range or Array</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/python-reverse-list-how-to-reverse-a-range-or-array/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(4 min)</span>
<span>In this tutorial, you&#x27;ll learn some of the different ways you can reverse lists and list ranges in Python. And we&#x27;ll look at some coding examples along the way. Let&#x27;s get started! How to create a range in Python An efficient way to create a list of a range of</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
@ -228,34 +330,6 @@ The post Parallax Powered by CSS Custom Properties appeared first on CSS-Tricks.
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Automate Tasks with cron Jobs in Linux</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/cron-jobs-in-linux/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(4 min)</span>
<span>If you&#x27;re working in IT, you might need to schedule various repetitive tasks as part of your automation processes. For example, you could schedule a particular job to periodically execute at specific times of the day. This is helpful for performing daily backups, monthly log archiving, weekly file deletion to</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Developers Spent 2.1 Billion Minutes (4,000 years) Using freeCodeCamp in 2021 + Other Year-End Facts</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/freecodecamp-2021-review-budget-usage-statistics/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>2021 has been a big year for the global freeCodeCamp community. In this article, I will share some of the milestones we hit this year. But first, let&#x27;s look at some metrics to drive home the scale at which the freeCodeCamp community is now operating. freeCodeCamp 2021 StatisticsIn 2021, freeCodeCamp&#x27;s</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>
@ -287,7 +361,7 @@ The post Parallax Powered by CSS Custom Properties appeared first on CSS-Tricks.
<summary class="article-expander__title">The Many Faces of VS Code in the Browser</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/the-many-faces-of-vs-code-in-the-browser/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span class="article-reading-time">(6 min)</span>
<span>VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of …
The post The Many Faces of VS Code in the Browser appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
</div>
@ -323,23 +397,6 @@ The post Zero Trickery Custom Radios and Checkboxes appeared first on CSS-Tricks
</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">Programming Projects for New Developers – What to Build to Get Coding Experience</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/programming-projects-for-new-developers/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(7 min)</span>
<span>If you&#x27;re a new developer, you&#x27;re probably familiar with the “Experience Paradox”. It describes the frustrating cycle many of us go through when we&#x27;re trying to get our first developer jobs: To get a job, you need &quot;work experience&quot;. But to get &quot;work experience&quot;, you need a job...! Job requires</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
@ -425,36 +482,6 @@ The post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-11-16">2021-11-16</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">Line length revisited: following the research</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/line-length-revisited-following-the-research/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(4 min)</span>
<span>Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer …
The post Line length revisited: following the research 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">Generate a Pull Request of Static Content With a Simple HTML Form</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/generate-a-pull-request-of-static-content-with-a-simple-html-form/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(6 min)</span>
<span>Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are a big part of that story. That opens up the idea of …
The post Generate a Pull Request of Static Content With a Simple HTML Form 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>
@ -828,7 +855,7 @@ The post Generate a Pull Request of Static Content With a Simple HTML Form appea
</section>
<footer>
<time id="build-timestamp" datetime="2021-11-23T00:42:11.056Z">2021-11-23T00:42:11.056Z</time>
<time id="build-timestamp" datetime="2021-11-24T00:42:26.013Z">2021-11-24T00:42:26.013Z</time>
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.3</a></span>
</footer>
<script src="index.js"></script>