mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
640 lines
No EOL
45 KiB
JSON
640 lines
No EOL
45 KiB
JSON
{
|
||
"sources": [
|
||
{
|
||
"title": "Release notes from osmosfeed",
|
||
"feedUrl": "https://github.com/osmoscraft/osmosfeed/releases.atom",
|
||
"siteUrl": "https://github.com/osmoscraft/osmosfeed/releases",
|
||
"articles": [
|
||
{
|
||
"id": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.2",
|
||
"author": null,
|
||
"description": "Fixed: unicode characters in URL caused download error\nFixed: project root npm install error\nAdded: unit test library\nChore: Dependency updates\nThank you: @CaptNo1",
|
||
"link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.2",
|
||
"publishedOn": "2021-09-26T18:45:39.000Z",
|
||
"wordCount": 354,
|
||
"title": "v1.11.2"
|
||
},
|
||
{
|
||
"id": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.1",
|
||
"author": null,
|
||
"description": "Fixed: Unexpected nested element in author field crashes the parser\nThank you @ad-m",
|
||
"link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.1",
|
||
"publishedOn": "2021-09-16T06:39:32.000Z",
|
||
"wordCount": 344,
|
||
"title": "v1.11.1"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"title": "CSS-Tricks",
|
||
"feedUrl": "https://css-tricks.com/feed/",
|
||
"siteUrl": "https://css-tricks.com",
|
||
"articles": [
|
||
{
|
||
"id": "https://css-tricks.com/?p=353719",
|
||
"author": "Chris Coyier",
|
||
"description": "Web-browser for research that helps programmers think clearly.\nWith Bonsai, rather than being like, I’m going to go use my web browser now, you hit Option + Space and it brings up a browser. It’s either full-screen or a …\nThe post Bonsai Browser appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://bonsaibrowser.com/",
|
||
"publishedOn": "2021-10-13T22:50:47.000Z",
|
||
"wordCount": 32,
|
||
"title": "Bonsai Browser"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=352459",
|
||
"author": "Chris Coyier",
|
||
"description": "As someone just sittin’ back watching CSS evolve, it feels like we’re at one of the hottest moments of innovation in CSS history. It was really something when we got flexbox across all browsers, and not terribly long after, grid. …\nThe post CSS is Going Gosh-Darned Hog Wild, I Tell Ya What appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/css-is-going-gosh-darned-hog-wild-i-tell-ya-what/",
|
||
"publishedOn": "2021-10-13T15:36:43.000Z",
|
||
"wordCount": 1510,
|
||
"title": "CSS is Going Gosh-Darned Hog Wild, I Tell Ya What"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353700",
|
||
"author": "Chris Coyier",
|
||
"description": "Ahmad Shadeed blogs the sentiment that we might not need to lean on position: absolute as much as we might have in the past. For one thing: stacking elements. For example, if you have a stack of elements that should …\nThe post Less Absolute Positioning With Modern CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://ishadeed.com/article/less-absolute-positioning-modern-css/",
|
||
"publishedOn": "2021-10-13T14:42:26.000Z",
|
||
"wordCount": 2122,
|
||
"title": "Less Absolute Positioning With Modern CSS"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353415",
|
||
"author": "Laurie Voss",
|
||
"description": "Which new framework should I learn this year? Is it time to ditch my CMS? What tools should I pick up if I want to scale my site to an audience of millions? The 2021 Jamstack Community Survey is here …\nThe post Jamstack Developers’ Favorite Frameworks of 2021 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/jamstack-developers-favorite-frameworks-of-2021/",
|
||
"publishedOn": "2021-10-12T14:30:47.000Z",
|
||
"wordCount": 1049,
|
||
"title": "Jamstack Developers’ Favorite Frameworks of 2021"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353317",
|
||
"author": "Chris Coyier",
|
||
"description": "Google Analytics is powerful analytics software. A common way to use it is to just slap the JavaScript snippet on every page template you have and let it collect basic data about unique visitors and pageviews and such. That’s useful, …\nThe post WooCommerce + Google Analytics appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/woocommerce-google-analytics/",
|
||
"publishedOn": "2021-10-12T14:28:26.000Z",
|
||
"wordCount": 958,
|
||
"title": "WooCommerce + Google Analytics"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=352907",
|
||
"author": "Chris Coyier",
|
||
"description": "Why would a company promote a native app over their perfectly usable website?\nWe’d have to ask them, I suppose. But it’s hard not to see this push to native as a matter of priorities: that these companies consider native \n…\nThe post Those “Get The App” Banners appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/those-get-the-app-banners/",
|
||
"publishedOn": "2021-10-11T22:12:35.000Z",
|
||
"wordCount": 1111,
|
||
"title": "Those “Get The App” Banners"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353431",
|
||
"author": "Chris Coyier",
|
||
"description": "The README for Cash is straightforward:\nCash is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the codebase, developers can use the familiar chainable methods \n…\nThe post Cash (Tiny jQuery Alternative) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/cash-tiny-jquery-alternative/",
|
||
"publishedOn": "2021-10-11T20:28:24.000Z",
|
||
"wordCount": 710,
|
||
"title": "Cash (Tiny jQuery Alternative)"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=352569",
|
||
"author": "Tobias Günther",
|
||
"description": "This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!\nIn this third installment of our “Advanced Git” series, we’ll look at …\nThe post Better Collaboration With Pull Requests appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/better-collaboration-with-pull-requests/",
|
||
"publishedOn": "2021-10-11T14:29:44.000Z",
|
||
"wordCount": 1716,
|
||
"title": "Better Collaboration With Pull Requests"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353429",
|
||
"author": "Chris Coyier",
|
||
"description": "A good essay from Jean Yang. \nWhat I mean by developer experience is the sum total of how developers interface with their tools, end-to-end, day-in and day-out. Sure, there’s more focus than ever on how developers use and adopt tools, and \n…\nThe post The Case for ‘Developer Experience’ appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://future.a16z.com/the-case-for-developer-experience/",
|
||
"publishedOn": "2021-10-08T20:23:42.000Z",
|
||
"wordCount": 4622,
|
||
"title": "The Case for ‘Developer Experience’"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353374",
|
||
"author": "Chris Coyier",
|
||
"description": "I like the pushback from Katie Kodes here. I’ve said in the past that I don’t think server-side languages haven’t quite nailed “building in components” as well as JavaScript has, but hey, this is a good point:\n1. Any basic \n…\nThe post Jekyll doesn’t do components? Liar! appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://katiekodes.com/jekyll-components-wysiwyg/",
|
||
"publishedOn": "2021-10-08T17:14:05.000Z",
|
||
"wordCount": 2734,
|
||
"title": "Jekyll doesn’t do components? Liar!"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353066",
|
||
"author": "Brenley Dueck",
|
||
"description": "Today we will be learning how to build a tennis trivia app using Next.js and Netlify. This technology stack has become my go-to on many projects. It allows for rapid development and easy deployment.\nWithout further ado let’s jump in!…\nThe post Building a Tennis Trivia App With Next.js and Netlify appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/building-a-tennis-trivia-app-with-next-js-and-netlify/",
|
||
"publishedOn": "2021-10-08T14:30:57.000Z",
|
||
"wordCount": 2848,
|
||
"title": "Building a Tennis Trivia App With Next.js and Netlify"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353062",
|
||
"author": "Chris Coyier",
|
||
"description": "I saw this blog post the other day: 58% of Hacker News, Reddit and tech-savvy audiences block Google Analytics. That’s an enticing title to me. I’ve had Google Analytics on this site literally from the day I launched it. …\nThe post Comparing Google Analytics and Plausible Numbers appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/comparing-google-analytics-and-plausible-numbers/",
|
||
"publishedOn": "2021-10-08T14:30:40.000Z",
|
||
"wordCount": 1390,
|
||
"title": "Comparing Google Analytics and Plausible Numbers"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353112",
|
||
"author": "Chris Coyier",
|
||
"description": "There comes a time on a project when it’s worth investing in tooling to protect the codebase. I’m not sure how to articulate when, but it’s somewhere after the project has proven to be something long-term and rough edges …\nThe post Writing Your Own Code Rules appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/writing-your-own-code-rules/",
|
||
"publishedOn": "2021-10-07T23:35:53.000Z",
|
||
"wordCount": 834,
|
||
"title": "Writing Your Own Code Rules"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353386",
|
||
"author": "Chris Coyier",
|
||
"description": "Blog posts that get into the whole “how to think like a front-end developer” vibe are my favorite. Michelle Barker nails that in this post, and does it without sharing a line of code!\nWe simply can no longer \n…\nThe post Developer Decisions For Building Flexible Components appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://www.smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/",
|
||
"publishedOn": "2021-10-07T21:33:58.000Z",
|
||
"wordCount": 2859,
|
||
"title": "Developer Decisions For Building Flexible Components"
|
||
},
|
||
{
|
||
"id": "https://css-tricks.com/?p=353024",
|
||
"author": "Hugh Haworth",
|
||
"description": "vanilla-extract is a new framework-agnostic CSS-in-TypeScript library. It’s a lightweight, robust, and intuitive way to write your styles. vanilla-extract isn’t a prescriptive CSS framework, but a flexible piece of developer tooling. CSS tooling has been a relatively stable space over …\nThe post CSS in TypeScript with vanilla-extract appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/css-in-typescript-with-vanilla-extract/",
|
||
"publishedOn": "2021-10-07T14:36:35.000Z",
|
||
"wordCount": 2658,
|
||
"title": "CSS in TypeScript with vanilla-extract"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"title": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||
"siteUrl": "https://www.smashingmagazine.com/",
|
||
"articles": [
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/new-smashing-online-workshops-oct-2021/",
|
||
"author": "hello@smashingmagazine.com (Iris Lješnjanin)",
|
||
"description": "Do you like a good interface design challenge? What about accessibility testing and design systems? Or maybe Next.js and advanced CSS? With our new online workshops on front-end & design, we cover all of it. Ah, and [here's what our workshops are like](https://vimeo.com/616485526).",
|
||
"link": "https://smashingmagazine.com/2021/10/new-smashing-online-workshops-oct-2021/",
|
||
"publishedOn": "2021-10-13T11:00:00.000Z",
|
||
"wordCount": 1000,
|
||
"title": "Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022)",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1a95c729-8b29-4b44-90b0-d38183b367c0/online-workshops-2021-opt.png",
|
||
"length": "0",
|
||
"type": "image/png"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/react-apis-building-flexible-components-typescript/",
|
||
"author": "hello@smashingmagazine.com (Gaurav Khanna)",
|
||
"description": "React with JSX is a fantastic tool for making easy-to-use components. Typescript components make it an absolute pleasure for developers to integrate your components into their apps and explore your APIs. Learn about three lesser-known React APIs that can take your components to the next level, and help you build even better React Components in this article.",
|
||
"link": "https://smashingmagazine.com/2021/10/react-apis-building-flexible-components-typescript/",
|
||
"publishedOn": "2021-10-12T12:00:00.000Z",
|
||
"wordCount": 2346,
|
||
"title": "Useful React APIs For Building Flexible Components With TypeScript",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8fbb65d7-6494-4494-9a78-099e178b83da/react-apis-building-flexible-components-typescript.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/bridging-gap-between-designers-developers/",
|
||
"author": "hello@smashingmagazine.com (Matthew Talebi)",
|
||
"description": "UXPin has recently launched a new feature called “Merge”. This tool aims to break through the chasms of design and development, all while improving the agility and quality our teams expect. This new technology may cause some rethink on how the whole design team and engineering team collaborates.",
|
||
"link": "https://smashingmagazine.com/2021/10/bridging-gap-between-designers-developers/",
|
||
"publishedOn": "2021-10-12T10:30:00.000Z",
|
||
"wordCount": 2174,
|
||
"title": "Bridging The Gap Between Designers And Developers",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/f89855fe-fbaf-4d96-80a4-189aa27e8afb/gap-between-designers-developers.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/autofill-dark-pattern/",
|
||
"author": "hello@smashingmagazine.com (Alvaro Montoro)",
|
||
"description": "A “dark pattern” is a deceptive UX pattern that tricks users into doing things they may not really want to do. In this article, Alvaro Montoro does a little experiment to find out how much privacy is taken away from users across three different browsers.",
|
||
"link": "https://smashingmagazine.com/2021/10/autofill-dark-pattern/",
|
||
"publishedOn": "2021-10-11T10:00:00.000Z",
|
||
"wordCount": 3730,
|
||
"title": "The Autofill Dark Pattern",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8722ec01-912f-4013-8b8a-2ba0ab43cc20/autofill-dark-pattern.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/",
|
||
"author": "hello@smashingmagazine.com (Ejiro Asiuwhu)",
|
||
"description": "Most animation libraries like GSAP and Framer Motion are built purely with JavaScript or TypeScript, unlike AnimXYZ, which is labelled “the first composable CSS animation toolkit”, built mainly with SCSS While a simple library, it can be used to achieve a lot of awesome animation on the web in a short amount of time and little code.",
|
||
"link": "https://smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/",
|
||
"publishedOn": "2021-10-09T10:00:00.000Z",
|
||
"wordCount": 2817,
|
||
"title": "Composable CSS Animation In Vue With AnimXYZ",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0b5365f4-e57d-4fa8-96ed-1742adb243ec/composable-css-animation-vue-animxyz.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/",
|
||
"author": "hello@smashingmagazine.com (Bryan Robinson)",
|
||
"description": "In this article, we’ll be building an interactive fiction experience in which a user can insert words that match parts of speech given by the content creator. Let’s go!",
|
||
"link": "https://smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/",
|
||
"publishedOn": "2021-10-08T10:00:00.000Z",
|
||
"wordCount": 7104,
|
||
"title": "Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d9de142e-09f1-4257-99f5-606cc09b8c00/static-first-madlib-generator-portable-text-netlify-builder-functions.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/freebie-coronavirus-icon-set/",
|
||
"author": "hello@smashingmagazine.com (Anton Tyschenko)",
|
||
"description": "Every once in a while, we publish [freebies](https://www.smashingmagazine.com/category/freebies/) related to different occasions and themes. We hope that with this icon set, every designer will be able to find their own use case and contribute to saving lives. Free for personal and commercial use.",
|
||
"link": "https://smashingmagazine.com/2021/10/freebie-coronavirus-icon-set/",
|
||
"publishedOn": "2021-10-07T09:00:00.000Z",
|
||
"wordCount": 995,
|
||
"title": "Freebie: COVID-19 Icon Set (56 Icons, AI, EPS, SVG, PNG)",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ef22f452-44d9-49ae-94f9-c7f1c57a8378/coronavirus.png",
|
||
"length": "0",
|
||
"type": "image/png"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/guide-debugging-css/",
|
||
"author": "hello@smashingmagazine.com (Stephanie Eckles)",
|
||
"description": "Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs.",
|
||
"link": "https://smashingmagazine.com/2021/10/guide-debugging-css/",
|
||
"publishedOn": "2021-10-06T10:00:00.000Z",
|
||
"wordCount": 5481,
|
||
"title": "A Guide To CSS Debugging",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/334beb39-13a4-4159-ab77-86c7dac406d8/guide-debugging-css.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/local-testing-serverless-api-gateway-lambda/",
|
||
"author": "hello@smashingmagazine.com (Tom Hudson)",
|
||
"description": "Have you ever struggled with testing cloud services locally? Specifically, have you ever struggled with locally testing an API that uses API Gateway and Lambda, with the Serverless framework, on AWS? In this article, Tom Hudson shares a quick overview of how easy it is to quickly set up your project to test locally before deploying to AWS.",
|
||
"link": "https://smashingmagazine.com/2021/10/local-testing-serverless-api-gateway-lambda/",
|
||
"publishedOn": "2021-10-05T10:00:00.000Z",
|
||
"wordCount": 1794,
|
||
"title": "Local Testing A Serverless API (API Gateway And Lambda)",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d43ff4a2-4767-4595-9f46-f1ca18f64060/local-testing-serverless-api-gateway-lambda.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/build-expandable-accessible-gallery/",
|
||
"author": "hello@smashingmagazine.com (Silvestar Bistrović)",
|
||
"description": "In this article, we’ll be looking at how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way. Let’s get started!",
|
||
"link": "https://smashingmagazine.com/2021/10/build-expandable-accessible-gallery/",
|
||
"publishedOn": "2021-10-04T10:00:00.000Z",
|
||
"wordCount": 2614,
|
||
"title": "How To Build An Expandable Accessible Gallery",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8271f985-0b13-4db2-afd6-3f6026272fc2/build-expandable-accessible-gallery.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/",
|
||
"author": "hello@smashingmagazine.com (Miracle Onyenma)",
|
||
"description": "Many websites have some sort of search feature because it helps users navigate through their content easily. Implementing it the right way can be tricky and might not give a good user experience. In this tutorial, we will be integrating Algolia, a popular and powerful search service for the best experience on our Nuxt site.",
|
||
"link": "https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/",
|
||
"publishedOn": "2021-10-01T10:00:00.000Z",
|
||
"wordCount": 4901,
|
||
"title": "How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/584ac63f-f493-4e93-8d6a-5e6bc640d7ea/search-functionality-nuxt-app-algolia-instantsearch.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/",
|
||
"author": "hello@smashingmagazine.com (Cosima Mielke)",
|
||
"description": "Get your desktop ready for fall and the upcoming Halloween season with a fresh batch of desktop wallpapers. Created with love by designers and artists from across the globe, they come in versions with and without a calendar for October 2021.",
|
||
"link": "https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/",
|
||
"publishedOn": "2021-09-30T08:00:00.000Z",
|
||
"wordCount": 2469,
|
||
"title": "A Time Of Transition (October 2021 Desktop Wallpapers Edition)",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8987d365-d643-429d-b840-56ff195a9da5/oct-21-autumn-vibes-preview-opt.png",
|
||
"length": "0",
|
||
"type": "image/png"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/",
|
||
"author": "hello@smashingmagazine.com (Addy Osmani)",
|
||
"description": "In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size targets.",
|
||
"link": "https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/",
|
||
"publishedOn": "2021-09-29T08:25:00.000Z",
|
||
"wordCount": 5055,
|
||
"title": "Using Modern Image Formats: AVIF And WebP",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/67b6e428-ea96-41b4-baf2-6be51577910d/modern-image-formats-avif-webp.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/",
|
||
"author": "hello@smashingmagazine.com (Eric Bailey)",
|
||
"description": "You can find Markdown in many places on the Internet. This article covers different aspects of Markdown and how it interacts with other technology.",
|
||
"link": "https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/",
|
||
"publishedOn": "2021-09-28T09:00:00.000Z",
|
||
"wordCount": 3871,
|
||
"title": "Improving The Accessibility Of Your Markdown",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fa95c8d2-8322-4766-ac8d-891dabff0dd6/improving-accessibility-of-markdown.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/",
|
||
"author": "hello@smashingmagazine.com (Ramona Schwering)",
|
||
"description": "Is end-to-end testing a painful topic for you? In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead.",
|
||
"link": "https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/",
|
||
"publishedOn": "2021-09-27T11:30:00.000Z",
|
||
"wordCount": 4952,
|
||
"title": "Let’s Dive Into Cypress For End-to-End Testing",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2c42e65f-5a60-4844-a252-00169b21ab0c/cypress-end-to-end-testing.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/",
|
||
"author": "hello@smashingmagazine.com (Jonne Kats)",
|
||
"description": "We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e-commerce site with Next.js.",
|
||
"link": "https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/",
|
||
"publishedOn": "2021-09-24T10:00:00.000Z",
|
||
"wordCount": 3796,
|
||
"title": "Rebuilding A Large E-Commerce Website With Next.js (Case Study)",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5f1d9e62-ec85-435a-8899-56ac48b4190b/lessons-learned-ecommerce-nextjs.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/",
|
||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||
"description": "You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. It’s time to fix them for good in a [free Smashing online workshop](https://smashingconf.com/online-workshops/workshops/vitaly-friedman-frustrating-patterns/) next week.",
|
||
"link": "https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/",
|
||
"publishedOn": "2021-09-24T06:50:00.000Z",
|
||
"wordCount": 784,
|
||
"title": "Free Online Workshop: Frustrating Design Patterns And How To Fix Them",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76262eaa-9498-4682-a320-6a7469bef697/sept27-workshop.png",
|
||
"length": "0",
|
||
"type": "image/png"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/",
|
||
"author": "hello@smashingmagazine.com (Michelle Barker)",
|
||
"description": "The new CSS `accent-color` property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future.",
|
||
"link": "https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/",
|
||
"publishedOn": "2021-09-23T11:00:00.000Z",
|
||
"wordCount": 2153,
|
||
"title": "Simplifying Form Styles With `accent-color`",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/195a9e83-5686-47fd-80d9-3c1d6dc4655a/simplifying-form-styles-accent-color.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/css-head-tag/",
|
||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||
"description": "We love little useful tools and techniques to help folks get their work done better and faster. Today, we’d love to shine the spotlights on a little helper that helps spot common performance bottlenecks easily: [ct.css](https://csswizardry.com/ct/).",
|
||
"link": "https://smashingmagazine.com/2021/09/css-head-tag/",
|
||
"publishedOn": "2021-09-22T15:00:00.000Z",
|
||
"wordCount": 725,
|
||
"title": "Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b5bbafda-ded4-4bd3-bb2a-8c4188693d30/head-2.png",
|
||
"length": "0",
|
||
"type": "image/png"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/mouseless-development-environment/",
|
||
"author": "hello@smashingmagazine.com (Matthieu Cneude)",
|
||
"description": "Building a development environment with the shell as a keystone offers multiple benefits. You can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard.",
|
||
"link": "https://smashingmagazine.com/2021/09/mouseless-development-environment/",
|
||
"publishedOn": "2021-09-21T11:30:00.000Z",
|
||
"wordCount": 4158,
|
||
"title": "How To Build Your Own Mouseless Development Environment",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5c58e67b-deff-4745-b162-f60f468469ac/mouseless-development-environment.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/",
|
||
"author": "hello@smashingmagazine.com (Frederick O’Brien)",
|
||
"description": "The last 18 months have been a time of unprecedented turbulence. As the people of the world have flooded online, businesses have joined them, using web development tools to adapt in real-time.",
|
||
"link": "https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/",
|
||
"publishedOn": "2021-09-21T09:30:00.000Z",
|
||
"wordCount": 1686,
|
||
"title": "How Web Development Tools Are Helping Users Keep Pace With Rapid Change",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d8f1b98f-ddeb-407f-ab88-c34305a5380b/web-development-tools-users-keep-pace-rapid-change.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/",
|
||
"author": "hello@smashingmagazine.com (Ken Harker)",
|
||
"description": "Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening.",
|
||
"link": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/",
|
||
"publishedOn": "2021-09-20T11:30:00.000Z",
|
||
"wordCount": 3962,
|
||
"title": "Are Imposter Domains Re-Publishing Your Website?",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4504ea89-0356-45c7-a7c1-a5c360ecc471/imposter-domains-republishing-website.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/",
|
||
"author": "hello@smashingmagazine.com (Paul Scanlon)",
|
||
"description": "Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for.",
|
||
"link": "https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/",
|
||
"publishedOn": "2021-09-17T09:00:00.000Z",
|
||
"wordCount": 2579,
|
||
"title": "Monetize Open-Source Software With Gatsby Functions And Stripe",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/73f6525b-6678-4db1-a875-16150bc822cd/monetize-open-source-software-gatsby-functions-stripe.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/",
|
||
"author": "hello@smashingmagazine.com (Elie Sloïm)",
|
||
"description": "Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way.",
|
||
"link": "https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/",
|
||
"publishedOn": "2021-09-16T12:00:00.000Z",
|
||
"wordCount": 4512,
|
||
"title": "Web Quality Assurance: From User Requirements To Web Risk Management",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/da816ee2-199c-49e8-8f63-f50d1fb5adb7/journey-into-web-quality-assurance.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/reasons-build-crm-powered-website-business/",
|
||
"author": "hello@smashingmagazine.com (Zara Cooper)",
|
||
"description": "Integrating a CRM with your business website has numerous benefits. In this article, Zara Cooper explains what these benefits are and why websites should be integrated with a CRM platform.",
|
||
"link": "https://smashingmagazine.com/2021/09/reasons-build-crm-powered-website-business/",
|
||
"publishedOn": "2021-09-16T11:00:00.000Z",
|
||
"wordCount": 2293,
|
||
"title": "Reasons To Build A CRM-Powered Website For Your Business",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdb5e7f2-9050-4e5f-8b93-ca24f0483188/hubspot-preview-image.png",
|
||
"length": "0",
|
||
"type": "image/png"
|
||
}
|
||
},
|
||
{
|
||
"id": "https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/",
|
||
"author": "hello@smashingmagazine.com (Marcel Moreau)",
|
||
"description": "For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.",
|
||
"link": "https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/",
|
||
"publishedOn": "2021-09-15T10:00:00.000Z",
|
||
"wordCount": 1940,
|
||
"title": "Reducing The Need For Pseudo-Elements",
|
||
"enclosure": {
|
||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c994e024-5695-4cf7-b9b6-dc589e547f19/reducing-need-pseudo-elements.jpg",
|
||
"length": "0",
|
||
"type": "image/jpg"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"title": "freeCodeCamp.org",
|
||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||
"siteUrl": "https://www.freecodecamp.org/news",
|
||
"articles": [
|
||
{
|
||
"id": "6167483480d82d07c45a445f",
|
||
"author": null,
|
||
"description": "Amazon Virtual Private Cloud is a service that lets you launch AWS resources in a logically isolated virtual network that you define. You get complete control over the networking environment including IP address ranges, subnets, routing, firewalls and more. We just released a full course about Amazon Virtual Private Cloud",
|
||
"link": "https://www.freecodecamp.org/news/amazon-virtual-private-cloud-course/",
|
||
"publishedOn": "2021-10-13T21:00:37.000Z",
|
||
"wordCount": 389,
|
||
"title": "Amazon Virtual Private Cloud Course"
|
||
},
|
||
{
|
||
"id": "616706d380d82d07c45a422b",
|
||
"author": null,
|
||
"description": "Most sites that display a list of data in a table typically have some kind of filter functionality implemented. This helps the user filter relevant items based on the text they type into the form input. In this quick tutorial, we are going to build a responsive filterable table which",
|
||
"link": "https://www.freecodecamp.org/news/build-a-responsive-filterable-form-with-css-and-javascript/",
|
||
"publishedOn": "2021-10-13T20:54:46.000Z",
|
||
"wordCount": 1314,
|
||
"title": "How to Build a Responsive Form with Filter Functionality Using HTML, CSS, and JavaScript"
|
||
},
|
||
{
|
||
"id": "6166934680d82d07c45a3e48",
|
||
"author": null,
|
||
"description": "Every computer has a graphics card that handles the rendering of every pixel you see on the monitor. This graphics card also plays a crucial role in displaying videos, running applications, and most especially, handling video game graphics. Computers also have a graphics processing unit (GPU), which renders images and",
|
||
"link": "https://www.freecodecamp.org/news/what-graphics-card-do-i-have-how-to-check-your-gpu-in-windows-10-pc-guide/",
|
||
"publishedOn": "2021-10-13T17:01:26.000Z",
|
||
"wordCount": 622,
|
||
"title": "What Graphics Card Do I Have? How to Check Your GPU in Windows 10 [PC GUIDE]"
|
||
},
|
||
{
|
||
"id": "615855ad4aa03507d9411890",
|
||
"author": null,
|
||
"description": "In this article, we will be learning about one of Firebase's build products called Cloud Firestore. It lets you store, sync, and retrieve data in a document-based database. We'll learn how to set up our project for the web. Since this isn't a design-focused tutorial, we'll just use an HTML",
|
||
"link": "https://www.freecodecamp.org/news/firebase-firestore-crash-course/",
|
||
"publishedOn": "2021-10-13T15:57:42.000Z",
|
||
"wordCount": 1790,
|
||
"title": "Firebase Cloud Firestore – Database Crash Course"
|
||
},
|
||
{
|
||
"id": "615e276e0d91c9077974e6ba",
|
||
"author": null,
|
||
"description": "IntroductionReact is one of the best libraries for creating stateful interfaces, and is an essential part of the internet as we know it. Many web apps including Twitter, Facebook, Instagram, and Airbnb depend on this library to deliver stateful, cross-platform applications to billions of users. It continues to be one",
|
||
"link": "https://www.freecodecamp.org/news/add-a-database-hook-to-react-and-react-native/",
|
||
"publishedOn": "2021-10-12T21:17:09.000Z",
|
||
"wordCount": 2891,
|
||
"title": "How to Add a Flawless Database Hook to Your React Projects"
|
||
},
|
||
{
|
||
"id": "61642329804854468fda8506",
|
||
"author": null,
|
||
"description": "As more and more people are working remotely, online meeting services like Zoom are becoming more popular and widely-used. And if you're in a Zoom meeting, you'll probably have to show your work to your co-workers from time to time. Zoom offers many features that make sharing your screen fast",
|
||
"link": "https://www.freecodecamp.org/news/zoom-screen-sharing-how-to-share-my-screen-on-zoom-solved/",
|
||
"publishedOn": "2021-10-12T20:53:11.000Z",
|
||
"wordCount": 784,
|
||
"title": "Zoom Screen Sharing – How to Share My Screen on Zoom [Solved]"
|
||
},
|
||
{
|
||
"id": "61612118804854468fda6b2b",
|
||
"author": null,
|
||
"description": "Creating forms with proper validation can be tough and problematic. But in this blog post, I will show you how to do so in a simple and straightforward way. We'll learn how to add validation in a form using React and React Hook Form. How to Create a Form in",
|
||
"link": "https://www.freecodecamp.org/news/add-form-validation-in-react-app-with-react-hook-form/",
|
||
"publishedOn": "2021-10-12T20:52:04.000Z",
|
||
"wordCount": 1320,
|
||
"title": "How to Add Form Validation in React Forms using React Hook Form"
|
||
},
|
||
{
|
||
"id": "616478dc804854468fda89eb",
|
||
"author": null,
|
||
"description": "When you're working on your computer, you want to do things as quickly as possible. And you probably don't want to repeat typing the same thing over and over again. Knowing how to copy and paste text and other data will help you work efficiently without repeating yourself. So in",
|
||
"link": "https://www.freecodecamp.org/news/how-to-copy-and-paste-on-a-computer-windows-pc-keyboard-shortcut-guide/",
|
||
"publishedOn": "2021-10-12T15:35:00.000Z",
|
||
"wordCount": 961,
|
||
"title": "How to Copy and Paste on a Computer [Windows PC Keyboard Shortcut Guide]"
|
||
},
|
||
{
|
||
"id": "61604b37804854468fda625c",
|
||
"author": null,
|
||
"description": "In this beginner-friendly guide, you'll learn the very basics of the awk command. You'll also see some of the ways you can use it when dealing with text. Let's get started! What is the awk command? awk is a scripting language, and it is helpful when working in the command",
|
||
"link": "https://www.freecodecamp.org/news/the-linux-awk-command-linux-and-unix-usage-syntax-examples/",
|
||
"publishedOn": "2021-10-12T15:34:47.000Z",
|
||
"wordCount": 1572,
|
||
"title": "The Linux AWK Command – Linux and Unix Usage Syntax Examples"
|
||
},
|
||
{
|
||
"id": "615d55dc0d91c9077974d404",
|
||
"author": null,
|
||
"description": "Game development is a popular field within the software industry. But what does it take to start building games from scratch? In this article, I will talk about the different game engines and tools that you can use to build your own games. I will also provide you with dozens",
|
||
"link": "https://www.freecodecamp.org/news/how-to-make-a-video-game-create-your-own-game-from-scratch-tutorial/",
|
||
"publishedOn": "2021-10-12T15:34:31.000Z",
|
||
"wordCount": 1597,
|
||
"title": "How to Make a Video Game – Create Your Own Game From Scratch Tutorial"
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"cliVersion": "1.11.2"
|
||
} |