This commit is contained in:
chuanqisun 2021-09-01 00:43:09 +00:00
parent 59576c07f1
commit 4587d33ecd
3 changed files with 421 additions and 394 deletions

View file

@ -11,6 +11,24 @@
"feedUrl": "https://css-tricks.com/feed/",
"siteUrl": "https://css-tricks.com",
"articles": [
{
"id": "https://css-tricks.com/?p=350788",
"author": "Chris Coyier",
"description": "I think this is good advice from Silvestar Bistrović:\nAn enabling selector is what I call a selector that does a job without disabling the particular rule.\nThe classic example is applying margin to everything, only to have to remove …\nThe post You want enabling CSS selectors, not disabling ones appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/",
"publishedOn": "2021-08-31T20:17:25.000Z",
"wordCount": 374,
"title": "You want enabling CSS selectors, not disabling ones"
},
{
"id": "https://css-tricks.com/?p=350690",
"author": "Chris Coyier",
"description": "You know like https:? Thats a URL Scheme. Youre probably familiar with the concept, thanks to others that come up in front-end development, like mailto:. You can actually make your own, which is pretty cool. There …\nThe post Application-Specific Links appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/application-specific-links/",
"publishedOn": "2021-08-31T14:30:21.000Z",
"wordCount": 1042,
"title": "Application-Specific Links"
},
{
"id": "https://css-tricks.com/?p=350670",
"author": "Geoff Graham",
@ -116,7 +134,7 @@
"description": "Solid is a reactive JavaScript library for creating user interfaces without a virtual DOM. It compiles templates down to real DOM nodes once and wraps updates in fine-grained reactions so that when state updates, only the related code runs.\nThis …\nThe post Introduction to the Solid JavaScript Library appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/introduction-to-the-solid-javascript-library/",
"publishedOn": "2021-08-24T14:30:50.000Z",
"wordCount": 2058,
"wordCount": 2100,
"title": "Introduction to the Solid JavaScript Library"
},
{
@ -127,24 +145,6 @@
"publishedOn": "2021-08-23T17:16:38.000Z",
"wordCount": 1292,
"title": "Detecting Media Query Support in CSS and JavaScript"
},
{
"id": "https://css-tricks.com/?p=350160",
"author": "Chris Coyier",
"description": "We can update the URL in JavaScript. Weve got the APIs pushState and replaceState: \n// Adds to browser history\nhistory.pushState({}, \"About Page\", \"/about\");\n\n// Doesn't\nhistory.replaceState({}, \"About Page\", \"/about\");\nJavaScript is also capable of replacing any content in the …\nThe post Native JavaScript Routing? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/native-javascript-routing/",
"publishedOn": "2021-08-23T14:28:14.000Z",
"wordCount": 859,
"title": "Native JavaScript Routing?"
},
{
"id": "https://css-tricks.com/?p=350186",
"author": "Chris Coyier",
"description": "I appreciated this bit of nuance from a post on Vigets blog:\nThere could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:\n1. Stock tailwind, ie. no changes to the \n…\nThe post “Disambiguating Tailwind” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
"link": "https://css-tricks.com/disambiguating-tailwind/",
"publishedOn": "2021-08-20T19:59:47.000Z",
"wordCount": 824,
"title": "“Disambiguating Tailwind”"
}
]
},
@ -153,13 +153,41 @@
"feedUrl": "https://www.smashingmagazine.com/feed/",
"siteUrl": "https://www.smashingmagazine.com/",
"articles": [
{
"id": "https://smashingmagazine.com/2021/08/state-management-nextjs/",
"author": "hello@smashingmagazine.com (Átila Fassina)",
"description": "By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Lets have a look at some patterns to accomplish all that.",
"link": "https://smashingmagazine.com/2021/08/state-management-nextjs/",
"publishedOn": "2021-08-31T14:00:00.000Z",
"wordCount": 2894,
"title": "State Management In Next.js",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7be7a6e9-5d44-4941-8a6c-dfee3435cc9b/state-management-nextjs.jpg",
"length": "0",
"type": "image/jpg"
}
},
{
"id": "https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/",
"author": "hello@smashingmagazine.com (Cosima Mielke)",
"description": "New month, new wallpapers! In this post, youll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy!",
"link": "https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/",
"publishedOn": "2021-08-31T08:00:00.000Z",
"wordCount": 2411,
"title": "Stories Of September (2021 Desktop Wallpapers Edition)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdfaaaac-a4fb-475b-997c-ac45db998da0/sep-21-finding-the-balance-preview-opt.png",
"length": "0",
"type": "image/png"
}
},
{
"id": "https://smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/",
"author": "hello@smashingmagazine.com (Adrian Bece)",
"description": "There are many CSS optimization techniques to tackle potential file size and performance issues. Lets take a look at some of them. After all, if deploying the refactored codebase causes loading or performance issues, it will result in less traffic and revenue, which might leave the management and project managers dissatisfied.",
"link": "https://smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/",
"publishedOn": "2021-08-30T10:00:00.000Z",
"wordCount": 3695,
"wordCount": 3702,
"title": "Refactoring CSS: Optimizing Size And Performance (Part 3)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fa4e0eab-b23c-42ac-a622-b2ca8a02edd0/refactoring-css-optimizing-size-performance-part3.jpg",
@ -173,7 +201,7 @@
"description": "Compound components help developers build more expressive and flexible APIs to share state and logic within components. This tutorial explains how this can be achieved with the help of using the Context API and React to build components by using this advanced pattern.",
"link": "https://smashingmagazine.com/2021/08/compound-components-react/",
"publishedOn": "2021-08-27T13:00:00.000Z",
"wordCount": 3107,
"wordCount": 3120,
"title": "Compound Components In React",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e9df8cb4-b274-407a-97a8-f06488571802/compound-components-react.jpg",
@ -187,7 +215,7 @@
"description": "The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users data, and how you can too.",
"link": "https://smashingmagazine.com/2021/08/against-privacy-infringement-web/",
"publishedOn": "2021-08-26T08:00:00.000Z",
"wordCount": 3768,
"wordCount": 3785,
"title": "Pushing Back Against Privacy Infringement On The Web",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fbab17a6-483b-4e8e-b9f1-9ab583202df1/against-privacy-infringement-web.jpg",
@ -201,7 +229,7 @@
"description": "In this article, Leonardo explains how to use a \"multi-monorepo\" approach for making the development experience faster, yet keeping your PHP packages private. This solution can be especially beneficial for PRO plugin creators.",
"link": "https://smashingmagazine.com/2021/08/public-private-multi-monorepo-php-projects/",
"publishedOn": "2021-08-25T07:10:00.000Z",
"wordCount": 3497,
"wordCount": 3508,
"title": "Creating A Public/Private Multi-Monorepo For PHP Projects",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a223ab2b-d926-4fec-a422-bed6e7b02178/01-architecture.png",
@ -215,7 +243,7 @@
"description": "In this article, youll learn how to save hours of tedious work of writing, updating, and correcting technical documentation. In this article, you will learn how to automate your documentation workflow with Vale and GitHub Actions.",
"link": "https://smashingmagazine.com/2021/08/automate-documentation-workflow-for-developers/",
"publishedOn": "2021-08-24T13:00:00.000Z",
"wordCount": 3238,
"wordCount": 3236,
"title": "How To Automate Documentation Workflow For Developers",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/68266575-8f47-415b-9c91-7004a02944ee/action-github-1.png",
@ -229,7 +257,7 @@
"description": "After almost five years in development, the new HTTP/3 protocol is nearing its final form. Lets take a close look at the performance improvements of HTTP/3, congestion control, head-of-line-blocking, and 0-RTT connection set-up.",
"link": "https://smashingmagazine.com/2021/08/http3-performance-improvements-part2/",
"publishedOn": "2021-08-23T06:20:00.000Z",
"wordCount": 10545,
"wordCount": 10546,
"title": "HTTP/3: Performance Improvements (Part 2)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/9d5e5ddd-7a90-48c6-84c5-dc5c335e2305/congestion-control.png",
@ -243,7 +271,7 @@
"description": "The story of Jamstack CMSs goes all the way back to the 90s. In this article, we take a trip down memory lane to see how we got to the modern Jamstack CMSs we have today, and where theyre heading in the next decade.",
"link": "https://smashingmagazine.com/2021/08/history-future-jamstack-cms/",
"publishedOn": "2021-08-20T08:00:00.000Z",
"wordCount": 4610,
"wordCount": 4598,
"title": "Jamstack CMS: The Past, The Present and The Future",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/f2f37c71-d2c5-4634-b62c-2dc2eea127c1/history-future-jamstack-cms.jpg",
@ -257,7 +285,7 @@
"description": "Through a simple step-by-step approach, you can build an ethical practice within your organization that will ensure youre respecting the dignity and welfare of your research participants.",
"link": "https://smashingmagazine.com/2021/08/ethical-user-research-practice/",
"publishedOn": "2021-08-19T10:00:00.000Z",
"wordCount": 5353,
"wordCount": 5350,
"title": "How To Build An Ethical User Research Practice At Any Organization",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/72fbade7-8284-47ba-93d7-0f8a7aefdb7e/ethical-user-research-practice.jpg",
@ -271,7 +299,7 @@
"description": "In this article, we will code a Gantt chart as a reusable Web component. We will focus on the architecture of the component, rendering the calendar with CSS Grid and managing the state of the draggable tasks with JavaScript Proxy Objects.",
"link": "https://smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/",
"publishedOn": "2021-08-18T08:00:00.000Z",
"wordCount": 3320,
"wordCount": 3315,
"title": "Creating An Interactive Gantt Chart Component With Vanilla JavaScript",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3bcf1248-c58e-47f4-a94f-3cbac5c60b45/interactive-gantt-chart-component-vanillajs.jpg",
@ -285,7 +313,7 @@
"description": "Your project is on a tight budget? Weve collected some wonderful, free icons and goodies that weve discovered lately and that are bound to give your design the finishing touch. Weve also just recently covered [Figma plugins](https://www.smashingmagazine.com/2021/08/figma-tools-plugins-resources/), [SVG generators](https://www.smashingmagazine.com/2021/03/svg-generators/), [accessible front-end components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/) and [front-end boilerplates](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) — you might find them useful, too.",
"link": "https://smashingmagazine.com/2021/08/open-source-icons/",
"publishedOn": "2021-08-17T07:25:00.000Z",
"wordCount": 1865,
"wordCount": 1869,
"title": "Free Open-Source Icons",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/337b471a-0798-410d-9670-1d63c5bebfdc/05-tourism.jpg",
@ -299,7 +327,7 @@
"description": "Software development without a roadmap is akin to driving off a cliff — an undertaking that seriously jeopardizes your products life. Heres how to develop a business technology roadmap that ensures your project safely reaches its final destination.",
"link": "https://smashingmagazine.com/2021/08/develop-business-technology-roadmap/",
"publishedOn": "2021-08-16T06:55:00.000Z",
"wordCount": 2955,
"wordCount": 2954,
"title": "How To Develop Your Business Technology Roadmap",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a6b3fa2a-b540-45e6-9423-f299fc4b6835/develop-business-technology-roadmap.jpg",
@ -313,7 +341,7 @@
"description": "Useful Figma plugins that will help you fix all the little slowdowns and boost your productivity. From color management and image assets to SVG shapes and animation. Thats our new guide to Figma.",
"link": "https://smashingmagazine.com/2021/08/Figma-tools-plugins-resources/",
"publishedOn": "2021-08-12T13:30:00.000Z",
"wordCount": 6650,
"wordCount": 6655,
"title": "Useful Figma Plugins And Tools",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2a4221c8-35b1-4545-9561-12fe84087ae6/6681a4b9-c319-4421-8364-6d2654cf6e53-cover.jpg",
@ -383,7 +411,7 @@
"description": "What exactly is HTTP/3? Why was it needed so soon after HTTP/2 (which was only finalized in 2015)? How can or should you use it? And especially, how does this improve web performance? Lets find out.",
"link": "https://smashingmagazine.com/2021/08/http3-core-concepts-part1/",
"publishedOn": "2021-08-09T11:00:00.000Z",
"wordCount": 6959,
"wordCount": 6960,
"title": "HTTP/3 From A To Z: Core Concepts (Part 1)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8f9f9146-4b77-494d-af72-4db28567a6fe/http3-core-concepts-part1.jpg",
@ -397,7 +425,7 @@
"description": "VS Code can be supercharged wuth hundreds of [VS Code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/). In this article, Leonardo shares four useful extensions that help him in his daily work.",
"link": "https://smashingmagazine.com/2021/08/useful-vscode-extensions-web-developers/",
"publishedOn": "2021-08-06T10:00:00.000Z",
"wordCount": 572,
"wordCount": 580,
"title": "Four Useful VSCode Extensions For Web Developers",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2f984846-0510-48f5-a415-326027d14a88/3-useful-vscode-extensions-web-developers.png",
@ -425,7 +453,7 @@
"description": "In this article, well discuss and learn about the use case of iterating over React `children` and the ways to do it. In particular, we will deep dive into one of the utility methods, `React.Children.toArray`, that React gives us, which helps to iterate over the children in a way which ensures performance and determinism.",
"link": "https://smashingmagazine.com/2021/08/react-children-iteration-methods/",
"publishedOn": "2021-08-04T10:30:00.000Z",
"wordCount": 3333,
"wordCount": 3338,
"title": "React Children And Iteration Methods",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ae9c0d62-009e-45c0-a600-d747533e49e5/react-children-iteration-methods.jpg",
@ -439,27 +467,13 @@
"description": "Resilience is intrinsic to the web and therefore us, web developers. This article explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures better equips us before, during, and after an error occurs.",
"link": "https://smashingmagazine.com/2021/08/build-resilient-javascript-ui/",
"publishedOn": "2021-08-03T11:00:00.000Z",
"wordCount": 2958,
"wordCount": 2951,
"title": "How To Build Resilient JavaScript UIs",
"enclosure": {
"url": "blob:http://www.smashingmagazine.com/c8b93225-8b34-431c-94f1-2f2d0a4fb95a",
"length": "0",
"type": "image/com/c8b93225-8b34-431c-94f1-2f2d0a4fb95a"
}
},
{
"id": "https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/",
"author": "hello@smashingmagazine.com (Adrian Bece)",
"description": "In this article, well take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.",
"link": "https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/",
"publishedOn": "2021-08-02T11:00:00.000Z",
"wordCount": 6067,
"title": "Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1005065b-5daf-4b21-8ac6-89b91effa5b9/refactoring-css-strategy-regression-testing-maintenance-part2.jpg",
"length": "0",
"type": "image/jpg"
}
}
]
},
@ -468,6 +482,78 @@
"feedUrl": "https://www.freecodecamp.org/news/rss/",
"siteUrl": "https://www.freecodecamp.org/news",
"articles": [
{
"id": "612cc025b5177808226d4a67",
"author": null,
"description": "If you use Instagram, you may have needed to block certain accounts from time to time. But what if things change and you want to unblock someone? In this article, I will walk you through the three ways to unblock someone on Instagram using the mobile app for iPhone and",
"link": "https://www.freecodecamp.org/news/how-to-unblock-someone-on-instagram/",
"publishedOn": "2021-08-31T21:30:46.000Z",
"wordCount": 478,
"title": "How to Unblock Someone on Instagram"
},
{
"id": "612ddfa9d6679a07b7d3f3c9",
"author": null,
"description": "Loops are a useful and frequently used feature in all modern programming languages. If you want to automate a specific repetitive task or prevent yourself from writing repetitive code in your programs, using a loop is the best option for that. Loops are a set of instructions that run repeatedly",
"link": "https://www.freecodecamp.org/news/python-do-while-loop-example/",
"publishedOn": "2021-08-31T21:15:26.000Z",
"wordCount": 1349,
"title": "Python Do While Loop Example"
},
{
"id": "61134bed72231b077cdad5e1",
"author": null,
"description": "The only perfect code is code that has never been written. As a developer, you are bound to face errors and will be responsible for debugging them. If you're coding in Python, you can always look at its error messages to figure out what's going on. But what if an",
"link": "https://www.freecodecamp.org/news/logging-in-python-debug-your-django-projects/",
"publishedOn": "2021-08-31T20:46:24.000Z",
"wordCount": 1517,
"title": "Logging in Python How to Use Logs to Debug Your Django Projects"
},
{
"id": "612e6908d6679a07b7d3fad2",
"author": null,
"description": "When you're building a website, you may want to place particular emphasis on certain text to let users know that it's important. And you can do this in HTML with various text formatting tags. In this article, I will take you through how to emphasize certain text by making it",
"link": "https://www.freecodecamp.org/news/bold-font-in-html-font-weight-for-letters/",
"publishedOn": "2021-08-31T20:35:21.000Z",
"wordCount": 787,
"title": "Bold Font in HTML Font Weight for Letters"
},
{
"id": "611d6719e884de07521811de",
"author": null,
"description": "Say you're working on your code in Git and something didn't go as planned. So now you need to revert your last commit. How do you do it? Let's find out! There are two possible ways to undo your last commit. We'll look at both of them in this article.",
"link": "https://www.freecodecamp.org/news/git-revert-commit-how-to-undo-the-last-commit/",
"publishedOn": "2021-08-31T20:20:41.000Z",
"wordCount": 573,
"title": "Git Revert Commit How to Undo the Last Commit"
},
{
"id": "611e90d03bccf807612a352a",
"author": null,
"description": "Releasing modern software might seem daunting and complicated. In this article, I'll expand on the concepts involved in the process, from managing dependencies to building in the cloud. Articles and tutorials usually cover a specific tool and dive right into it before laying down the foundational knowledge. In this article,",
"link": "https://www.freecodecamp.org/news/release-management-modern-software-development/",
"publishedOn": "2021-08-31T17:00:00.000Z",
"wordCount": 2334,
"title": "Release Management for Modern Software Development How to Manage Dependencies, SemVer, and Build Systems for Beginners"
},
{
"id": "60ffa3a33306a507d1bf97e9",
"author": null,
"description": "People have long debated which is the best operating system for developers. In order for us to answer this question, we first need to understand a few things, like: What is an operating system? The history of operating systems How an operating system works Types and examples of operating systems",
"link": "https://www.freecodecamp.org/news/what-is-an-os-operating-system-definition-for-beginners/",
"publishedOn": "2021-08-31T16:50:03.000Z",
"wordCount": 2268,
"title": "What is an OS? Operating System Definition for Beginners"
},
{
"id": "6127fc01b5177808226d2b46",
"author": null,
"description": "Selenium is a powerful web automation tool that can be used for browser automation, to test front-end code, and create web scraping bots. We just released a full course on the freeCodeCamp.org website that will teach you Selenium while you build a web scraping bot. Jim from JimShapedCoding developed",
"link": "https://www.freecodecamp.org/news/use-selenium-to-create-a-web-scraping-bot/",
"publishedOn": "2021-08-31T12:43:06.000Z",
"wordCount": 29022,
"title": "Use Selenium to Create a Web Scraping Bot"
},
{
"id": "610648fd3306a507d1bfbfed",
"author": null,
@ -485,78 +571,6 @@
"publishedOn": "2021-08-30T21:35:33.000Z",
"wordCount": 745,
"title": "Remove a Directory in Linux How to Delete Directories and Contents From the Command Line"
},
{
"id": "612a9e08b5177808226d384b",
"author": null,
"description": "Async and await might sound complicated...but they're as easy as pizza pie once you dive in. We all use async and await in our daily routines. What is an async task? An async task lets you complete other tasks while the async task is still working towards completion. Here",
"link": "https://www.freecodecamp.org/news/async-await-javascript-tutorial-explained-by-making-pizza/",
"publishedOn": "2021-08-30T20:20:59.000Z",
"wordCount": 980,
"title": "Async and Await in JavaScript Explained by Making Pizza"
},
{
"id": "61274ec43bccf807612a85b9",
"author": null,
"description": "In this tutorial, we are going to be building a simple movie generator which automatically generates a new movie every 40 seconds. It will also contain a button called “Generate New Movie” to display another movie on demand. This app will display a movie along with its title, release date,",
"link": "https://www.freecodecamp.org/news/react-tutorial-build-a-movie-list-generator-with-react-and-harperdb/",
"publishedOn": "2021-08-30T19:07:30.000Z",
"wordCount": 4102,
"title": "React Tutorial Build a Movie List Generator with React and HarperDB"
},
{
"id": "612686bf3bccf807612a7fdc",
"author": null,
"description": "I just joined Cisco Systems, India as a Senior Software Engineer (SDE III) on July 28, 2021. I am working with the Cisco Customer Experience team as a UI developer. The entire journey from applying for the job to accepting the offer was two months long. I wish to share",
"link": "https://www.freecodecamp.org/news/senior-software-engineer-interview-questions-how-i-got-a-job-as-an-sde-3-and-how-you-can-prepare-for-the-rounds/",
"publishedOn": "2021-08-30T17:56:48.000Z",
"wordCount": 2817,
"title": "Senior Software Engineer Interview Questions Tips to Help You Prepare for a Job Interview"
},
{
"id": "6124028b3bccf807612a69ee",
"author": null,
"description": "Gitpod and GitHub Codespaces are cloud based developer environments that allow you to spin-up high-performance, automated dev environments in seconds. Over the past few months I have gone down the rabbit hole of cloud-based developer environments. I'm moving several of my projects to the cloud so that developers can deploy",
"link": "https://www.freecodecamp.org/news/github-codespaces-vs-gitpod-cloud-based-dev-environments/",
"publishedOn": "2021-08-30T17:10:36.000Z",
"wordCount": 2802,
"title": "GitHub Codespaces vs Gitpod Full Stack Development Moves to the Cloud"
},
{
"id": "6125e9f83bccf807612a7a65",
"author": null,
"description": "Contact forms are useful on websites if you want your users to be able to interact with you over email. And there are lots of ways to build them. Traditionally you'd have either used PHP for sending emails over the server or some third party service that would take care",
"link": "https://www.freecodecamp.org/news/how-to-build-a-working-contact-form-with-sendgrid-and-next-js/",
"publishedOn": "2021-08-30T15:24:14.000Z",
"wordCount": 3593,
"title": "How to Build a Contact Form with SendGrid and Next.js"
},
{
"id": "6128e12fb5177808226d2e4f",
"author": null,
"description": "PHP is an open-source server-side scripting language that many devs use for web development. It is also a general-purpose language that you can use to make lots of projects, including Graphical User Interfaces (GUIs). In this article, I will help you explore the world of PHP so you can learn",
"link": "https://www.freecodecamp.org/news/what-is-php-the-php-programming-language-meaning-explained/",
"publishedOn": "2021-08-30T15:13:30.000Z",
"wordCount": 1285,
"title": "What is PHP? The PHP Programming Language Meaning Explained"
},
{
"id": "6120ec0b3bccf807612a4bf3",
"author": null,
"description": "NodeJS is an asynchronous event-driven JavaScript runtime environment designed to build scalable network applications. Asynchronous here refers to all those functions in JavaScript that are processed in the background without blocking any other request. In this article, you will learn and understand how NodeJS works and handles all functions or",
"link": "https://www.freecodecamp.org/news/nodejs-eventloop-tutorial/",
"publishedOn": "2021-08-30T15:11:16.000Z",
"wordCount": 1414,
"title": "Event Loops in NodeJS Beginner's Guide to Synchronous and Asynchronous Code"
},
{
"id": "6127b75d3bccf807612a8c40",
"author": null,
"description": "Every day more and more use cases are found for machine learning. It is a great field to get into. We just released a 10-hour machine learning course for beginners on the freeCodeCamp.org YouTube channel. Ayush Singh developed this course. He is a young data scientist and machine learning",
"link": "https://www.freecodecamp.org/news/free-machine-learning-course-10-hourse/",
"publishedOn": "2021-08-30T13:36:04.000Z",
"wordCount": 516,
"title": "Free 10-Hour Machine Learning Course"
}
]
}

249
feed.atom
View file

@ -1,10 +1,134 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>urn:2021-08-31T00:40:45.284Z</id>
<id>urn:2021-09-01T00:43:08.536Z</id>
<title>osmos::feed</title>
<updated>2021-08-31T00:40:45.284Z</updated>
<updated>2021-09-01T00:43:08.536Z</updated>
<generator>osmosfeed 1.11.0</generator>
<link rel="alternate" href="index.html"/>
<entry>
<title type="html"><![CDATA[How to Unblock Someone on Instagram]]></title>
<id>612cc025b5177808226d4a67</id>
<link href="https://www.freecodecamp.org/news/how-to-unblock-someone-on-instagram/"/>
<updated>2021-08-31T21:30:46.000Z</updated>
<summary type="html"><![CDATA[If you use Instagram, you may have needed to block certain accounts from time to time. But what if things change and you want to unblock someone? In this article, I will walk you through the three ways to unblock someone on Instagram using the mobile app for iPhone and]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Python Do While Loop Example]]></title>
<id>612ddfa9d6679a07b7d3f3c9</id>
<link href="https://www.freecodecamp.org/news/python-do-while-loop-example/"/>
<updated>2021-08-31T21:15:26.000Z</updated>
<summary type="html"><![CDATA[Loops are a useful and frequently used feature in all modern programming languages. If you want to automate a specific repetitive task or prevent yourself from writing repetitive code in your programs, using a loop is the best option for that. Loops are a set of instructions that run repeatedly]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Logging in Python How to Use Logs to Debug Your Django Projects]]></title>
<id>61134bed72231b077cdad5e1</id>
<link href="https://www.freecodecamp.org/news/logging-in-python-debug-your-django-projects/"/>
<updated>2021-08-31T20:46:24.000Z</updated>
<summary type="html"><![CDATA[The only perfect code is code that has never been written. As a developer, you are bound to face errors and will be responsible for debugging them. If you're coding in Python, you can always look at its error messages to figure out what's going on. But what if an]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Bold Font in HTML Font Weight for Letters]]></title>
<id>612e6908d6679a07b7d3fad2</id>
<link href="https://www.freecodecamp.org/news/bold-font-in-html-font-weight-for-letters/"/>
<updated>2021-08-31T20:35:21.000Z</updated>
<summary type="html"><![CDATA[When you're building a website, you may want to place particular emphasis on certain text to let users know that it's important. And you can do this in HTML with various text formatting tags. In this article, I will take you through how to emphasize certain text by making it]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Git Revert Commit How to Undo the Last Commit]]></title>
<id>611d6719e884de07521811de</id>
<link href="https://www.freecodecamp.org/news/git-revert-commit-how-to-undo-the-last-commit/"/>
<updated>2021-08-31T20:20:41.000Z</updated>
<summary type="html"><![CDATA[Say you're working on your code in Git and something didn't go as planned. So now you need to revert your last commit. How do you do it? Let's find out! There are two possible ways to undo your last commit. We'll look at both of them in this article.]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[You want enabling CSS selectors, not disabling ones]]></title>
<id>https://css-tricks.com/?p=350788</id>
<link href="https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/"/>
<updated>2021-08-31T20:17:25.000Z</updated>
<summary type="html"><![CDATA[I think this is good advice from Silvestar Bistrović:
An enabling selector is what I call a selector that does a job without disabling the particular rule.
The classic example is applying margin to everything, only to have to remove …
The post You want enabling CSS selectors, not disabling ones 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[Release Management for Modern Software Development How to Manage Dependencies, SemVer, and Build Systems for Beginners]]></title>
<id>611e90d03bccf807612a352a</id>
<link href="https://www.freecodecamp.org/news/release-management-modern-software-development/"/>
<updated>2021-08-31T17:00:00.000Z</updated>
<summary type="html"><![CDATA[Releasing modern software might seem daunting and complicated. In this article, I'll expand on the concepts involved in the process, from managing dependencies to building in the cloud. Articles and tutorials usually cover a specific tool and dive right into it before laying down the foundational knowledge. In this article,]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[What is an OS? Operating System Definition for Beginners]]></title>
<id>60ffa3a33306a507d1bf97e9</id>
<link href="https://www.freecodecamp.org/news/what-is-an-os-operating-system-definition-for-beginners/"/>
<updated>2021-08-31T16:50:03.000Z</updated>
<summary type="html"><![CDATA[People have long debated which is the best operating system for developers. In order for us to answer this question, we first need to understand a few things, like: What is an operating system? The history of operating systems How an operating system works Types and examples of operating systems]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Application-Specific Links]]></title>
<id>https://css-tricks.com/?p=350690</id>
<link href="https://css-tricks.com/application-specific-links/"/>
<updated>2021-08-31T14:30:21.000Z</updated>
<summary type="html"><![CDATA[You know like https:? Thats a URL Scheme. Youre probably familiar with the concept, thanks to others that come up in front-end development, like mailto:. You can actually make your own, which is pretty cool. There …
The post Application-Specific Links 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[State Management In Next.js]]></title>
<id>https://smashingmagazine.com/2021/08/state-management-nextjs/</id>
<link href="https://smashingmagazine.com/2021/08/state-management-nextjs/"/>
<updated>2021-08-31T14:00:00.000Z</updated>
<summary type="html"><![CDATA[By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Lets have a look at some patterns to accomplish all that.]]></summary>
<author>
<name>hello@smashingmagazine.com (Átila Fassina)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Use Selenium to Create a Web Scraping Bot]]></title>
<id>6127fc01b5177808226d2b46</id>
<link href="https://www.freecodecamp.org/news/use-selenium-to-create-a-web-scraping-bot/"/>
<updated>2021-08-31T12:43:06.000Z</updated>
<summary type="html"><![CDATA[Selenium is a powerful web automation tool that can be used for browser automation, to test front-end code, and create web scraping bots. We just released a full course on the freeCodeCamp.org website that will teach you Selenium while you build a web scraping bot. Jim from JimShapedCoding developed]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Stories Of September (2021 Desktop Wallpapers Edition)]]></title>
<id>https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/</id>
<link href="https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/"/>
<updated>2021-08-31T08:00:00.000Z</updated>
<summary type="html"><![CDATA[New month, new wallpapers! In this post, youll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy!]]></summary>
<author>
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[What is a Full Stack Developer? Back End + Front End &#x3D; Full Stack Engineer]]></title>
<id>610648fd3306a507d1bfbfed</id>
@ -37,76 +161,6 @@ The post CSS Pseudo Commas appeared first on CSS-Tricks. You can support CSS-Tri
<name>Geoff Graham</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Async and Await in JavaScript Explained by Making Pizza]]></title>
<id>612a9e08b5177808226d384b</id>
<link href="https://www.freecodecamp.org/news/async-await-javascript-tutorial-explained-by-making-pizza/"/>
<updated>2021-08-30T20:20:59.000Z</updated>
<summary type="html"><![CDATA[Async and await might sound complicated...but they're as easy as pizza pie once you dive in. We all use async and await in our daily routines. What is an async task? An async task lets you complete other tasks while the async task is still working towards completion. Here]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[React Tutorial Build a Movie List Generator with React and HarperDB]]></title>
<id>61274ec43bccf807612a85b9</id>
<link href="https://www.freecodecamp.org/news/react-tutorial-build-a-movie-list-generator-with-react-and-harperdb/"/>
<updated>2021-08-30T19:07:30.000Z</updated>
<summary type="html"><![CDATA[In this tutorial, we are going to be building a simple movie generator which automatically generates a new movie every 40 seconds. It will also contain a button called “Generate New Movie” to display another movie on demand. This app will display a movie along with its title, release date,]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Senior Software Engineer Interview Questions Tips to Help You Prepare for a Job Interview]]></title>
<id>612686bf3bccf807612a7fdc</id>
<link href="https://www.freecodecamp.org/news/senior-software-engineer-interview-questions-how-i-got-a-job-as-an-sde-3-and-how-you-can-prepare-for-the-rounds/"/>
<updated>2021-08-30T17:56:48.000Z</updated>
<summary type="html"><![CDATA[I just joined Cisco Systems, India as a Senior Software Engineer (SDE III) on July 28, 2021. I am working with the Cisco Customer Experience team as a UI developer. The entire journey from applying for the job to accepting the offer was two months long. I wish to share]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[GitHub Codespaces vs Gitpod Full Stack Development Moves to the Cloud]]></title>
<id>6124028b3bccf807612a69ee</id>
<link href="https://www.freecodecamp.org/news/github-codespaces-vs-gitpod-cloud-based-dev-environments/"/>
<updated>2021-08-30T17:10:36.000Z</updated>
<summary type="html"><![CDATA[Gitpod and GitHub Codespaces are cloud based developer environments that allow you to spin-up high-performance, automated dev environments in seconds. Over the past few months I have gone down the rabbit hole of cloud-based developer environments. I'm moving several of my projects to the cloud so that developers can deploy]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Build a Contact Form with SendGrid and Next.js]]></title>
<id>6125e9f83bccf807612a7a65</id>
<link href="https://www.freecodecamp.org/news/how-to-build-a-working-contact-form-with-sendgrid-and-next-js/"/>
<updated>2021-08-30T15:24:14.000Z</updated>
<summary type="html"><![CDATA[Contact forms are useful on websites if you want your users to be able to interact with you over email. And there are lots of ways to build them. Traditionally you'd have either used PHP for sending emails over the server or some third party service that would take care]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[What is PHP? The PHP Programming Language Meaning Explained]]></title>
<id>6128e12fb5177808226d2e4f</id>
<link href="https://www.freecodecamp.org/news/what-is-php-the-php-programming-language-meaning-explained/"/>
<updated>2021-08-30T15:13:30.000Z</updated>
<summary type="html"><![CDATA[PHP is an open-source server-side scripting language that many devs use for web development. It is also a general-purpose language that you can use to make lots of projects, including Graphical User Interfaces (GUIs). In this article, I will help you explore the world of PHP so you can learn]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Event Loops in NodeJS Beginner&#x27;s Guide to Synchronous and Asynchronous Code]]></title>
<id>6120ec0b3bccf807612a4bf3</id>
<link href="https://www.freecodecamp.org/news/nodejs-eventloop-tutorial/"/>
<updated>2021-08-30T15:11:16.000Z</updated>
<summary type="html"><![CDATA[NodeJS is an asynchronous event-driven JavaScript runtime environment designed to build scalable network applications. Asynchronous here refers to all those functions in JavaScript that are processed in the background without blocking any other request. In this article, you will learn and understand how NodeJS works and handles all functions or]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Exploring the CSS Paint API: Blob Animation]]></title>
<id>https://css-tricks.com/?p=350574</id>
@ -118,16 +172,6 @@ The post Exploring the CSS Paint API: Blob Animation appeared first on CSS-Trick
<name>Temani Afif</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Free 10-Hour Machine Learning Course]]></title>
<id>6127b75d3bccf807612a8c40</id>
<link href="https://www.freecodecamp.org/news/free-machine-learning-course-10-hourse/"/>
<updated>2021-08-30T13:36:04.000Z</updated>
<summary type="html"><![CDATA[Every day more and more use cases are found for machine learning. It is a great field to get into. We just released a 10-hour machine learning course for beginners on the freeCodeCamp.org YouTube channel. Ayush Singh developed this course. He is a young data scientist and machine learning]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Refactoring CSS: Optimizing Size And Performance (Part 3)]]></title>
<id>https://smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/</id>
@ -310,23 +354,6 @@ The post Detecting Media Query Support in CSS and JavaScript appeared first on C
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Native JavaScript Routing?]]></title>
<id>https://css-tricks.com/?p=350160</id>
<link href="https://css-tricks.com/native-javascript-routing/"/>
<updated>2021-08-23T14:28:14.000Z</updated>
<summary type="html"><![CDATA[We can update the URL in JavaScript. Weve got the APIs pushState and replaceState:
// Adds to browser history
history.pushState({}, "About Page", "/about");
// Doesn't
history.replaceState({}, "About Page", "/about");
JavaScript is also capable of replacing any content in the …
The post Native JavaScript Routing? 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[HTTP/3: Performance Improvements (Part 2)]]></title>
<id>https://smashingmagazine.com/2021/08/http3-performance-improvements-part2/</id>
@ -337,20 +364,6 @@ The post Native JavaScript Routing? appeared first on CSS-Tricks. You can suppor
<name>hello@smashingmagazine.com (Robin Marx)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[“Disambiguating Tailwind”]]></title>
<id>https://css-tricks.com/?p=350186</id>
<link href="https://css-tricks.com/disambiguating-tailwind/"/>
<updated>2021-08-20T19:59:47.000Z</updated>
<summary type="html"><![CDATA[I appreciated this bit of nuance from a post on Vigets blog:
There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:
1. Stock tailwind, ie. no changes to the
The post “Disambiguating Tailwind” 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[Jamstack CMS: The Past, The Present and The Future]]></title>
<id>https://smashingmagazine.com/2021/08/history-future-jamstack-cms/</id>
@ -501,14 +514,4 @@ The post “Disambiguating Tailwind” appeared first on CSS-Tricks. You can sup
<name>hello@smashingmagazine.com (Callum Hart)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)]]></title>
<id>https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/</id>
<link href="https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/"/>
<updated>2021-08-02T11:00:00.000Z</updated>
<summary type="html"><![CDATA[In this article, well take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.]]></summary>
<author>
<name>hello@smashingmagazine.com (Adrian Bece)</name>
</author>
</entry>
</feed>

View file

@ -15,6 +15,165 @@
<body>
<!-- %after-body-begin.html% -->
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-08-31">2021-08-31</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">You want enabling CSS selectors, not disabling ones</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(1 min)</span>
<span>I think this is good advice from Silvestar Bistrović:
An enabling selector is what I call a selector that does a job without disabling the particular rule.
The classic example is applying margin to everything, only to have to remove …
The post You want enabling CSS selectors, not disabling ones 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">Application-Specific Links</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/application-specific-links/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>You know like https:? Thats a URL Scheme. Youre probably familiar with the concept, thanks to others that come up in front-end development, like mailto:. You can actually make your own, which is pretty cool. There …
The post Application-Specific Links 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">How to Unblock Someone on Instagram</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-unblock-someone-on-instagram/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>If you use Instagram, you may have needed to block certain accounts from time to time. But what if things change and you want to unblock someone? In this article, I will walk you through the three ways to unblock someone on Instagram using the mobile app for iPhone and</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Python Do While Loop Example</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/python-do-while-loop-example/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(4 min)</span>
<span>Loops are a useful and frequently used feature in all modern programming languages. If you want to automate a specific repetitive task or prevent yourself from writing repetitive code in your programs, using a loop is the best option for that. Loops are a set of instructions that run repeatedly</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Logging in Python How to Use Logs to Debug Your Django Projects</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/logging-in-python-debug-your-django-projects/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span>The only perfect code is code that has never been written. As a developer, you are bound to face errors and will be responsible for debugging them. If you&#x27;re coding in Python, you can always look at its error messages to figure out what&#x27;s going on. But what if an</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Bold Font in HTML Font Weight for Letters</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/bold-font-in-html-font-weight-for-letters/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>When you&#x27;re building a website, you may want to place particular emphasis on certain text to let users know that it&#x27;s important. And you can do this in HTML with various text formatting tags. In this article, I will take you through how to emphasize certain text by making it</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Git Revert Commit How to Undo the Last Commit</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/git-revert-commit-how-to-undo-the-last-commit/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>Say you&#x27;re working on your code in Git and something didn&#x27;t go as planned. So now you need to revert your last commit. How do you do it? Let&#x27;s find out! There are two possible ways to undo your last commit. We&#x27;ll look at both of them in this article.</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Release Management for Modern Software Development How to Manage Dependencies, SemVer, and Build Systems for Beginners</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/release-management-modern-software-development/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(8 min)</span>
<span>Releasing modern software might seem daunting and complicated. In this article, I&#x27;ll expand on the concepts involved in the process, from managing dependencies to building in the cloud. Articles and tutorials usually cover a specific tool and dive right into it before laying down the foundational knowledge. In this article,</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">What is an OS? Operating System Definition for Beginners</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-an-os-operating-system-definition-for-beginners/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(8 min)</span>
<span>People have long debated which is the best operating system for developers. In order for us to answer this question, we first need to understand a few things, like: What is an operating system? The history of operating systems How an operating system works Types and examples of operating systems</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Use Selenium to Create a Web Scraping Bot</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/use-selenium-to-create-a-web-scraping-bot/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(97 min)</span>
<span>Selenium is a powerful web automation tool that can be used for browser automation, to test front-end code, and create web scraping bots. We just released a full course on the freeCodeCamp.org website that will teach you Selenium while you build a web scraping bot. Jim from JimShapedCoding developed</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">State Management In Next.js</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/state-management-nextjs/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(10 min)</span>
<span>By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Lets have a look at some patterns to accomplish all that.</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Stories Of September (2021 Desktop Wallpapers Edition)</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(8 min)</span>
<span>New month, new wallpapers! In this post, youll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy!</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-08-30">2021-08-30</time></h2>
<ul class="sources card">
@ -75,94 +234,6 @@ The post Exploring the CSS Paint API: Blob Animation appeared first on CSS-Trick
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Async and Await in JavaScript Explained by Making Pizza</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/async-await-javascript-tutorial-explained-by-making-pizza/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>Async and await might sound complicated...but they&#x27;re as easy as pizza pie once you dive in. We all use async and await in our daily routines. What is an async task? An async task lets you complete other tasks while the async task is still working towards completion. Here</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">React Tutorial Build a Movie List Generator with React and HarperDB</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/react-tutorial-build-a-movie-list-generator-with-react-and-harperdb/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(14 min)</span>
<span>In this tutorial, we are going to be building a simple movie generator which automatically generates a new movie every 40 seconds. It will also contain a button called “Generate New Movie” to display another movie on demand. This app will display a movie along with its title, release date,</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Senior Software Engineer Interview Questions Tips to Help You Prepare for a Job Interview</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/senior-software-engineer-interview-questions-how-i-got-a-job-as-an-sde-3-and-how-you-can-prepare-for-the-rounds/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(9 min)</span>
<span>I just joined Cisco Systems, India as a Senior Software Engineer (SDE III) on July 28, 2021. I am working with the Cisco Customer Experience team as a UI developer. The entire journey from applying for the job to accepting the offer was two months long. I wish to share</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">GitHub Codespaces vs Gitpod Full Stack Development Moves to the Cloud</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/github-codespaces-vs-gitpod-cloud-based-dev-environments/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(9 min)</span>
<span>Gitpod and GitHub Codespaces are cloud based developer environments that allow you to spin-up high-performance, automated dev environments in seconds. Over the past few months I have gone down the rabbit hole of cloud-based developer environments. I&#x27;m moving several of my projects to the cloud so that developers can deploy</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Build a Contact Form with SendGrid and Next.js</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-build-a-working-contact-form-with-sendgrid-and-next-js/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(12 min)</span>
<span>Contact forms are useful on websites if you want your users to be able to interact with you over email. And there are lots of ways to build them. Traditionally you&#x27;d have either used PHP for sending emails over the server or some third party service that would take care</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">What is PHP? The PHP Programming Language Meaning Explained</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-php-the-php-programming-language-meaning-explained/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(4 min)</span>
<span>PHP is an open-source server-side scripting language that many devs use for web development. It is also a general-purpose language that you can use to make lots of projects, including Graphical User Interfaces (GUIs). In this article, I will help you explore the world of PHP so you can learn</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Event Loops in NodeJS Beginner&#x27;s Guide to Synchronous and Asynchronous Code</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/nodejs-eventloop-tutorial/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(5 min)</span>
<span>NodeJS is an asynchronous event-driven JavaScript runtime environment designed to build scalable network applications. Asynchronous here refers to all those functions in JavaScript that are processed in the background without blocking any other request. In this article, you will learn and understand how NodeJS works and handles all functions or</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Free 10-Hour Machine Learning Course</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/free-machine-learning-course-10-hourse/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>Every day more and more use cases are found for machine learning. It is a great field to get into. We just released a 10-hour machine learning course for beginners on the freeCodeCamp.org YouTube channel. Ayush Singh developed this course. He is a young data scientist and machine learning</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
@ -446,24 +517,6 @@ The post Detecting Media Query Support in CSS and JavaScript appeared first on C
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Native JavaScript Routing?</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/native-javascript-routing/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>We can update the URL in JavaScript. Weve got the APIs pushState and replaceState:
// Adds to browser history
history.pushState({}, &quot;About Page&quot;, &quot;/about&quot;);
// Doesn&#x27;t
history.replaceState({}, &quot;About Page&quot;, &quot;/about&quot;);
JavaScript is also capable of replacing any content in the …
The post Native JavaScript Routing? 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">
@ -488,27 +541,6 @@ The post Native JavaScript Routing? appeared first on CSS-Tricks. You can suppor
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-08-20">2021-08-20</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">“Disambiguating Tailwind”</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/disambiguating-tailwind/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>I appreciated this bit of nuance from a post on Vigets blog:
There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:
1. Stock tailwind, ie. no changes to the
The post “Disambiguating Tailwind” 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>
@ -814,31 +846,9 @@ The post “Disambiguating Tailwind” appeared first on CSS-Tricks. You can sup
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-08-02">2021-08-02</time></h2>
<ul class="sources card">
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(20 min)</span>
<span>In this article, well take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<footer>
<time id="build-timestamp" datetime="2021-08-31T00:40:45.268Z">2021-08-31T00:40:45.268Z</time>
<time id="build-timestamp" datetime="2021-09-01T00:43:08.516Z">2021-09-01T00:43:08.516Z</time>
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.0</a></span>
</footer>
<script src="index.js"></script>