From dc203014ca0d598a272a3ceeedbc1b98dcf1b2e1 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Fri, 12 Nov 2021 00:43:19 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 184 ++++++++++++++++++++++----------------------- feed.atom | 157 ++++++++++++++++++++------------------- index.html | 213 +++++++++++++++++++++++++++-------------------------- 3 files changed, 279 insertions(+), 275 deletions(-) diff --git a/cache.json b/cache.json index 59134ea..69142ca 100644 --- a/cache.json +++ b/cache.json @@ -21,13 +21,40 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=356652", + "author": "Chris Coyier", + "description": "Scott digs into the history of the element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention …\nThe post Semantic menu context appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/semantic-menu-context/", + "publishedOn": "2021-11-11T20:07:40.000Z", + "wordCount": 528, + "title": "Semantic menu context" + }, + { + "id": "https://css-tricks.com/?p=355683", + "author": "Abram Thau", + "description": "I was working on a large React application for a startup, and aside from just wanting some good strategies to keep our styles organized, I wanted to give this whole “dark mode” thing a shot. With the huge ecosystem around …\nThe post Easy Dark Mode (and Multiple Color Themes!) in React appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/easy-dark-mode-and-multiple-color-themes-in-react/", + "publishedOn": "2021-11-11T15:28:04.000Z", + "wordCount": 2402, + "title": "Easy Dark Mode (and Multiple Color Themes!) in React" + }, + { + "id": "https://css-tricks.com/?p=355516", + "author": "Chris Coyier", + "description": "(This is a sponsored post.)\nMeasuring things is great. They say what you only fix what you measure. Raygun is great at measuring websites. Measuring performance, measuring errors and crashes, measuring code problems. \nYou know what’s even better than …\nThe post Quickly Get Alerted to Front-End Errors and Performance Issues appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/quickly-get-alerted-to-front-end-errors-and-performance-issues/", + "publishedOn": "2021-11-11T15:22:31.000Z", + "wordCount": 1141, + "title": "Quickly Get Alerted to Front-End Errors and Performance Issues" + }, { "id": "https://css-tricks.com/?p=356058", "author": "Chris Coyier", "description": "Whatever, I just needed a title. Everyone’s favorite web security feature has crossed my desk a bunch of times lately and I always feel like that is a sign I should write something because that’s what blogging is. \nThe main …\nThe post Don’t Snore on CORS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/dont-snore-on-cors/", "publishedOn": "2021-11-10T22:38:05.000Z", - "wordCount": 697, + "wordCount": 731, "title": "Don’t Snore on CORS" }, { @@ -63,7 +90,7 @@ "description": "(This is a sponsored post.)\nThe leade here is that VideoPress makes video on WordPress way better. VideoPress is a part of Jetpack. And now, if VideoPress is the only thing you care about from the Jetpack world, you …\nThe post VideoPress for WordPress appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/videopress-for-wordpress/", "publishedOn": "2021-11-09T22:53:18.000Z", - "wordCount": 991, + "wordCount": 1195, "title": "VideoPress for WordPress" }, { @@ -99,7 +126,7 @@ "description": "Just ran across îles, a new static site generator mostly centered around Vue. The world has no particular shortage of static site generators, but it’s interesting to see what this “next generation” of SSGs seem to focus on or …\nThe post Does the Next Generation of Static Site Generators Make Building Sites Better? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/does-the-next-generation-of-static-site-generators-make-building-sites-better/", "publishedOn": "2021-11-08T14:56:23.000Z", - "wordCount": 828, + "wordCount": 968, "title": "Does the Next Generation of Static Site Generators Make Building Sites Better?" }, { @@ -128,33 +155,6 @@ "publishedOn": "2021-11-05T14:45:18.000Z", "wordCount": 2618, "title": "How to Create an Animated Chart of Nested Squares Using Masks" - }, - { - "id": "https://css-tricks.com/?p=355902", - "author": "Chris Coyier", - "description": "I only just recently learned the enterkeyhint attribute on form inputs was a thing! It seems like kind of a big deal to me, as crafting HTML form markup is a decent slice of a front-end developer’s life, and this …\nThe post enterkeyhint appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/enterkeyhint/", - "publishedOn": "2021-11-05T14:43:25.000Z", - "wordCount": 1445, - "title": "enterkeyhint" - }, - { - "id": "https://css-tricks.com/?p=355937", - "author": "Chris Coyier", - "description": "Josh Collingsworth is clearly a big fan of Svelte, so while this is a fun and useful comparison article, it’s here to crown Svelte the winner all the way through.\nA few things I find compelling:\nOne of the \n…\nThe post Introducing Svelte, and Comparing Svelte with React and Vue appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/introducing-svelte-and-comparing-svelte-with-react-and-vue/", - "publishedOn": "2021-11-04T21:20:02.000Z", - "wordCount": 499, - "title": "Introducing Svelte, and Comparing Svelte with React and Vue" - }, - { - "id": "https://css-tricks.com/?p=356047", - "author": "Chris Coyier", - "description": "Steve Ruiz calls this post an “extra-obscure edition of design tool micro-UX,” but I find it fascinating! If you select a bunch of elements in a design tool, then rotate then, then later select those same elements and try to …\nThe post Fixing the Drift in Shape Rotations appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/fixing-the-drift-in-shape-rotations/", - "publishedOn": "2021-11-04T17:52:29.000Z", - "wordCount": 549, - "title": "Fixing the Drift in Shape Rotations" } ] }, @@ -163,13 +163,27 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/11/dashboard-design-research-decluttering-data-viz/", + "author": "hello@smashingmagazine.com (Adam Fard)", + "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": 4315, + "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", + "length": "0", + "type": "image/jpg" + } + }, { "id": "https://smashingmagazine.com/2021/11/localizing-your-nextjs-app/", "author": "hello@smashingmagazine.com (Átila Fassina)", "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": 1925, + "wordCount": 1919, "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", @@ -197,7 +211,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": 1534, + "wordCount": 1529, "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", @@ -211,7 +225,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": 6196, + "wordCount": 6209, "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", @@ -239,7 +253,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": 3411, + "wordCount": 3395, "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", @@ -253,7 +267,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": 3627, + "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", @@ -267,7 +281,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": 5956, + "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", @@ -281,7 +295,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": 2374, + "wordCount": 2380, "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", @@ -295,7 +309,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": 2516, + "wordCount": 2507, "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", @@ -309,7 +323,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": 3165, + "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", @@ -323,7 +337,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 researcher’s toolbox.", "link": "https://smashingmagazine.com/2021/10/eye-tracking-mobile-ux-research/", "publishedOn": "2021-10-27T10:00:00.000Z", - "wordCount": 3514, + "wordCount": 3517, "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", @@ -337,7 +351,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": 3022, + "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", @@ -351,7 +365,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": 2034, + "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", @@ -365,7 +379,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 we’ll 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": 4918, "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", @@ -379,7 +393,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": 4624, + "wordCount": 4629, "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 +435,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": 2526, + "wordCount": 2527, "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", @@ -449,7 +463,7 @@ "description": "Cumulative Layout Shift is one of the hardest core web vital to debug. In this article, we go through different tools to investigate CLS, when to use them(and when not), and solutions to some of the CLS issues we faced in our Next.js-based e-commerce website.", "link": "https://smashingmagazine.com/2021/10/nextjs-ecommerce-cls-case-study/", "publishedOn": "2021-10-18T14:00:00.000Z", - "wordCount": 2136, + "wordCount": 2129, "title": "Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8e522651-eaf2-45e7-a544-9da7beb7b23e/nextjs-ecommerce-cls-case-study.jpg", @@ -463,7 +477,7 @@ "description": "In this article, we’ll 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": 2850, + "wordCount": 2843, "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", @@ -477,7 +491,7 @@ "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": 4019, + "wordCount": 4017, "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", @@ -491,27 +505,13 @@ "description": "Writing CSS has probably never been more fun and exciting than it is today. In this post we’ll take a look at common problems and use cases we all have to face in our work and how to solve them with modern CSS. If you’re interested, we’ve also just recently covered [CSS auditing tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS generators](https://www.smashingmagazine.com/2021/03/css-generators/), [front-end boilerplates](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) and [VS code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — you might find them useful, too.", "link": "https://smashingmagazine.com/2021/10/modern-css-solutions-for-common-problems/", "publishedOn": "2021-10-14T12:00:00.000Z", - "wordCount": 3519, + "wordCount": 3521, "title": "Smart CSS Solutions For Common UI Challenges", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e3bf0115-0bc9-41b7-b027-3ea8b6b7e848/transition-css-gradients-opt.png", "length": "0", "type": "image/png" } - }, - { - "id": "https://smashingmagazine.com/2021/10/new-smashing-online-workshops-oct-2021/", - "author": "hello@smashingmagazine.com (Iris Lješnjanin)", - "description": "Do you like a good interface design challenge? What about accessibility testing and design systems? Or maybe Next.js and advanced CSS? With our new online workshops on front-end & design, we cover all of it. Ah, and [here's what our workshops are like](https://vimeo.com/616485526).", - "link": "https://smashingmagazine.com/2021/10/new-smashing-online-workshops-oct-2021/", - "publishedOn": "2021-10-13T11:00:00.000Z", - "wordCount": 1000, - "title": "Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022)", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1a95c729-8b29-4b44-90b0-d38183b367c0/online-workshops-2021-opt.png", - "length": "0", - "type": "image/png" - } } ] }, @@ -520,6 +520,33 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "618b035411d3cb08287a3f7d", + "author": null, + "description": "Hey, how are you doing? In this article, I'm going to show you how you can install Laravel 8 on your phone. To get the most out of this guide, you should have some knowledge of PHP and you should know what Laravel is. But if you don't, don't worry", + "link": "https://www.freecodecamp.org/news/how-to-setup-laravel-8-on-android-phone/", + "publishedOn": "2021-11-11T16:34:04.000Z", + "wordCount": 946, + "title": "How to Set Up Laravel 8 on Your Android Phone" + }, + { + "id": "618ca60511d3cb08287a474b", + "author": null, + "description": "In JavaScript, hoisting allows you to use functions and variables before they're declared. In this post, we'll learn what hoisting is and how it works. What is hoisting?Take a look at the code below and guess what happens when it runs: console.log(foo); var foo = 'foo'; It might", + "link": "https://www.freecodecamp.org/news/what-is-hoisting-in-javascript/", + "publishedOn": "2021-11-11T16:12:59.000Z", + "wordCount": 1533, + "title": "What is Hoisting in JavaScript?" + }, + { + "id": "618a1b968bcfae07ca4e3a16", + "author": null, + "description": "These days, developers need to develop, ship, and run applications quicker than ever. And fortunately, there's a tool that helps you do that – Docker. With Docker, you can now easily ship, test, and deploy your code quickly while maintaining full control over your infrastructure. It significantly reduces how long it", + "link": "https://www.freecodecamp.org/news/how-to-dockerize-a-flask-app/", + "publishedOn": "2021-11-11T16:04:40.000Z", + "wordCount": 1490, + "title": "How to Dockerize a Flask Application" + }, { "id": "6189613e8bcfae07ca4e3967", "author": null, @@ -568,10 +595,10 @@ { "id": "618bdf6011d3cb08287a43bb", "author": null, - "description": "Micro-frontends is a method to build a website or web app as a composition of features which can be created and worked on separately. We just published a course on the freeCodeCamp.org YouTube channel that will teach you all about micro-frontends. Jack Herrington created this course. Jack has worked", + "description": "Micro-frontends let you build a website or web app as a composition of features that you can create and work on separately. We just published a course on the freeCodeCamp.org YouTube channel that will teach you all about micro-frontends. Jack Herrington created this course. Jack has worked as a", "link": "https://www.freecodecamp.org/news/learn-all-about-micro-frontends/", "publishedOn": "2021-11-10T15:11:16.000Z", - "wordCount": 328, + "wordCount": 326, "title": "Learn all about Micro-Frontends" }, { @@ -582,33 +609,6 @@ "publishedOn": "2021-11-09T17:50:02.000Z", "wordCount": 708, "title": "Python map() Function – Explained with Examples" - }, - { - "id": "618ab16011d3cb08287a3bd7", - "author": null, - "description": "Would you survive the TV show Squid Game? Would you survive coding the TV show Squid Game? Time to find out. We just published a JavaScript course on the freeCodeCamp.org YouTube channel that will teach you how to create the Red Light / Green Light game from Squid Game. You", - "link": "https://www.freecodecamp.org/news/create-a-squid-game-javascript-game-with-three-js/", - "publishedOn": "2021-11-09T17:42:24.000Z", - "wordCount": 317, - "title": "Create a Squid Game JavaScript Game with Three.js" - }, - { - "id": "61862c268bcfae07ca4e27d7", - "author": null, - "description": "In this tutorial you'll learn the basics of JSON – what it is, where it is most commonly used, and its syntax. You'll also see how to convert a string to JSON in Python. Let's get started! What is JSON? JSON stands for JavaScript Object Notation. It is a data format", - "link": "https://www.freecodecamp.org/news/python-json-how-to-convert-a-string-to-json/", - "publishedOn": "2021-11-09T16:38:47.000Z", - "wordCount": 958, - "title": "Python JSON – How to Convert a String to JSON" - }, - { - "id": "618a5af08bcfae07ca4e3a8b", - "author": null, - "description": "Discord is an instant messaging app you can use to communicate through text messages, voice calls, and video calls. You can also use it to share files. Discord was originally created for gamers, but many other people now use it these days. It has become an alternative to Slack for", - "link": "https://www.freecodecamp.org/news/discord-wont-open-on-my-pc-solved-in-windows-10/", - "publishedOn": "2021-11-09T14:57:04.000Z", - "wordCount": 898, - "title": "Discord Won't Open on my PC [Solved in Windows 10]" } ] } diff --git a/feed.atom b/feed.atom index 00f81e3..cb808b8 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,85 @@ - urn:2021-11-11T00:42:51.174Z + urn:2021-11-12T00:43:18.325Z osmos::feed - 2021-11-11T00:42:51.174Z + 2021-11-12T00:43:18.325Z osmosfeed 1.11.3 + + <![CDATA[Semantic menu context]]> + https://css-tricks.com/?p=356652 + + 2021-11-11T20:07:40.000Z + element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention … +The post Semantic menu context appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]> + + Chris Coyier + + + + <![CDATA[How to Set Up Laravel 8 on Your Android Phone]]> + 618b035411d3cb08287a3f7d + + 2021-11-11T16:34:04.000Z + + + freeCodeCamp.org + + + + <![CDATA[What is Hoisting in JavaScript?]]> + 618ca60511d3cb08287a474b + + 2021-11-11T16:12:59.000Z + + + freeCodeCamp.org + + + + <![CDATA[How to Dockerize a Flask Application]]> + 618a1b968bcfae07ca4e3a16 + + 2021-11-11T16:04:40.000Z + + + freeCodeCamp.org + + + + <![CDATA[Easy Dark Mode (and Multiple Color Themes!) in React]]> + https://css-tricks.com/?p=355683 + + 2021-11-11T15:28:04.000Z + + + Abram Thau + + + + <![CDATA[Quickly Get Alerted to Front-End Errors and Performance Issues]]> + https://css-tricks.com/?p=355516 + + 2021-11-11T15:22:31.000Z + + + Chris Coyier + + + + <![CDATA[From Good To Great In Dashboard Design: Research, Decluttering And Data Viz]]> + https://smashingmagazine.com/2021/11/dashboard-design-research-decluttering-data-viz/ + + 2021-11-11T14:00:00.000Z + + + hello@smashingmagazine.com (Adam Fard) + + <![CDATA[Don’t Snore on CORS]]> https://css-tricks.com/?p=356058 @@ -72,7 +147,7 @@ The post Don’t Snore on CORS appeared first on CSS-Tricks. You can support CSS 618bdf6011d3cb08287a43bb 2021-11-10T15:11:16.000Z - + freeCodeCamp.org @@ -135,26 +210,6 @@ The post VideoPress for WordPress appeared first on CSS-Tricks. You can support freeCodeCamp.org - - <![CDATA[Create a Squid Game JavaScript Game with Three.js]]> - 618ab16011d3cb08287a3bd7 - - 2021-11-09T17:42:24.000Z - - - freeCodeCamp.org - - - - <![CDATA[Python JSON – How to Convert a String to JSON]]> - 61862c268bcfae07ca4e27d7 - - 2021-11-09T16:38:47.000Z - - - freeCodeCamp.org - - <![CDATA[React Suspense: Lessons Learned While Loading Data]]> https://css-tricks.com/?p=356187 @@ -166,16 +221,6 @@ The post React Suspense: Lessons Learned While Loading Data appeared first on CS Adam Rackis - - <![CDATA[Discord Won't Open on my PC [Solved in Windows 10]]]> - 618a5af08bcfae07ca4e3a8b - - 2021-11-09T14:57:04.000Z - - - freeCodeCamp.org - - <![CDATA[Localizing Your Next.js App]]> https://smashingmagazine.com/2021/11/localizing-your-nextjs-app/ @@ -275,17 +320,6 @@ The post How to Create an Animated Chart of Nested Squares Using Masks appeared Mészáros Róbert - - <![CDATA[enterkeyhint]]> - https://css-tricks.com/?p=355902 - - 2021-11-05T14:43:25.000Z - - - Chris Coyier - - <![CDATA[The Value Of Concept Testing As Part Of Product Design]]> https://smashingmagazine.com/2021/11/concept-testing-part-of-product-design/ @@ -296,20 +330,6 @@ The post enterkeyhint appeared first on CSS-Tricks. You can support CSS-Tricks b hello@smashingmagazine.com (Victor Yocco) - - <![CDATA[Introducing Svelte, and Comparing Svelte with React and Vue]]> - https://css-tricks.com/?p=355937 - - 2021-11-04T21:20:02.000Z - - - Chris Coyier - - <![CDATA[Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro?]]> https://smashingmagazine.com/2021/11/smashing-podcast-episode-43/ @@ -320,17 +340,6 @@ The post Introducing Svelte, and Comparing Svelte with React and Vue appeared fi hello@smashingmagazine.com (Drew McLellan) - - <![CDATA[Fixing the Drift in Shape Rotations]]> - https://css-tricks.com/?p=356047 - - 2021-11-04T17:52:29.000Z - - - Chris Coyier - - <![CDATA[GraphQL On The Front-End (React And Apollo)]]> https://smashingmagazine.com/2021/11/graphql-frontend-react-apollo/ @@ -533,14 +542,4 @@ Thank you: @hirdot]]> hello@smashingmagazine.com (Cosima Mielke) - - <![CDATA[Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022)]]> - https://smashingmagazine.com/2021/10/new-smashing-online-workshops-oct-2021/ - - 2021-10-13T11:00:00.000Z - - - hello@smashingmagazine.com (Iris Lješnjanin) - - \ No newline at end of file diff --git a/index.html b/index.html index 80cd429..1c63c2d 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,111 @@ +
+

+ +

  • @@ -374,18 +446,6 @@ The post How to Create an Animated Chart of Nested Squares Using Masks appeared -
  • @@ -410,39 +470,6 @@ The post enterkeyhint appeared first on CSS-Tricks. You can support CSS-Tricks b

    -
    -

    - -