From 004877127239d0fb197df9993838422a93a67936 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Thu, 23 Sep 2021 00:43:38 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 186 +++++++++++++++++++++++++---------------------- feed.atom | 161 +++++++++++++++++++++-------------------- index.html | 207 ++++++++++++++++++++++++++++++----------------------- 3 files changed, 302 insertions(+), 252 deletions(-) diff --git a/cache.json b/cache.json index ca49f2d..ceed60b 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=352210", + "author": "Chris Coyier", + "description": "Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container …\nThe post Container Units Should Be Pretty Handy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/container-units-should-be-pretty-handy/", + "publishedOn": "2021-09-22T23:09:44.000Z", + "wordCount": 805, + "title": "Container Units Should Be Pretty Handy" + }, + { + "id": "https://css-tricks.com/?p=352388", + "author": "Chris Coyier", + "description": "When I came up in web development (2005-2010 were formative years for me), one of the first lessons I learned was to have a clean foundation of HTML. “What Beautiful HTML Code Looks Like” is actually one of the most …\nThe post Twitter’s div Soup and Uglyfied CSS, Explained appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://giuseppegurgone.com/twitter-html/", + "publishedOn": "2021-09-22T21:09:12.000Z", + "wordCount": 1146, + "title": "Twitter’s div Soup and Uglyfied CSS, Explained" + }, + { + "id": "https://css-tricks.com/?p=352074", + "author": "Sarthak Duggal", + "description": "Logging, on its own, is a key aspect of any application. Logging helps developers comprehend what it is that their code is doing. It also helps save developers hours of debugging work. This tutorial is about implementing logging in a …\nThe post How to Implement Logging in a Node.js Application With Pino-logger appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/how-to-implement-logging-in-a-node-js-application-with-pino-logger/", + "publishedOn": "2021-09-22T14:33:10.000Z", + "wordCount": 2540, + "title": "How to Implement Logging in a Node.js Application With Pino-logger" + }, { "id": "https://css-tricks.com/?p=352328", "author": "Chris Coyier", "description": "CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals. \n🎉 CSSWG just resolved to adopt @tabatkins when/else proposal into the next level of CSS \n…\nThe post Proposal for CSS @when appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/proposal-for-css-when/", "publishedOn": "2021-09-21T22:54:51.000Z", - "wordCount": 618, + "wordCount": 948, "title": "Proposal for CSS @when" }, { @@ -36,7 +63,7 @@ "description": "There is a new thing coming in CSS: @layer. As with all new things, it takes time to really wrap your head around it. And despite me tapping at my keyboard about it, full disclosure, I’m not sure my …\nThe post Cascade Layers? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/cascade-layers/", "publishedOn": "2021-09-21T19:23:05.000Z", - "wordCount": 1375, + "wordCount": 1855, "title": "Cascade Layers?" }, { @@ -128,33 +155,6 @@ "publishedOn": "2021-09-16T14:34:46.000Z", "wordCount": 3222, "title": "Minding the “gap”" - }, - { - "id": "https://css-tricks.com/?p=351586", - "author": "Philip Kiely", - "description": "(This is a sponsored post.)\nMany developers love working with static site generators like Gatsby and Hugo. These powerful yet flexible systems help create beautiful websites using familiar tools like Markdown and React. Nearly every popular modern programming …\nThe post Static Site Generators vs. CMS-powered Websites: How to Keep Marketers and Devs Happy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/static-site-generators-vs-cms-powered-websites-how-to-keep-marketers-and-devs-happy/", - "publishedOn": "2021-09-16T14:31:08.000Z", - "wordCount": 1239, - "title": "Static Site Generators vs. CMS-powered Websites: How to Keep Marketers and Devs Happy" - }, - { - "id": "https://css-tricks.com/?p=351987", - "author": "Chris Coyier", - "description": "Here’s a common thought and question: how do browsers prioritize what they work on? We get little glimpses of it sometimes. We’re told to “star issues” in bug trackers to signal interest. We’re told to get involved in GitHub threads …\nThe post 2021 Scroll Survey Report appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://web.dev/2021-scroll-survey-report/", - "publishedOn": "2021-09-15T22:39:08.000Z", - "wordCount": 1162, - "title": "2021 Scroll Survey Report" - }, - { - "id": "https://css-tricks.com/?p=351868", - "author": "Robin Rendle", - "description": "It’s not every day that a new pattern emerges across the web, but I think cmd + k is here to stay. It’s a keyboard shortcut that usually pops open a search UI and it lets you toggle settings on …\nThe post kbar appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://kbar.vercel.app/", - "publishedOn": "2021-09-15T18:51:36.000Z", - "wordCount": 9, - "title": "kbar" } ] }, @@ -163,13 +163,27 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/09/css-head-tag/", + "author": "hello@smashingmagazine.com (Vitaly Friedman)", + "description": "We love little useful tools and techniques to help folks get their work done better and faster. Today, we’d love to shine the spotlights on a little helper that helps spot common performance bottlenecks easily: [ct.css](https://csswizardry.com/ct/).", + "link": "https://smashingmagazine.com/2021/09/css-head-tag/", + "publishedOn": "2021-09-22T15:00:00.000Z", + "wordCount": 725, + "title": "Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet", + "enclosure": { + "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b5bbafda-ded4-4bd3-bb2a-8c4188693d30/head-2.png", + "length": "0", + "type": "image/png" + } + }, { "id": "https://smashingmagazine.com/2021/09/mouseless-development-environment/", "author": "hello@smashingmagazine.com (Matthieu Cneude)", "description": "Building a development environment with the shell as a keystone offers multiple benefits. You can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard.", "link": "https://smashingmagazine.com/2021/09/mouseless-development-environment/", "publishedOn": "2021-09-21T11:30:00.000Z", - "wordCount": 4145, + "wordCount": 4148, "title": "How To Build Your Own Mouseless Development Environment", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5c58e67b-deff-4745-b162-f60f468469ac/mouseless-development-environment.jpg", @@ -197,7 +211,7 @@ "description": "Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening.", "link": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/", "publishedOn": "2021-09-20T11:30:00.000Z", - "wordCount": 3965, + "wordCount": 3964, "title": "Are Imposter Domains Re-Publishing Your Website?", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4504ea89-0356-45c7-a7c1-a5c360ecc471/imposter-domains-republishing-website.jpg", @@ -211,7 +225,7 @@ "description": "Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for.", "link": "https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/", "publishedOn": "2021-09-17T09:00:00.000Z", - "wordCount": 2571, + "wordCount": 2573, "title": "Monetize Open-Source Software With Gatsby Functions And Stripe", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/73f6525b-6678-4db1-a875-16150bc822cd/monetize-open-source-software-gatsby-functions-stripe.jpg", @@ -225,7 +239,7 @@ "description": "Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way.", "link": "https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/", "publishedOn": "2021-09-16T12:00:00.000Z", - "wordCount": 4503, + "wordCount": 4504, "title": "Web Quality Assurance: From User Requirements To Web Risk Management", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/da816ee2-199c-49e8-8f63-f50d1fb5adb7/journey-into-web-quality-assurance.jpg", @@ -253,7 +267,7 @@ "description": "For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.", "link": "https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/", "publishedOn": "2021-09-15T10:00:00.000Z", - "wordCount": 1932, + "wordCount": 1938, "title": "Reducing The Need For Pseudo-Elements", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c994e024-5695-4cf7-b9b6-dc589e547f19/reducing-need-pseudo-elements.jpg", @@ -267,7 +281,7 @@ "description": "When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.", "link": "https://smashingmagazine.com/2021/09/power-pen-paper-sketching/", "publishedOn": "2021-09-14T09:30:00.000Z", - "wordCount": 2076, + "wordCount": 2079, "title": "The Power Of Pen And Paper Sketching", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e4a5bd0b-53db-40c2-90d9-9d0a19b8d377/power-pen-paper-sketching.jpg", @@ -281,7 +295,7 @@ "description": "There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.", "link": "https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/", "publishedOn": "2021-09-13T09:00:00.000Z", - "wordCount": 2997, + "wordCount": 3007, "title": "Orchestrating Complexity With Web Animations API", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/cc4a9b5f-fd83-4fc0-9966-6f98707d1466/orchestrating-complexity-web-animations-api.jpg", @@ -295,7 +309,7 @@ "description": "They say content is king, and they’re right. The web has unlocked untold possibilities for storytellers — provided the story is right, of course. Here are some of our favorite examples of editorial content thriving in the digital realm.", "link": "https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/", "publishedOn": "2021-09-10T10:00:00.000Z", - "wordCount": 2036, + "wordCount": 2053, "title": "Web Design Done Well: Excellent Editorial", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7af3bbbe-821b-4e3c-870a-f8290ed52212/web-design-done-well-excellent-editorial.jpg", @@ -309,7 +323,7 @@ "description": "When paired with ISR and Next.js’ API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not), and how to build a website by using Incremental Static Regeneration.", "link": "https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/", "publishedOn": "2021-09-09T10:30:00.000Z", - "wordCount": 2055, + "wordCount": 2053, "title": "Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/47c6e5fc-73b3-41fe-afb7-b640b860efa0/useswr-react-hook-library-incremental-static-regeneration-nextjs.jpg", @@ -323,7 +337,7 @@ "description": "In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.", "link": "https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/", "publishedOn": "2021-09-08T10:30:00.000Z", - "wordCount": 2851, + "wordCount": 2853, "title": "Developer Decisions For Building Flexible Components", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76d3eef0-2a0a-45e0-b0bb-399da37c3834/developer-decisions-building-flexible-components.jpg", @@ -351,7 +365,7 @@ "description": "Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.", "link": "https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/", "publishedOn": "2021-09-07T10:00:00.000Z", - "wordCount": 4035, + "wordCount": 4039, "title": "What’s New With DevTools: Cross-Browser Edition", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1e0eef0e-e4b0-45b6-8afd-1d1a60b7c53b/devtools-cross-browsers.jpg", @@ -365,7 +379,7 @@ "description": "After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well.", "link": "https://smashingmagazine.com/2021/09/http3-practical-deployment-options-part3/", "publishedOn": "2021-09-06T11:00:00.000Z", - "wordCount": 9714, + "wordCount": 9717, "title": "HTTP/3: Practical Deployment Options (Part 3)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a19cca97-b411-44a6-a8be-e1468a0df78a/http3-practical-deployment-options-part3.jpg", @@ -379,7 +393,7 @@ "description": "Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up.", "link": "https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/", "publishedOn": "2021-09-03T11:30:00.000Z", - "wordCount": 3557, + "wordCount": 3553, "title": "Reducing Carbon Emissions On The Web", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdef7e38-4e37-4177-a7b3-d74860c7724f/reducing-carbon-emissions-on-web.jpg", @@ -393,7 +407,7 @@ "description": "Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.", "link": "https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/", "publishedOn": "2021-09-02T12:00:00.000Z", - "wordCount": 2423, + "wordCount": 2421, "title": "Interactive Learning Tools For Front-End Developers", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7f13aec3-8dd5-4085-afce-c752db3abfb6/interactive-learning-tools-front-end-developers.jpg", @@ -407,7 +421,7 @@ "description": "What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.", "link": "https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/", "publishedOn": "2021-09-01T10:30:00.000Z", - "wordCount": 5565, + "wordCount": 5582, "title": "A Deep Dive Into The Wonderful World Of SVG Displacement Filtering", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/92af7db6-94b4-4e48-8e20-875af2d5e024/deep-dive-svg-displacement-filtering.jpg", @@ -435,7 +449,7 @@ "description": "New month, new wallpapers! In this post, you’ll 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": 2398, + "wordCount": 2393, "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", @@ -449,7 +463,7 @@ "description": "There are many CSS optimization techniques to tackle potential file size and performance issues. Let’s 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": 3681, + "wordCount": 3685, "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", @@ -463,7 +477,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": 3098, + "wordCount": 3103, "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", @@ -477,7 +491,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": 3754, + "wordCount": 3758, "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", @@ -491,7 +505,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": 3537, + "wordCount": 3535, "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", @@ -505,7 +519,7 @@ "description": "In this article, you’ll 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": 3219, + "wordCount": 3224, "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", @@ -520,6 +534,42 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "612780233bccf807612a8955", + "author": null, + "description": "Today we're going to learn how to do form validation in JavaScript. We'l also add images and media queries to build out the entire project and keep it as a portfolio.   Here's the project demo that we're gonna build 👇 Desktop designHere's a small sample of how the form will work", + "link": "https://www.freecodecamp.org/news/learn-javascript-form-validation-by-making-a-form/", + "publishedOn": "2021-09-22T18:33:54.000Z", + "wordCount": 1981, + "title": "Learn JavaScript Form Validation – Build a JS Project for Beginners ✨" + }, + { + "id": "614b18f59456b407b87105b2", + "author": null, + "description": "In HTML, the font you choose will play a major role in the look and feel of your web pages. You get to pick the font's color, weight, size, and so on. And all these features make your websites and apps look better and more presentable to the user. With", + "link": "https://www.freecodecamp.org/news/html-font-size-how-to-change-text-size-using-inline-css-style/", + "publishedOn": "2021-09-22T18:02:22.000Z", + "wordCount": 796, + "title": "HTML Font Size – How to Change Text Size Using Inline CSS Style" + }, + { + "id": "612203ef3bccf807612a5752", + "author": null, + "description": "When you're coding in Python, you can use the enumerate() function and a for loop  to print out each value of an iterable with a counter. In this article, I will show you how to use Python's enumerate() function with a for loop and explain why it is a better", + "link": "https://www.freecodecamp.org/news/python-enumerate-python-enum-for-loop-index-example/", + "publishedOn": "2021-09-22T17:53:56.000Z", + "wordCount": 906, + "title": "Python Enumerate – Python Enum For Loop Index Example" + }, + { + "id": "614b2a529456b407b8710629", + "author": null, + "description": "Shiny is an R package that makes it easy to build interactive and data-driven web apps straight from R. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use R Shiny. Dr. Chanin Nantasenamat, also known as the Data Professor, teaches this", + "link": "https://www.freecodecamp.org/news/build-interactive-data-driven-web-apps-with-r-shiny/", + "publishedOn": "2021-09-22T13:17:46.000Z", + "wordCount": 13763, + "title": "Build Interactive Data-Driven Web Apps With R Shiny" + }, { "id": "6114c92f72231b077cdae3fa", "author": null, @@ -573,42 +623,6 @@ "publishedOn": "2021-09-20T21:15:57.000Z", "wordCount": 2100, "title": "Python Tuple VS List – What is the Difference?" - }, - { - "id": "61330a1fd6679a07b7d41e3e", - "author": null, - "description": "React-icons is a small library that helps you add icons (from all different icon libraries) to your React apps. It delivers the icons to your app as components so they're easier to work with, and it lets you style them so they're consistent with the overall style of your app.", - "link": "https://www.freecodecamp.org/news/how-to-use-react-icons/", - "publishedOn": "2021-09-20T19:44:00.000Z", - "wordCount": 2562, - "title": "How to use react-icons to install Font Awesome in a React app" - }, - { - "id": "613a5047852f4307d372a9ea", - "author": null, - "description": "In this article I am going to walk you through building a prototype with Spring Boot. Think of it like building a project for a hackathon or a prototype for your startup in limited time. In other words, we are not trying to build something perfect – but rather something that", - "link": "https://www.freecodecamp.org/news/spring-boot-tutorial-build-fast-modern-java-app/", - "publishedOn": "2021-09-20T19:43:06.000Z", - "wordCount": 8254, - "title": "Spring Boot Tutorial – How to Build Fast and Modern Java Apps" - }, - { - "id": "6148d0dc9456b407b870f5ba", - "author": null, - "description": "Django is one of the most popular ways to create full-stack websites with Python. We just published an 18-hour Django course on the freeCodeCamp.org YouTube channel. Charles Severance (a.k.a. Dr. Chuck) created this course, along with the popular Python for Everybody course. He is a Clinical Professor", - "link": "https://www.freecodecamp.org/news/django-for-everybody-learn-the-popular-python-framework-from-dr-chuck/", - "publishedOn": "2021-09-20T18:29:03.000Z", - "wordCount": 789, - "title": "Django for Everybody - Learn the Popular Python Framework from Dr. Chuck" - }, - { - "id": "612cbfd8b5177808226d4a47", - "author": null, - "description": "In this article, I will show you a few code examples on how you can sort your data in ascending order using the ORDER BY clause in SQL. ORDER BY syntaxThis is the basic syntax to sort your data in ascending order: SELECT columns FROM table ORDER BY column;If", - "link": "https://www.freecodecamp.org/news/ascending-order-with-sql-order-by/", - "publishedOn": "2021-09-20T14:29:04.000Z", - "wordCount": 767, - "title": "Ascending Order with SQL Order By" } ] } diff --git a/feed.atom b/feed.atom index 60dc5e7..ee69987 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,93 @@ - urn:2021-09-22T00:41:04.306Z + urn:2021-09-23T00:43:38.416Z osmos::feed - 2021-09-22T00:41:04.306Z + 2021-09-23T00:43:38.416Z osmosfeed 1.11.1 + + <![CDATA[Container Units Should Be Pretty Handy]]> + https://css-tricks.com/?p=352210 + + 2021-09-22T23:09:44.000Z + + + Chris Coyier + + + + <![CDATA[Twitter’s div Soup and Uglyfied CSS, Explained]]> + https://css-tricks.com/?p=352388 + + 2021-09-22T21:09:12.000Z + + + Chris Coyier + + + + <![CDATA[Learn JavaScript Form Validation – Build a JS Project for Beginners ✨]]> + 612780233bccf807612a8955 + + 2021-09-22T18:33:54.000Z + + + freeCodeCamp.org + + + + <![CDATA[HTML Font Size – How to Change Text Size Using Inline CSS Style]]> + 614b18f59456b407b87105b2 + + 2021-09-22T18:02:22.000Z + + + freeCodeCamp.org + + + + <![CDATA[Python Enumerate – Python Enum For Loop Index Example]]> + 612203ef3bccf807612a5752 + + 2021-09-22T17:53:56.000Z + + + freeCodeCamp.org + + + + <![CDATA[Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet]]> + https://smashingmagazine.com/2021/09/css-head-tag/ + + 2021-09-22T15:00:00.000Z + + + hello@smashingmagazine.com (Vitaly Friedman) + + + + <![CDATA[How to Implement Logging in a Node.js Application With Pino-logger]]> + https://css-tricks.com/?p=352074 + + 2021-09-22T14:33:10.000Z + + + Sarthak Duggal + + + + <![CDATA[Build Interactive Data-Driven Web Apps With R Shiny]]> + 614b2a529456b407b8710629 + + 2021-09-22T13:17:46.000Z + + + freeCodeCamp.org + + <![CDATA[Proposal for CSS @when]]> https://css-tricks.com/?p=352328 @@ -145,26 +228,6 @@ The post Resources aren’t requested by CSS, but by the DOM appeared first on C freeCodeCamp.org - - <![CDATA[How to use react-icons to install Font Awesome in a React app]]> - 61330a1fd6679a07b7d41e3e - - 2021-09-20T19:44:00.000Z - - - freeCodeCamp.org - - - - <![CDATA[Spring Boot Tutorial – How to Build Fast and Modern Java Apps]]> - 613a5047852f4307d372a9ea - - 2021-09-20T19:43:06.000Z - - - freeCodeCamp.org - - <![CDATA[Embracing Asymmetrical Design]]> https://css-tricks.com/?p=352274 @@ -188,16 +251,6 @@ The post imba appeared first on CSS-Tricks. You can support CSS-Tricks by being Chris Coyier - - <![CDATA[Django for Everybody - Learn the Popular Python Framework from Dr. Chuck]]> - 6148d0dc9456b407b870f5ba - - 2021-09-20T18:29:03.000Z - - - freeCodeCamp.org - - <![CDATA[Exploring the CSS Paint API: Polygon Border]]> https://css-tricks.com/?p=351917 @@ -209,16 +262,6 @@ The post Exploring the CSS Paint API: Polygon Border appeared first on CSS-Trick Temani Afif - - <![CDATA[Ascending Order with SQL Order By]]> - 612cbfd8b5177808226d4a47 - - 2021-09-20T14:29:04.000Z - - - freeCodeCamp.org - - <![CDATA[Are Imposter Domains Re-Publishing Your Website?]]> https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/ @@ -283,18 +326,6 @@ The post Minding the “gap” appeared first on CSS-Tricks. You can support CSS Patrick Brosset - - <![CDATA[Static Site Generators vs. CMS-powered Websites: How to Keep Marketers and Devs Happy]]> - https://css-tricks.com/?p=351586 - - 2021-09-16T14:31:08.000Z - - - Philip Kiely - - <![CDATA[Web Quality Assurance: From User Requirements To Web Risk Management]]> https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/ @@ -326,28 +357,6 @@ Thank you @ad-m]]> Release notes from osmosfeed - - <![CDATA[2021 Scroll Survey Report]]> - https://css-tricks.com/?p=351987 - - 2021-09-15T22:39:08.000Z - - - Chris Coyier - - - - <![CDATA[kbar]]> - https://css-tricks.com/?p=351868 - - 2021-09-15T18:51:36.000Z - - - Robin Rendle - - <![CDATA[Reducing The Need For Pseudo-Elements]]> https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/ diff --git a/index.html b/index.html index add78bb..e29084a 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,120 @@ +
+

+ +

  • @@ -390,19 +460,6 @@ The post Minding the “gap” appeared first on CSS-Tricks. You can support CSS -
    -
    - Static Site Generators vs. CMS-powered Websites: How to Keep Marketers and Devs Happy - -
    - (4 min) - (This is a sponsored post.) -Many developers love working with static site generators like Gatsby and Hugo. These powerful yet flexible systems help create beautiful websites using familiar tools like Markdown and React. Nearly every popular modern programming … -The post Static Site Generators vs. CMS-powered Websites: How to Keep Marketers and Devs Happy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. -
    -     -
    -
  • @@ -456,36 +513,6 @@ Thank you @ad-m