mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: 1f5684a2ae
This commit is contained in:
chuanqisun
parent
62101b9fa0
commit
c7643e287c
3 changed files with 345 additions and 398 deletions
244
cache.json
244
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"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
217
feed.atom
217
feed.atom
|
|
@ -1,10 +1,111 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-11-24T00:42:26.038Z</id>
|
||||
<id>urn:2021-11-25T00:43:30.610Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-11-24T00:42:26.038Z</updated>
|
||||
<updated>2021-11-25T00:43:30.610Z</updated>
|
||||
<generator>osmosfeed 1.11.3</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Add Websocket Real Time Communication to Your SaaS App]]></title>
|
||||
<id>619ba16011d3cb08287aa2ed</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-add-websocket-real-time-communication-to-your-saas-app/"/>
|
||||
<updated>2021-11-24T23:50:04.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Color Shades – Hex Code and RGB for Gray Color Palette]]></title>
|
||||
<id>619bcc5611d3cb08287aa66f</id>
|
||||
<link href="https://www.freecodecamp.org/news/color-shades-hex-code-and-rgb-for-gray-color-palette/"/>
|
||||
<updated>2021-11-24T23:47:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Data Analysis with Python for Excel Users Course]]></title>
|
||||
<id>619e979225888a07c3e1b545</id>
|
||||
<link href="https://www.freecodecamp.org/news/data-analysis-with-python-for-excel-users-course/"/>
|
||||
<updated>2021-11-24T20:00:33.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Why Won't My Computer Connect to My Hotspot? [Fixed on Windows 10 PC WiFi]]]></title>
|
||||
<id>619e3cdd25888a07c3e1b16d</id>
|
||||
<link href="https://www.freecodecamp.org/news/why-wont-my-computer-connect-to-my-hotspot-fixed-on-windows-10-pc-wifi/"/>
|
||||
<updated>2021-11-24T18:44:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What I Learned from The Pragmatic Programmer and The Clean Coder]]></title>
|
||||
<id>619c873711d3cb08287aaf76</id>
|
||||
<link href="https://www.freecodecamp.org/news/lessons-learned-from-the-pragmatic-programmer-and-the-clean-coder/"/>
|
||||
<updated>2021-11-24T16:38:09.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Creating Generative Patterns with The CSS Paint API]]></title>
|
||||
<id>https://css-tricks.com/?p=357294</id>
|
||||
<link href="https://css-tricks.com/creating-generative-patterns-with-the-css-paint-api/"/>
|
||||
<updated>2021-11-24T15:49:08.000Z</updated>
|
||||
<summary type="html"><![CDATA[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 …
|
||||
The post Creating Generative Patterns with The CSS Paint API appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>George Francis</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Why and How to Add Feature Toggles to Your Software]]></title>
|
||||
<id>619e8cba25888a07c3e1b499</id>
|
||||
<link href="https://www.freecodecamp.org/news/why-and-how-to-add-feature-toggles-to-your-software/"/>
|
||||
<updated>2021-11-24T15:49:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[D3.js Tutorial – Data Visualization for Beginners]]></title>
|
||||
<id>618ed39211d3cb08287a5535</id>
|
||||
<link href="https://www.freecodecamp.org/news/d3js-tutorial-data-visualization-for-beginners/"/>
|
||||
<updated>2021-11-24T15:03:01.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn Ember – Ember.js Tips for Beginners Tutorial]]></title>
|
||||
<id>619cdd9d11d3cb08287ab09c</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-ember-ember-js-tips-for-beginners-tutorial/"/>
|
||||
<updated>2021-11-24T15:02:26.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Showcase Of Lovely Little Websites]]></title>
|
||||
<id>https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/</id>
|
||||
<link href="https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/"/>
|
||||
<updated>2021-11-24T12:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[All the Math You Need to Know in Artificial Intelligence]]></title>
|
||||
<id>6197c7ce11d3cb08287a9271</id>
|
||||
|
|
@ -47,36 +148,6 @@ The post Control Layout in a Multi-Directional Website appeared first on CSS-Tri
|
|||
<name>Alaa Abd El-Rahim</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Computer Not Recognizing Headphones – Windows 10 PC Headphone Tutorial]]></title>
|
||||
<id>619cb4e711d3cb08287ab00c</id>
|
||||
<link href="https://www.freecodecamp.org/news/computer-not-recognizing-headphones-windows-10-pc-headphone-tutorial/"/>
|
||||
<updated>2021-11-23T15:47:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[What if you plug in your headphones to listen to your favorite music, watch a movie, or do something else and your computer fails to recognize the headphones? That's frustrating. Your computer not recognizing your headphones is a fairly common issue in Windows 10 PCs. It could be caused by]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[SQL Commands Cheat Sheet – How to Learn SQL in 10 Minutes]]></title>
|
||||
<id>6197bcba11d3cb08287a90cc</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-sql-in-10-minutes/"/>
|
||||
<updated>2021-11-23T15:36:59.000Z</updated>
|
||||
<summary type="html"><![CDATA[I’m an AI researcher, so one of the main things I deal with is data. A lot of it. With more than 2.5 exabytes of data generated every day, it comes as no surprise that this data needs to be stored somewhere where we can access it when]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create a Customizable Table of Contents in Word]]></title>
|
||||
<id>6198c2d511d3cb08287a97e2</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-create-customizable-table-of-contents-in-microsoft-word/"/>
|
||||
<updated>2021-11-23T15:34:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[It's tricky to make a good-looking and functional table of contents in Microsoft Word. You might often encounter documents that have messy tables of contents along with navigation panes with links to missing headings, non harmonized styles, and badly structured sections. This wouldn't be a big problem for smaller documents,]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Adding A Dyslexia-Friendly Mode To A Website]]></title>
|
||||
<id>https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/</id>
|
||||
|
|
@ -87,36 +158,6 @@ The post Control Layout in a Multi-Directional Website appeared first on CSS-Tri
|
|||
<name>hello@smashingmagazine.com (John C Barstow)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[5 WordPress Plugins to Improve Your Website's Performance]]></title>
|
||||
<id>6195174b11d3cb08287a7b96</id>
|
||||
<link href="https://www.freecodecamp.org/news/wordpress-plugins-to-improve-your-website-performance/"/>
|
||||
<updated>2021-11-23T02:09:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this blog post, I will show you which free WordPress plugins you should use and how to configure them to significantly improve your WordPress website's performance. Web performance is an essential SEO factor, and you shouldn’t underestimate it. Each second your website takes to load can hurt your]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Manage Directory-Scoped Variables with direnv in POSIX Systems]]></title>
|
||||
<id>619909b111d3cb08287a9bd9</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-manage-directory-scoped-envs-with-direnv-in-posix-systems/"/>
|
||||
<updated>2021-11-22T21:39:20.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Design Thinking Process Explained]]></title>
|
||||
<id>613f3cad852f4307d372c7dc</id>
|
||||
<link href="https://www.freecodecamp.org/news/the-design-thinking-process-explained/"/>
|
||||
<updated>2021-11-22T21:27:40.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[On User Tracking and Industry Standards on Privacy]]></title>
|
||||
<id>https://css-tricks.com/?p=357149</id>
|
||||
|
|
@ -131,16 +172,6 @@ The post On User Tracking and Industry Standards on Privacy appeared first on CS
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[ReactJS Project – Build a Rick and Morty Character Wiki]]></title>
|
||||
<id>619b998511d3cb08287aa257</id>
|
||||
<link href="https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/"/>
|
||||
<updated>2021-11-22T19:13:34.000Z</updated>
|
||||
<summary type="html"><![CDATA[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)]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[CSS “decorations”]]></title>
|
||||
<id>https://css-tricks.com/?p=357046</id>
|
||||
|
|
@ -159,16 +190,6 @@ The post CSS “decorations” appeared first on CSS-Tricks. You can support CSS
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Scanning and Repairing Drive – How to Fix Stuck Windows 10 PC Hard Drive]]></title>
|
||||
<id>619bb03e11d3cb08287aa4c8</id>
|
||||
<link href="https://www.freecodecamp.org/news/scanning-and-repairing-drive-how-to-fix-stuck-windows-10-pc-hard-drive/"/>
|
||||
<updated>2021-11-22T17:10:42.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Smashing Workshops: Winter 2021]]></title>
|
||||
<id>https://smashingmagazine.com/2021/11/smashingconf-workshops-winter-2021/</id>
|
||||
|
|
@ -325,18 +346,6 @@ The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can supp
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Clever Sticky Footer Technique]]></title>
|
||||
<id>https://css-tricks.com/?p=357053</id>
|
||||
<link href="https://css-tricks.com/a-clever-sticky-footer-technique/"/>
|
||||
<updated>2021-11-17T00:49:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.
|
||||
That’s not quite what I’m talking …
|
||||
The post A Clever Sticky Footer Technique 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[Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober]]></title>
|
||||
<id>https://smashingmagazine.com/2021/11/touch-design-pre-release/</id>
|
||||
|
|
@ -497,24 +506,4 @@ The post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can
|
|||
<name>hello@smashingmagazine.com (Mariana Macedo)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Optimizing Next.js Applications With Nx]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/</id>
|
||||
<link href="https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/"/>
|
||||
<updated>2021-10-26T10:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Melvin Kosisochukwu)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Deep Dive Into object-fit And background-size In CSS]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/object-fit-background-size-css/</id>
|
||||
<link href="https://smashingmagazine.com/2021/10/object-fit-background-size-css/"/>
|
||||
<updated>2021-10-25T13:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Ahmad Shadeed)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
282
index.html
282
index.html
|
|
@ -18,10 +18,116 @@
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-11-24">2021-11-24</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Creating Generative Patterns with The CSS Paint API</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/creating-generative-patterns-with-the-css-paint-api/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(18 min)</span>
|
||||
<span>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 …
|
||||
The post Creating Generative Patterns with The CSS Paint API 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 Add Websocket Real Time Communication to Your SaaS App</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-add-websocket-real-time-communication-to-your-saas-app/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Color Shades – Hex Code and RGB for Gray Color Palette</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/color-shades-hex-code-and-rgb-for-gray-color-palette/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Data Analysis with Python for Excel Users Course</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/data-analysis-with-python-for-excel-users-course/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Why Won't My Computer Connect to My Hotspot? [Fixed on Windows 10 PC WiFi]</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/why-wont-my-computer-connect-to-my-hotspot-fixed-on-windows-10-pc-wifi/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">What I Learned from The Pragmatic Programmer and The Clean Coder</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/lessons-learned-from-the-pragmatic-programmer-and-the-clean-coder/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Why and How to Add Feature Toggles to Your Software</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/why-and-how-to-add-feature-toggles-to-your-software/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">D3.js Tutorial – Data Visualization for Beginners</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/d3js-tutorial-data-visualization-for-beginners/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(14 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn Ember – Ember.js Tips for Beginners Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-ember-ember-js-tips-for-beginners-tutorial/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">All the Math You Need to Know in Artificial Intelligence</summary>
|
||||
|
|
@ -35,6 +141,23 @@
|
|||
</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">A Showcase Of Lovely Little Websites</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(14 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
|
|
@ -61,7 +184,7 @@ The post Which SVG technique performs best for way too many icons? appeared firs
|
|||
<summary class="article-expander__title">Control Layout in a Multi-Directional Website</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/control-layout-in-a-multi-directional-website/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(13 min)</span>
|
||||
<span class="article-reading-time">(15 min)</span>
|
||||
<span>Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected …
|
||||
The post Control Layout in a Multi-Directional Website appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -85,50 +208,6 @@ The post Control Layout in a Multi-Directional Website appeared first on CSS-Tri
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Computer Not Recognizing Headphones – Windows 10 PC Headphone Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/computer-not-recognizing-headphones-windows-10-pc-headphone-tutorial/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>What if you plug in your headphones to listen to your favorite music, watch a movie, or do something else and your computer fails to recognize the headphones? That's frustrating. Your computer not recognizing your headphones is a fairly common issue in Windows 10 PCs. It could be caused by</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">SQL Commands Cheat Sheet – How to Learn SQL in 10 Minutes</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-sql-in-10-minutes/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(17 min)</span>
|
||||
<span>I’m an AI researcher, so one of the main things I deal with is data. A lot of it. With more than 2.5 exabytes of data generated every day, it comes as no surprise that this data needs to be stored somewhere where we can access it when</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Create a Customizable Table of Contents in Word</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-create-customizable-table-of-contents-in-microsoft-word/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>It'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,</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">5 WordPress Plugins to Improve Your Website's Performance</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/wordpress-plugins-to-improve-your-website-performance/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>In this blog post, I will show you which free WordPress plugins you should use and how to configure them to significantly improve your WordPress website's performance. Web performance is an essential SEO factor, and you shouldn’t underestimate it. Each second your website takes to load can hurt your</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -177,7 +256,7 @@ The post On User Tracking and Industry Standards on Privacy appeared first on CS
|
|||
<summary class="article-expander__title">CSS “decorations”</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/css-decorations/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>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
|
|||
<summary class="article-expander__title">Responsive Layouts, Fewer Media Queries</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/responsive-layouts-fewer-media-queries/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(15 min)</span>
|
||||
<span class="article-reading-time">(16 min)</span>
|
||||
<span>We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of …
|
||||
The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -205,56 +284,6 @@ The post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. Y
|
|||
</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 Manage Directory-Scoped Variables with direnv in POSIX Systems</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-manage-directory-scoped-envs-with-direnv-in-posix-systems/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Design Thinking Process Explained</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/the-design-thinking-process-explained/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">ReactJS Project – Build a Rick and Morty Character Wiki</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(15 min)</span>
|
||||
<span>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)</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Scanning and Repairing Drive – How to Fix Stuck Windows 10 PC Hard Drive</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/scanning-and-repairing-drive-how-to-fix-stuck-windows-10-pc-hard-drive/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>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</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>
|
||||
|
|
@ -445,19 +474,6 @@ The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can supp
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Clever Sticky Footer Technique</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/a-clever-sticky-footer-technique/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>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.
|
||||
That’s not quite what I’m talking …
|
||||
The post A Clever Sticky Footer Technique 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">
|
||||
|
|
@ -809,53 +825,9 @@ The post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-26">2021-10-26</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">Optimizing Next.js Applications With Nx</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-25">2021-10-25</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">A Deep Dive Into object-fit And background-size In CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/object-fit-background-size-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-11-24T00:42:26.013Z">2021-11-24T00:42:26.013Z</time>
|
||||
<time id="build-timestamp" datetime="2021-11-25T00:43:30.546Z">2021-11-25T00:43:30.546Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.3</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue