From c7643e287cc3ba908f30aa68d896cc9283166897 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Thu, 25 Nov 2021 00:43:31 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 244 ++++++++++++++++++++++----------------------- feed.atom | 217 +++++++++++++++++++---------------------- index.html | 282 ++++++++++++++++++++++++----------------------------- 3 files changed, 345 insertions(+), 398 deletions(-) diff --git a/cache.json b/cache.json index 502accb..a061712 100644 --- a/cache.json +++ b/cache.json @@ -11,6 +11,15 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=357294", + "author": "George Francis", + "description": "The browser has long been a medium for art and design. From Lynn Fisher’s joyful A Single Div creations to Diana Smith’s staggeringly detailed CSS paintings, wildly creative, highly skilled developers have — over the years — continuously pushed …\nThe post Creating Generative Patterns with The CSS Paint API appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/creating-generative-patterns-with-the-css-paint-api/", + "publishedOn": "2021-11-24T15:49:08.000Z", + "wordCount": 5297, + "title": "Creating Generative Patterns with The CSS Paint API" + }, { "id": "https://css-tricks.com/?p=357412", "author": "Chris Coyier", @@ -26,7 +35,7 @@ "description": "Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected …\nThe post Control Layout in a Multi-Directional Website appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/control-layout-in-a-multi-directional-website/", "publishedOn": "2021-11-23T16:06:44.000Z", - "wordCount": 4037, + "wordCount": 4380, "title": "Control Layout in a Multi-Directional Website" }, { @@ -35,7 +44,7 @@ "description": "Inspired by Eva PenzeyMoog’s new book, Jeremy highlights the widespread user tracking situation in this industry:\nThere was a line that really stood out to me: \nThe idea that it’s alright to do whatever unethical thing is currently the \n…\nThe post On User Tracking and Industry Standards on Privacy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/on-user-tracking-and-industry-standards-on-privacy/", "publishedOn": "2021-11-22T21:00:50.000Z", - "wordCount": 1985, + "wordCount": 2064, "title": "On User Tracking and Industry Standards on Privacy" }, { @@ -44,7 +53,7 @@ "description": "A reader wrote to me the other day asking about this bit of CSS they came across in Wikipedia’s Common.css:\n.mw-collapsible-leftside-toggle .mw-collapsible-toggle {\n /* @noflip */\n float: left;\n /* @noflip */\n text-align: left;\n}\nWhat’s that @noflip business? That’s …\nThe post CSS “decorations” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/css-decorations/", "publishedOn": "2021-11-22T18:48:00.000Z", - "wordCount": 898, + "wordCount": 1090, "title": "CSS “decorations”" }, { @@ -53,7 +62,7 @@ "description": "We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of …\nThe post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/responsive-layouts-fewer-media-queries/", "publishedOn": "2021-11-22T15:29:03.000Z", - "wordCount": 4517, + "wordCount": 4704, "title": "Responsive Layouts, Fewer Media Queries" }, { @@ -62,7 +71,7 @@ "description": "I’m not the biggest fan of Atomic CSS myself. I don’t like all the classes. I like to express my styles in CSS because I find CSS… good. But I appreciate that a lot of people seem to like it, …\nThe post Reimagine Atomic CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/reimagine-atomic-css/", "publishedOn": "2021-11-19T22:01:05.000Z", - "wordCount": 777, + "wordCount": 836, "title": "Reimagine Atomic CSS" }, { @@ -136,15 +145,6 @@ "publishedOn": "2021-11-17T15:27:19.000Z", "wordCount": 840, "title": "The Gap (Design Engineering)" - }, - { - "id": "https://css-tricks.com/?p=357053", - "author": "Chris Coyier", - "description": "Upon hearing “sticky footer” these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen while in the scrolling context of some parent element.\nThat’s not quite what I’m talking …\nThe post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/a-clever-sticky-footer-technique/", - "publishedOn": "2021-11-17T00:49:00.000Z", - "wordCount": 1009, - "title": "A Clever Sticky Footer Technique" } ] }, @@ -153,13 +153,27 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/", + "author": "hello@smashingmagazine.com (Cosima Mielke)", + "description": "Instead of spending your coffee break scrolling through your social feeds, how about a lovely little website instead? We came across some fantastic ones that are just too good not to be shared. But be warned, your break might take a bit longer than intended.", + "link": "https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/", + "publishedOn": "2021-11-24T12:00:00.000Z", + "wordCount": 4256, + "title": "A Showcase Of Lovely Little Websites", + "enclosure": { + "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5a0a3a89-ba5a-40a8-af80-f8db0554af37/radiooooo-opt.png", + "length": "0", + "type": "image/png" + } + }, { "id": "https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/", "author": "hello@smashingmagazine.com (John C Barstow)", "description": "With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, we’ll explore those techniques by adding a dyslexia-friendly mode to an existing design.", "link": "https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/", "publishedOn": "2021-11-23T10:00:00.000Z", - "wordCount": 2762, + "wordCount": 2765, "title": "Adding A Dyslexia-Friendly Mode To A Website", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e1fb4e46-6f0a-4631-a04c-d42376eddc82/dyslexia-friendly-mode-website.jpg", @@ -187,7 +201,7 @@ "description": "Implementing a performance culture is very important. In this article, Dan Shappir shares which actions and processes the Wix team put in place in order to achieve dramatic improvements in the performance of websites built and hosted on their platform.", "link": "https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/", "publishedOn": "2021-11-22T10:30:00.000Z", - "wordCount": 4767, + "wordCount": 4763, "title": "Improving The Performance Of Wix Websites (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/253b5a80-a208-4057-95b0-60762c922d07/improving-performance-wix-websites-case-study.jpg", @@ -201,7 +215,7 @@ "description": "Hosting with a wildcard subdomain enables your users to visit your site on any subdomain of your domain (*.example.com), and as you can imagine, we can use this to create unique user experiences which we’ll be exploring in this article through a Next.js lens.", "link": "https://smashingmagazine.com/2021/11/nextjs-wildcard-subdomains/", "publishedOn": "2021-11-19T10:30:00.000Z", - "wordCount": 2220, + "wordCount": 2212, "title": "Next.js Wildcard Subdomains", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2b24747b-6f11-4588-a119-16eaf38bc933/nextjs-wildcard-subdomains.jpg", @@ -215,7 +229,7 @@ "description": "In this article, we’ll take a look at the best ways to handle colors in CSS today, some tips for using them in a design system, and what we can expect from our colors in the not-too-distant future.", "link": "https://smashingmagazine.com/2021/11/guide-modern-css-colors/", "publishedOn": "2021-11-17T16:00:00.000Z", - "wordCount": 3487, + "wordCount": 3488, "title": "A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b424cd2e-1e44-4ca2-8506-4e45a5bdb570/guide-modern-css-colors.jpg", @@ -243,7 +257,7 @@ "description": "What’s your favorite command-line tool? In this post, Louis Lazaris shares a collection of relevant command-line apps and utilities that he has personally come across in the past few years. If there’s a useful one that hasn’t been mentioned and one you use regularly, please do share it in the comments.", "link": "https://smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/", "publishedOn": "2021-11-15T13:00:00.000Z", - "wordCount": 2144, + "wordCount": 2146, "title": "Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a2d3081a-5a36-4763-9b94-13bf7d1cb5d6/powerful-terminal-commandline-tools-modern-web-development.jpg", @@ -271,7 +285,7 @@ "description": "Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity won’t do. We’ll pursue greatness. And in that pursuit, we’ll cover research, decluttering, and data visualization.", "link": "https://smashingmagazine.com/2021/11/dashboard-design-research-decluttering-data-viz/", "publishedOn": "2021-11-11T14:00:00.000Z", - "wordCount": 4306, + "wordCount": 4302, "title": "From Good To Great In Dashboard Design: Research, Decluttering And Data Viz", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/835f0cba-e214-437a-a025-e69ba7691997/dashboard-design-research-decluttering-data-viz.jpg", @@ -285,7 +299,7 @@ "description": "Internationalized routing is not exactly a new feature on Next.js. In this article, we are not only checking what we get from this feature, but also how to leverage such functionalities to achieve the best user experience and a smooth developer experience as well.", "link": "https://smashingmagazine.com/2021/11/localizing-your-nextjs-app/", "publishedOn": "2021-11-09T13:00:00.000Z", - "wordCount": 1912, + "wordCount": 1919, "title": "Localizing Your Next.js App", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/12e7620f-0e7b-4b95-a1b6-cd2f25ccac52/localizing-your-nextjs-app.jpg", @@ -313,7 +327,7 @@ "description": "A great commerce experience is not a Lighthouse score or a set of Core Web Vitals figures (although both are important inputs), but it’s also a trilemma that carefully balances competing needs of delivering a great customer experience, dynamic storefront capabilities and long-term business objectives.", "link": "https://smashingmagazine.com/2021/11/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce/", "publishedOn": "2021-11-08T14:30:00.000Z", - "wordCount": 1524, + "wordCount": 1527, "title": "Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ee33395f-684a-40e5-bf72-56d9e9e4d975/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce.jpg", @@ -327,7 +341,7 @@ "description": "Concept testing ideas before moving into a detailed design is good UX practice. In this article, Victor Yocco presents details on how and when to engage in concept testing, as well as case studies providing details on the insights gained in two very different settings.", "link": "https://smashingmagazine.com/2021/11/concept-testing-part-of-product-design/", "publishedOn": "2021-11-05T11:00:00.000Z", - "wordCount": 6211, + "wordCount": 6198, "title": "The Value Of Concept Testing As Part Of Product Design", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ca39dbc3-101c-4973-9dce-debb1ab283ff/concept-testing-part-of-product-design.jpg", @@ -355,7 +369,7 @@ "description": "Within the last decade, technologies like GraphQL have changed how we build web apps and how they communicate with each other. GraphQL provides certain benefits over REST APIs — let’s find out what they are.", "link": "https://smashingmagazine.com/2021/11/graphql-frontend-react-apollo/", "publishedOn": "2021-11-04T11:30:00.000Z", - "wordCount": 3404, + "wordCount": 3399, "title": "GraphQL On The Front-End (React And Apollo)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bb584488-c16f-4409-a992-993ce92d4b51/graphql-frontend-react-apollo.jpg", @@ -369,7 +383,7 @@ "description": "Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform. In this article, we will learn and cover everything needed on using Serverless UI to deploy our projects or serverless applications to cloud services providers.", "link": "https://smashingmagazine.com/2021/11/deep-dive-into-serverless-ui-typescript/", "publishedOn": "2021-11-03T11:30:00.000Z", - "wordCount": 3623, + "wordCount": 3626, "title": "A Deep Dive Into Serverless UI With TypeScript", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/aff46dfe-164d-4bf7-8e14-057470001b41/deep-dive-into-serverless-ui-typescript.jpg", @@ -383,7 +397,7 @@ "description": "This article sheds the spotlight on Magento PWAs and explains why business owners are getting them (often instead of native applications). Alex Husar introduces ways of how progressive web applications can be developed on Magento, as well as go over the major pros and cons of each development path.", "link": "https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/", "publishedOn": "2021-11-02T12:00:00.000Z", - "wordCount": 5956, + "wordCount": 5958, "title": "Creating A Magento PWA: Customizing Themes vs. Coding From Scratch", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/77155632-96bd-44a8-af99-50ebad7534e6/magento-pwa-customizing-themes-coding.jpg", @@ -397,7 +411,7 @@ "description": "November is just around the corner, and with it, a new collection of desktop wallpapers to celebrate the beginning of the month. Designed by creatives from all across the globe, they come in versions with and without a calendar. Let’s make November colorful!", "link": "https://smashingmagazine.com/2021/10/desktop-wallpaper-calendars-november-2021/", "publishedOn": "2021-10-31T08:20:00.000Z", - "wordCount": 2378, + "wordCount": 2387, "title": "A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7a2a341f-4f72-4716-91c6-ed6da6add2fd/nov-21-no-shave-november-preview-opt.png", @@ -411,7 +425,7 @@ "description": "Stop wasting time and effort writing copy that falls flat. Raise your copywriting game and boost your powers of persuasion with these rich and informative online resources.", "link": "https://smashingmagazine.com/2021/10/resources-tools-turbocharge-copywriting-skills/", "publishedOn": "2021-10-29T10:00:00.000Z", - "wordCount": 2508, + "wordCount": 2505, "title": "50 Resources And Tools To Turbocharge Your Copywriting Skills", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/376436ee-7e40-4d99-ad14-e934df9f92c9/resources-tools-turbocharge-copywriting-skills.jpg", @@ -439,41 +453,13 @@ "description": "Thanks to technology, eye-tracking has become more accessible to UX research as it allows researchers to get insights about users ’visual attention. This article explores the latest trends in the eye-tracking market and how the methodology can be included in the UX researcher’s toolbox.", "link": "https://smashingmagazine.com/2021/10/eye-tracking-mobile-ux-research/", "publishedOn": "2021-10-27T10:00:00.000Z", - "wordCount": 3508, + "wordCount": 3500, "title": "Eye-Tracking In Mobile UX Research", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3012986b-e407-4c49-8186-13a99528ef13/eye-tracking-mobile-ux-research.jpg", "length": "0", "type": "image/jpg" } - }, - { - "id": "https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/", - "author": "hello@smashingmagazine.com (Melvin Kosisochukwu)", - "description": "Nx is a build framework that facilitates optimization, efficient scaling of applications, and other features such as shared libraries and components. In this article, we will be looking at how we can effectively scale Next.js applications by using Nx.", - "link": "https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/", - "publishedOn": "2021-10-26T10:00:00.000Z", - "wordCount": 3037, - "title": "Optimizing Next.js Applications With Nx", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/32b5517f-415c-43ed-98a6-70215d408f7a/optimizing-nextjs-applications-nx.jpg", - "length": "0", - "type": "image/jpg" - } - }, - { - "id": "https://smashingmagazine.com/2021/10/object-fit-background-size-css/", - "author": "hello@smashingmagazine.com (Ahmad Shadeed)", - "description": "In this article, we will go through how `object-fit` and `background-size` work, when we can use them, and why, along with some practical use cases and recommendations. Let’s dive in.", - "link": "https://smashingmagazine.com/2021/10/object-fit-background-size-css/", - "publishedOn": "2021-10-25T13:00:00.000Z", - "wordCount": 2036, - "title": "A Deep Dive Into object-fit And background-size In CSS", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/19e7f717-46d5-4949-96f4-671f4744d0e1/object-fit-background-size-css.jpg", - "length": "0", - "type": "image/jpg" - } } ] }, @@ -482,6 +468,78 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "619ba16011d3cb08287aa2ed", + "author": null, + "description": "In this conference talk made for Tech Fest 2021, Steven Lemmo talks to you about building SaaS Applications with WebSockets. Here is a full breakdown of what he will cover in this 40 minute talk: The reason for this talkWhy Websockets?Websockets minimal API exampleRest Web ServicesMultiple ListenersFull DuplexWebsockets time-lineTypeScriptVendor", + "link": "https://www.freecodecamp.org/news/how-to-add-websocket-real-time-communication-to-your-saas-app/", + "publishedOn": "2021-11-24T23:50:04.000Z", + "wordCount": 318, + "title": "How to Add Websocket Real Time Communication to Your SaaS App" + }, + { + "id": "619bcc5611d3cb08287aa66f", + "author": null, + "description": "Colors play an integral role in how usable and accessible your web design projects are. At times, they can even make or break a project. Having a color palette comprised of different shades and hues of a specific color can be really helpful. It helps you visualize how you can", + "link": "https://www.freecodecamp.org/news/color-shades-hex-code-and-rgb-for-gray-color-palette/", + "publishedOn": "2021-11-24T23:47:39.000Z", + "wordCount": 1049, + "title": "Color Shades – Hex Code and RGB for Gray Color Palette" + }, + { + "id": "619e979225888a07c3e1b545", + "author": null, + "description": "Do you know how to use Microsoft Excel and want to learn how to do data analysis with Python? You are in luck. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to do Data Analysis with Python. This course will be especially", + "link": "https://www.freecodecamp.org/news/data-analysis-with-python-for-excel-users-course/", + "publishedOn": "2021-11-24T20:00:33.000Z", + "wordCount": 412, + "title": "Data Analysis with Python for Excel Users Course" + }, + { + "id": "619e3cdd25888a07c3e1b16d", + "author": null, + "description": "A mobile hotspot is a quick and efficient way to share an internet connection with other devices like computers, iPads, or other mobile phones. A hotspot is also a good alternative to WiFi – especially if the WiFi in your area is unbearably slow or won't connect. Sometimes, you might experience", + "link": "https://www.freecodecamp.org/news/why-wont-my-computer-connect-to-my-hotspot-fixed-on-windows-10-pc-wifi/", + "publishedOn": "2021-11-24T18:44:39.000Z", + "wordCount": 792, + "title": "Why Won't My Computer Connect to My Hotspot? [Fixed on Windows 10 PC WiFi]" + }, + { + "id": "619c873711d3cb08287aaf76", + "author": null, + "description": "I recently finished reading The Pragmatic Programmer 20th Anniversary Edition (2019) and The Clean Coder (2011). You'll find these books on almost every “top 10 Software Development books” list out there. My goal was to learn, improve, and get the kind of knowledge that a teacher from mine used to", + "link": "https://www.freecodecamp.org/news/lessons-learned-from-the-pragmatic-programmer-and-the-clean-coder/", + "publishedOn": "2021-11-24T16:38:09.000Z", + "wordCount": 3428, + "title": "What I Learned from The Pragmatic Programmer and The Clean Coder" + }, + { + "id": "619e8cba25888a07c3e1b499", + "author": null, + "description": "Feature Toggles (aka Feature Flags) are a technique used in software development in order to hide, enable or disable a particular feature during runtime. They allow teams to modify system behavior without changing code. We just published a course on the freeCodeCamp YouTube channel that will teach you why and", + "link": "https://www.freecodecamp.org/news/why-and-how-to-add-feature-toggles-to-your-software/", + "publishedOn": "2021-11-24T15:49:00.000Z", + "wordCount": 476, + "title": "Why and How to Add Feature Toggles to Your Software" + }, + { + "id": "618ed39211d3cb08287a5535", + "author": null, + "description": "In this article, I'm going to walk you through how to use D3.js in a step by step and beginner-friendly way. We'll talk about what D3.js is, how it works, and we'll create some basic visualizations to add transitions, interactions, and zooming. Table of Contents Getting Started What", + "link": "https://www.freecodecamp.org/news/d3js-tutorial-data-visualization-for-beginners/", + "publishedOn": "2021-11-24T15:03:01.000Z", + "wordCount": 4085, + "title": "D3.js Tutorial – Data Visualization for Beginners" + }, + { + "id": "619cdd9d11d3cb08287ab09c", + "author": null, + "description": "In this talk, Designer turned Software Developer Lenora Porter talks about her journey learning Ember.js. She also shares her tips for beginners who are about to start their journey. Here are her top 4 take-aways: How to Learn Ember.jsHave the Mindset of a BeginnerThis is the foundational work.", + "link": "https://www.freecodecamp.org/news/learn-ember-ember-js-tips-for-beginners-tutorial/", + "publishedOn": "2021-11-24T15:02:26.000Z", + "wordCount": 484, + "title": "Learn Ember – Ember.js Tips for Beginners Tutorial" + }, { "id": "6197c7ce11d3cb08287a9271", "author": null, @@ -499,78 +557,6 @@ "publishedOn": "2021-11-23T22:50:29.000Z", "wordCount": 617, "title": "What is GitOps? Principles, Best Practices, and Kubernetes Workflow" - }, - { - "id": "619cb4e711d3cb08287ab00c", - "author": null, - "description": "What if you plug in your headphones to listen to your favorite music, watch a movie, or do something else and your computer fails to recognize the headphones? That's frustrating. Your computer not recognizing your headphones is a fairly common issue in Windows 10 PCs. It could be caused by", - "link": "https://www.freecodecamp.org/news/computer-not-recognizing-headphones-windows-10-pc-headphone-tutorial/", - "publishedOn": "2021-11-23T15:47:53.000Z", - "wordCount": 716, - "title": "Computer Not Recognizing Headphones – Windows 10 PC Headphone Tutorial" - }, - { - "id": "6197bcba11d3cb08287a90cc", - "author": null, - "description": "I’m an AI researcher, so one of the main things I deal with is data. A lot of it. With more than 2.5 exabytes of data generated every day, it comes as no surprise that this data needs to be stored somewhere where we can access it when", - "link": "https://www.freecodecamp.org/news/learn-sql-in-10-minutes/", - "publishedOn": "2021-11-23T15:36:59.000Z", - "wordCount": 4992, - "title": "SQL Commands Cheat Sheet – How to Learn SQL in 10 Minutes" - }, - { - "id": "6198c2d511d3cb08287a97e2", - "author": null, - "description": "It's tricky to make a good-looking and functional table of contents in Microsoft Word. You might often encounter documents that have messy tables of contents along with navigation panes with links to missing headings, non harmonized styles, and badly structured sections. This wouldn't be a big problem for smaller documents,", - "link": "https://www.freecodecamp.org/news/how-to-create-customizable-table-of-contents-in-microsoft-word/", - "publishedOn": "2021-11-23T15:34:00.000Z", - "wordCount": 1608, - "title": "How to Create a Customizable Table of Contents in Word" - }, - { - "id": "6195174b11d3cb08287a7b96", - "author": null, - "description": "In this blog post, I will show you which free WordPress plugins you should use and how to configure them to significantly improve your WordPress website's performance. Web performance is an essential SEO factor, and you shouldn’t underestimate it. Each second your website takes to load can hurt your", - "link": "https://www.freecodecamp.org/news/wordpress-plugins-to-improve-your-website-performance/", - "publishedOn": "2021-11-23T02:09:07.000Z", - "wordCount": 1767, - "title": "5 WordPress Plugins to Improve Your Website's Performance" - }, - { - "id": "619909b111d3cb08287a9bd9", - "author": null, - "description": "A common practice in software projects is to keep certain information separated but accessible from the codebase which uses it. Developers usually do this with secrets such as passwords or private keys, or with user or context-specific info pieces. But managing environment variables can be a pain. There are a", - "link": "https://www.freecodecamp.org/news/how-to-manage-directory-scoped-envs-with-direnv-in-posix-systems/", - "publishedOn": "2021-11-22T21:39:20.000Z", - "wordCount": 725, - "title": "How to Manage Directory-Scoped Variables with direnv in POSIX Systems" - }, - { - "id": "613f3cad852f4307d372c7dc", - "author": null, - "description": "The Design Thinking Process is a way to come up with creative, user centric solutions to complex problems. But how does it work exactly? In this article, I will explain what the Design Thinking Process is and break down the five phases behind it. We will explore how this process", - "link": "https://www.freecodecamp.org/news/the-design-thinking-process-explained/", - "publishedOn": "2021-11-22T21:27:40.000Z", - "wordCount": 1069, - "title": "The Design Thinking Process Explained" - }, - { - "id": "619b998511d3cb08287aa257", - "author": null, - "description": "Today we're gonna practice our React JS skills by building a Rick and Morty Character Wiki. Here's what we'll build today: Here's a [live demo of the project] 👇 https://react-projects-psi.vercel.app/. And here's the GitHub Repository. The topics we'll cover while building this project are: React Hooks (useState, useEffect)", - "link": "https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/", - "publishedOn": "2021-11-22T19:13:34.000Z", - "wordCount": 4369, - "title": "ReactJS Project – Build a Rick and Morty Character Wiki" - }, - { - "id": "619bb03e11d3cb08287aa4c8", - "author": null, - "description": "If you have a Windows 10 PC, you might occasionally see the notorious \"scanning and repairing drive\" message. This error can happen to the C drive, hard drive, and any other external drive. This scanning and repairing can take several hours, or even cost you a whole workday", - "link": "https://www.freecodecamp.org/news/scanning-and-repairing-drive-how-to-fix-stuck-windows-10-pc-hard-drive/", - "publishedOn": "2021-11-22T17:10:42.000Z", - "wordCount": 736, - "title": "Scanning and Repairing Drive – How to Fix Stuck Windows 10 PC Hard Drive" } ] } diff --git a/feed.atom b/feed.atom index 3f51a69..998af66 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,111 @@ - urn:2021-11-24T00:42:26.038Z + urn:2021-11-25T00:43:30.610Z osmos::feed - 2021-11-24T00:42:26.038Z + 2021-11-25T00:43:30.610Z osmosfeed 1.11.3 + + <![CDATA[How to Add Websocket Real Time Communication to Your SaaS App]]> + 619ba16011d3cb08287aa2ed + + 2021-11-24T23:50:04.000Z + + + freeCodeCamp.org + + + + <![CDATA[Color Shades – Hex Code and RGB for Gray Color Palette]]> + 619bcc5611d3cb08287aa66f + + 2021-11-24T23:47:39.000Z + + + freeCodeCamp.org + + + + <![CDATA[Data Analysis with Python for Excel Users Course]]> + 619e979225888a07c3e1b545 + + 2021-11-24T20:00:33.000Z + + + freeCodeCamp.org + + + + <![CDATA[Why Won't My Computer Connect to My Hotspot? [Fixed on Windows 10 PC WiFi]]]> + 619e3cdd25888a07c3e1b16d + + 2021-11-24T18:44:39.000Z + + + freeCodeCamp.org + + + + <![CDATA[What I Learned from The Pragmatic Programmer and The Clean Coder]]> + 619c873711d3cb08287aaf76 + + 2021-11-24T16:38:09.000Z + + + freeCodeCamp.org + + + + <![CDATA[Creating Generative Patterns with The CSS Paint API]]> + https://css-tricks.com/?p=357294 + + 2021-11-24T15:49:08.000Z + + + George Francis + + + + <![CDATA[Why and How to Add Feature Toggles to Your Software]]> + 619e8cba25888a07c3e1b499 + + 2021-11-24T15:49:00.000Z + + + freeCodeCamp.org + + + + <![CDATA[D3.js Tutorial – Data Visualization for Beginners]]> + 618ed39211d3cb08287a5535 + + 2021-11-24T15:03:01.000Z + + + freeCodeCamp.org + + + + <![CDATA[Learn Ember – Ember.js Tips for Beginners Tutorial]]> + 619cdd9d11d3cb08287ab09c + + 2021-11-24T15:02:26.000Z + + + freeCodeCamp.org + + + + <![CDATA[A Showcase Of Lovely Little Websites]]> + https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/ + + 2021-11-24T12:00:00.000Z + + + hello@smashingmagazine.com (Cosima Mielke) + + <![CDATA[All the Math You Need to Know in Artificial Intelligence]]> 6197c7ce11d3cb08287a9271 @@ -47,36 +148,6 @@ The post Control Layout in a Multi-Directional Website appeared first on CSS-Tri Alaa Abd El-Rahim - - <![CDATA[Computer Not Recognizing Headphones – Windows 10 PC Headphone Tutorial]]> - 619cb4e711d3cb08287ab00c - - 2021-11-23T15:47:53.000Z - - - freeCodeCamp.org - - - - <![CDATA[SQL Commands Cheat Sheet – How to Learn SQL in 10 Minutes]]> - 6197bcba11d3cb08287a90cc - - 2021-11-23T15:36:59.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Create a Customizable Table of Contents in Word]]> - 6198c2d511d3cb08287a97e2 - - 2021-11-23T15:34:00.000Z - - - freeCodeCamp.org - - <![CDATA[Adding A Dyslexia-Friendly Mode To A Website]]> https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/ @@ -87,36 +158,6 @@ The post Control Layout in a Multi-Directional Website appeared first on CSS-Tri hello@smashingmagazine.com (John C Barstow) - - <![CDATA[5 WordPress Plugins to Improve Your Website's Performance]]> - 6195174b11d3cb08287a7b96 - - 2021-11-23T02:09:07.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Manage Directory-Scoped Variables with direnv in POSIX Systems]]> - 619909b111d3cb08287a9bd9 - - 2021-11-22T21:39:20.000Z - - - freeCodeCamp.org - - - - <![CDATA[The Design Thinking Process Explained]]> - 613f3cad852f4307d372c7dc - - 2021-11-22T21:27:40.000Z - - - freeCodeCamp.org - - <![CDATA[On User Tracking and Industry Standards on Privacy]]> https://css-tricks.com/?p=357149 @@ -131,16 +172,6 @@ The post On User Tracking and Industry Standards on Privacy appeared first on CS Chris Coyier - - <![CDATA[ReactJS Project – Build a Rick and Morty Character Wiki]]> - 619b998511d3cb08287aa257 - - 2021-11-22T19:13:34.000Z - - - freeCodeCamp.org - - <![CDATA[CSS “decorations”]]> https://css-tricks.com/?p=357046 @@ -159,16 +190,6 @@ The post CSS “decorations” appeared first on CSS-Tricks. You can support CSS Chris Coyier - - <![CDATA[Scanning and Repairing Drive – How to Fix Stuck Windows 10 PC Hard Drive]]> - 619bb03e11d3cb08287aa4c8 - - 2021-11-22T17:10:42.000Z - - - freeCodeCamp.org - - <![CDATA[Smashing Workshops: Winter 2021]]> https://smashingmagazine.com/2021/11/smashingconf-workshops-winter-2021/ @@ -325,18 +346,6 @@ The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can supp Chris Coyier - - <![CDATA[A Clever Sticky Footer Technique]]> - https://css-tricks.com/?p=357053 - - 2021-11-17T00:49:00.000Z - - - Chris Coyier - - <![CDATA[Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober]]> https://smashingmagazine.com/2021/11/touch-design-pre-release/ @@ -497,24 +506,4 @@ The post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can hello@smashingmagazine.com (Mariana Macedo) - - <![CDATA[Optimizing Next.js Applications With Nx]]> - https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/ - - 2021-10-26T10:00:00.000Z - - - hello@smashingmagazine.com (Melvin Kosisochukwu) - - - - <![CDATA[A Deep Dive Into object-fit And background-size In CSS]]> - https://smashingmagazine.com/2021/10/object-fit-background-size-css/ - - 2021-10-25T13:00:00.000Z - - - hello@smashingmagazine.com (Ahmad Shadeed) - - \ No newline at end of file diff --git a/index.html b/index.html index 9c69d2a..65f4ed5 100644 --- a/index.html +++ b/index.html @@ -18,10 +18,116 @@

@@ -61,7 +184,7 @@ The post Which SVG technique performs best for way too many icons? appeared firs Control Layout in a Multi-Directional Website
- (13 min) + (15 min) Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected … The post Control Layout in a Multi-Directional Website appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
@@ -85,50 +208,6 @@ The post Control Layout in a Multi-Directional Website appeared first on CSS-Tri - - - -
  • @@ -177,7 +256,7 @@ The post On User Tracking and Industry Standards on Privacy appeared first on CS CSS “decorations”
    - (3 min) + (4 min) A reader wrote to me the other day asking about this bit of CSS they came across in Wikipedia’s Common.css: .mw-collapsible-leftside-toggle .mw-collapsible-toggle { /* @noflip */ @@ -196,7 +275,7 @@ The post CSS “decorations” appeared first on CSS-Tricks. You can support CSS Responsive Layouts, Fewer Media Queries
    - (15 min) + (16 min) We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of … The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
    @@ -205,56 +284,6 @@ The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. Y
    • -
  • -
    -

    freeCodeCamp.org

    -
    - - - - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -445,19 +474,6 @@ The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can supp -
  • @@ -809,53 +825,9 @@ The post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can
    • -
    -

    - -
    -
    -

    - -