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
7100057fc1
commit
a8f074e0f2
3 changed files with 208 additions and 201 deletions
134
cache.json
134
cache.json
|
|
@ -30,6 +30,33 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352717",
|
||||
"author": "Chris Coyier",
|
||||
"description": "How To Use The Vite Build Tool with React — Vite is hot, in part, because it’s based on esbuild and wickedly fast. It’s from Evan You of Vue fame, but it’s not a Vue-specific tool. Here, NARUHODO covers how \n…\nThe post Links on React and JavaScript II appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/links-on-react-and-javascript-ii/",
|
||||
"publishedOn": "2021-10-01T21:09:25.000Z",
|
||||
"wordCount": 753,
|
||||
"title": "Links on React and JavaScript II"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352867",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I'm certainly not dogmatic about it, but I think if you can pull of a project with literally zero build process, it feels good while working on it and feels very good when you come back to it months/years later and can just pick up and go.\nThe post Using the platform appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://elisehe.in/2021/08/22/using-the-platform",
|
||||
"publishedOn": "2021-10-01T18:50:43.000Z",
|
||||
"wordCount": 3309,
|
||||
"title": "Using the platform"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352798",
|
||||
"author": "Jamie Barton",
|
||||
"description": "Directives are one of GraphQL’s best — and most unspoken — features.\nLet’s explore working with GraphQL’s built-in schema and operation directives that all GraphQL spec compliant APIs must implement. They are extremely useful if you are working with a …\nThe post Working With Built-in GraphQL Directives appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/working-with-built-in-graphql-directives/",
|
||||
"publishedOn": "2021-10-01T14:35:02.000Z",
|
||||
"wordCount": 1462,
|
||||
"title": "Working With Built-in GraphQL Directives"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352475",
|
||||
"author": "Tobias Günther",
|
||||
|
|
@ -45,7 +72,7 @@
|
|||
"description": "(This is a sponsored post.)\nOf the languages that browsers speak, I’d wager that the very first one that developers decided needed some additional processing was HTML. Every single CMS in the world (aside from intentionally headless-only CMSs) …\nThe post Comparing HTML Preprocessor Features appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/comparing-html-preprocessor-features/",
|
||||
"publishedOn": "2021-09-30T14:00:00.000Z",
|
||||
"wordCount": 2286,
|
||||
"wordCount": 2416,
|
||||
"title": "Comparing HTML Preprocessor Features"
|
||||
},
|
||||
{
|
||||
|
|
@ -63,7 +90,7 @@
|
|||
"description": "I was pretty stoked when Chris shared a way to “View Source” on mobile. Sure, it’s not the same as a built-in feature but it allows iOS users like myself a way to peek at a site’s code the …\nThe post Front-End Dev Shortcuts in iOS 15 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/front-end-dev-shortcuts-in-ios-15/",
|
||||
"publishedOn": "2021-09-29T14:51:22.000Z",
|
||||
"wordCount": 1198,
|
||||
"wordCount": 1217,
|
||||
"title": "Front-End Dev Shortcuts in iOS 15"
|
||||
},
|
||||
{
|
||||
|
|
@ -137,33 +164,6 @@
|
|||
"publishedOn": "2021-09-24T14:34:59.000Z",
|
||||
"wordCount": 2554,
|
||||
"title": "Comparing Methods for Appending and Inserting With JavaScript"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=351975",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer …\nThe post Our Learning Partner: Frontend Masters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/our-learning-partner-frontend-masters-2/",
|
||||
"publishedOn": "2021-09-24T14:34:05.000Z",
|
||||
"wordCount": 612,
|
||||
"title": "Our Learning Partner: Frontend Masters"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352279",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Whatever Google wants it to be. I always thought it was exactly what your <title> element was. Perhaps in lieu of that, what the first <h1> on the page is. But recently I noticed some pages on this site that …\nThe post What is Your Page Title on a Google Search Engine Results Page? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/what-is-your-page-title-on-a-google-search-engine-results-page/",
|
||||
"publishedOn": "2021-09-23T18:11:15.000Z",
|
||||
"wordCount": 1090,
|
||||
"title": "What is Your Page Title on a Google Search Engine Results Page?"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352381",
|
||||
"author": "Jamie Barton",
|
||||
"description": "If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal.\nThe official …\nThe post Working With GraphQL Caching appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/working-with-graphql-caching/",
|
||||
"publishedOn": "2021-09-23T14:32:01.000Z",
|
||||
"wordCount": 1627,
|
||||
"title": "Working With GraphQL Caching"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -172,13 +172,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/",
|
||||
"author": "hello@smashingmagazine.com (Miracle Onyemna)",
|
||||
"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": 4894,
|
||||
"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": 2464,
|
||||
"wordCount": 2462,
|
||||
"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",
|
||||
|
|
@ -192,7 +206,7 @@
|
|||
"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": 5047,
|
||||
"wordCount": 5044,
|
||||
"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",
|
||||
|
|
@ -206,7 +220,7 @@
|
|||
"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": 3864,
|
||||
"wordCount": 3875,
|
||||
"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",
|
||||
|
|
@ -262,7 +276,7 @@
|
|||
"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": 2152,
|
||||
"wordCount": 2151,
|
||||
"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",
|
||||
|
|
@ -290,7 +304,7 @@
|
|||
"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": 4142,
|
||||
"wordCount": 4152,
|
||||
"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",
|
||||
|
|
@ -318,7 +332,7 @@
|
|||
"description": "Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening.",
|
||||
"link": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/",
|
||||
"publishedOn": "2021-09-20T11:30:00.000Z",
|
||||
"wordCount": 3955,
|
||||
"wordCount": 3952,
|
||||
"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",
|
||||
|
|
@ -332,7 +346,7 @@
|
|||
"description": "Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for.",
|
||||
"link": "https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/",
|
||||
"publishedOn": "2021-09-17T09:00:00.000Z",
|
||||
"wordCount": 2574,
|
||||
"wordCount": 2576,
|
||||
"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",
|
||||
|
|
@ -346,7 +360,7 @@
|
|||
"description": "Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way.",
|
||||
"link": "https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/",
|
||||
"publishedOn": "2021-09-16T12:00:00.000Z",
|
||||
"wordCount": 4516,
|
||||
"wordCount": 4510,
|
||||
"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",
|
||||
|
|
@ -388,7 +402,7 @@
|
|||
"description": "When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.",
|
||||
"link": "https://smashingmagazine.com/2021/09/power-pen-paper-sketching/",
|
||||
"publishedOn": "2021-09-14T09:30:00.000Z",
|
||||
"wordCount": 2091,
|
||||
"wordCount": 2081,
|
||||
"title": "The Power Of Pen And Paper Sketching",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e4a5bd0b-53db-40c2-90d9-9d0a19b8d377/power-pen-paper-sketching.jpg",
|
||||
|
|
@ -402,7 +416,7 @@
|
|||
"description": "There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.",
|
||||
"link": "https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/",
|
||||
"publishedOn": "2021-09-13T09:00:00.000Z",
|
||||
"wordCount": 2994,
|
||||
"wordCount": 2997,
|
||||
"title": "Orchestrating Complexity With Web Animations API",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/cc4a9b5f-fd83-4fc0-9966-6f98707d1466/orchestrating-complexity-web-animations-api.jpg",
|
||||
|
|
@ -416,7 +430,7 @@
|
|||
"description": "They say content is king, and they’re right. The web has unlocked untold possibilities for storytellers — provided the story is right, of course. Here are some of our favorite examples of editorial content thriving in the digital realm.",
|
||||
"link": "https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/",
|
||||
"publishedOn": "2021-09-10T10:00:00.000Z",
|
||||
"wordCount": 2039,
|
||||
"wordCount": 2049,
|
||||
"title": "Web Design Done Well: Excellent Editorial",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7af3bbbe-821b-4e3c-870a-f8290ed52212/web-design-done-well-excellent-editorial.jpg",
|
||||
|
|
@ -430,7 +444,7 @@
|
|||
"description": "When paired with ISR and Next.js’ API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not), and how to build a website by using Incremental Static Regeneration.",
|
||||
"link": "https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/",
|
||||
"publishedOn": "2021-09-09T10:30:00.000Z",
|
||||
"wordCount": 2056,
|
||||
"wordCount": 2055,
|
||||
"title": "Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/47c6e5fc-73b3-41fe-afb7-b640b860efa0/useswr-react-hook-library-incremental-static-regeneration-nextjs.jpg",
|
||||
|
|
@ -444,7 +458,7 @@
|
|||
"description": "In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.",
|
||||
"link": "https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/",
|
||||
"publishedOn": "2021-09-08T10:30:00.000Z",
|
||||
"wordCount": 2852,
|
||||
"wordCount": 2853,
|
||||
"title": "Developer Decisions For Building Flexible Components",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76d3eef0-2a0a-45e0-b0bb-399da37c3834/developer-decisions-building-flexible-components.jpg",
|
||||
|
|
@ -472,7 +486,7 @@
|
|||
"description": "Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.",
|
||||
"link": "https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/",
|
||||
"publishedOn": "2021-09-07T10:00:00.000Z",
|
||||
"wordCount": 4038,
|
||||
"wordCount": 4048,
|
||||
"title": "What’s New With DevTools: Cross-Browser Edition",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1e0eef0e-e4b0-45b6-8afd-1d1a60b7c53b/devtools-cross-browsers.jpg",
|
||||
|
|
@ -500,27 +514,13 @@
|
|||
"description": "Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up.",
|
||||
"link": "https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/",
|
||||
"publishedOn": "2021-09-03T11:30:00.000Z",
|
||||
"wordCount": 3555,
|
||||
"wordCount": 3553,
|
||||
"title": "Reducing Carbon Emissions On The Web",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdef7e38-4e37-4177-a7b3-d74860c7724f/reducing-carbon-emissions-on-web.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/",
|
||||
"author": "hello@smashingmagazine.com (Louis Lazaris)",
|
||||
"description": "Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.",
|
||||
"link": "https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/",
|
||||
"publishedOn": "2021-09-02T12:00:00.000Z",
|
||||
"wordCount": 2419,
|
||||
"title": "Interactive Learning Tools For Front-End Developers",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7f13aec3-8dd5-4085-afce-c752db3abfb6/interactive-learning-tools-front-end-developers.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -529,6 +529,15 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "613f8a73852f4307d372cc55",
|
||||
"author": null,
|
||||
"description": "Java is one of the most popular object-oriented programming languages in use today. Because it is platform-independent, you will find Java applications on every type of device and every operating system. And because Java is relatively easy to learn, it is one of the first languages that many programmers pick",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-solve-multiple-inheritance-in-java/",
|
||||
"publishedOn": "2021-10-01T14:42:02.000Z",
|
||||
"wordCount": 1381,
|
||||
"title": "How to Solve the Problem of Multiple Inheritance in Java"
|
||||
},
|
||||
{
|
||||
"id": "611b08a4e884de075217ff23",
|
||||
"author": null,
|
||||
|
|
@ -609,15 +618,6 @@
|
|||
"publishedOn": "2021-09-28T18:56:03.000Z",
|
||||
"wordCount": 22805,
|
||||
"title": "HTML / CSS Tutorial - Build a Recipe Website"
|
||||
},
|
||||
{
|
||||
"id": "613c75b1852f4307d372b9ab",
|
||||
"author": null,
|
||||
"description": "You have finished creating your HTML website and you're feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. In this tutorial, you will learn how to publish an HTML website using two popular platforms – Netlify",
|
||||
"link": "https://www.freecodecamp.org/news/publish-your-website-netlify-github/",
|
||||
"publishedOn": "2021-09-28T17:36:52.000Z",
|
||||
"wordCount": 968,
|
||||
"title": "How to Publish an HTML Website on Netlify or GitHub Pages"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
113
feed.atom
113
feed.atom
|
|
@ -1,10 +1,65 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-10-01T00:45:08.865Z</id>
|
||||
<id>urn:2021-10-02T00:41:07.593Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-10-01T00:45:08.865Z</updated>
|
||||
<updated>2021-10-02T00:41:07.593Z</updated>
|
||||
<generator>osmosfeed 1.11.2</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Links on React and JavaScript II]]></title>
|
||||
<id>https://css-tricks.com/?p=352717</id>
|
||||
<link href="https://css-tricks.com/links-on-react-and-javascript-ii/"/>
|
||||
<updated>2021-10-01T21:09:25.000Z</updated>
|
||||
<summary type="html"><![CDATA[How To Use The Vite Build Tool with React — Vite is hot, in part, because it’s based on esbuild and wickedly fast. It’s from Evan You of Vue fame, but it’s not a Vue-specific tool. Here, NARUHODO covers how
|
||||
…
|
||||
The post Links on React and JavaScript II 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[Using the platform]]></title>
|
||||
<id>https://css-tricks.com/?p=352867</id>
|
||||
<link href="https://elisehe.in/2021/08/22/using-the-platform"/>
|
||||
<updated>2021-10-01T18:50:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[I'm certainly not dogmatic about it, but I think if you can pull of a project with literally zero build process, it feels good while working on it and feels very good when you come back to it months/years later and can just pick up and go.
|
||||
The post Using the platform 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[How to Solve the Problem of Multiple Inheritance in Java]]></title>
|
||||
<id>613f8a73852f4307d372cc55</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-solve-multiple-inheritance-in-java/"/>
|
||||
<updated>2021-10-01T14:42:02.000Z</updated>
|
||||
<summary type="html"><![CDATA[Java is one of the most popular object-oriented programming languages in use today. Because it is platform-independent, you will find Java applications on every type of device and every operating system. And because Java is relatively easy to learn, it is one of the first languages that many programmers pick]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Working With Built-in GraphQL Directives]]></title>
|
||||
<id>https://css-tricks.com/?p=352798</id>
|
||||
<link href="https://css-tricks.com/working-with-built-in-graphql-directives/"/>
|
||||
<updated>2021-10-01T14:35:02.000Z</updated>
|
||||
<summary type="html"><![CDATA[Directives are one of GraphQL’s best — and most unspoken — features.
|
||||
Let’s explore working with GraphQL’s built-in schema and operation directives that all GraphQL spec compliant APIs must implement. They are extremely useful if you are working with a …
|
||||
The post Working With Built-in GraphQL Directives appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Jamie Barton</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/</id>
|
||||
<link href="https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/"/>
|
||||
<updated>2021-10-01T10:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Miracle Onyemna)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Accessibility Best Practices for Mobile App Development]]></title>
|
||||
<id>611b08a4e884de075217ff23</id>
|
||||
|
|
@ -174,16 +229,6 @@ The post So many little design helper sites! appeared first on CSS-Tricks. You c
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Publish an HTML Website on Netlify or GitHub Pages]]></title>
|
||||
<id>613c75b1852f4307d372b9ab</id>
|
||||
<link href="https://www.freecodecamp.org/news/publish-your-website-netlify-github/"/>
|
||||
<updated>2021-09-28T17:36:52.000Z</updated>
|
||||
<summary type="html"><![CDATA[You have finished creating your HTML website and you're feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. In this tutorial, you will learn how to publish an HTML website using two popular platforms – Netlify]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[iOS Browser Choice]]></title>
|
||||
<id>https://css-tricks.com/?p=352681</id>
|
||||
|
|
@ -300,17 +345,6 @@ The post Comparing Methods for Appending and Inserting With JavaScript appeared
|
|||
<name>Eric Markfield</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Our Learning Partner: Frontend Masters]]></title>
|
||||
<id>https://css-tricks.com/?p=351975</id>
|
||||
<link href="https://css-tricks.com/our-learning-partner-frontend-masters-2/"/>
|
||||
<updated>2021-09-24T14:34:05.000Z</updated>
|
||||
<summary type="html"><![CDATA[Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer …
|
||||
The post Our Learning Partner: Frontend Masters 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[Rebuilding A Large E-Commerce Website With Next.js (Case Study)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/</id>
|
||||
|
|
@ -331,29 +365,6 @@ The post Our Learning Partner: Frontend Masters appeared first on CSS-Tricks. Yo
|
|||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is Your Page Title on a Google Search Engine Results Page?]]></title>
|
||||
<id>https://css-tricks.com/?p=352279</id>
|
||||
<link href="https://css-tricks.com/what-is-your-page-title-on-a-google-search-engine-results-page/"/>
|
||||
<updated>2021-09-23T18:11:15.000Z</updated>
|
||||
<summary type="html"><![CDATA[Whatever Google wants it to be. I always thought it was exactly what your <title> element was. Perhaps in lieu of that, what the first <h1> on the page is. But recently I noticed some pages on this site that …
|
||||
The post What is Your Page Title on a Google Search Engine Results Page? 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[Working With GraphQL Caching]]></title>
|
||||
<id>https://css-tricks.com/?p=352381</id>
|
||||
<link href="https://css-tricks.com/working-with-graphql-caching/"/>
|
||||
<updated>2021-09-23T14:32:01.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal.
|
||||
The official …
|
||||
The post Working With GraphQL Caching appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Jamie Barton</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Simplifying Form Styles With `accent-color`]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/</id>
|
||||
|
|
@ -545,14 +556,4 @@ Thank you @ad-m]]></summary>
|
|||
<name>hello@smashingmagazine.com (Berwyn Powell)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Interactive Learning Tools For Front-End Developers]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/</id>
|
||||
<link href="https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/"/>
|
||||
<updated>2021-09-02T12:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Louis Lazaris)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
162
index.html
162
index.html
|
|
@ -15,6 +15,89 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-01">2021-10-01</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">Links on React and JavaScript II</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/links-on-react-and-javascript-ii/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>How To Use The Vite Build Tool with React — Vite is hot, in part, because it’s based on esbuild and wickedly fast. It’s from Evan You of Vue fame, but it’s not a Vue-specific tool. Here, NARUHODO covers how
|
||||
…
|
||||
The post Links on React and JavaScript II appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Using the platform</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://elisehe.in/2021/08/22/using-the-platform">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span>I'm certainly not dogmatic about it, but I think if you can pull of a project with literally zero build process, it feels good while working on it and feels very good when you come back to it months/years later and can just pick up and go.
|
||||
The post Using the platform appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Working With Built-in GraphQL Directives</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/working-with-built-in-graphql-directives/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>Directives are one of GraphQL’s best — and most unspoken — features.
|
||||
Let’s explore working with GraphQL’s built-in schema and operation directives that all GraphQL spec compliant APIs must implement. They are extremely useful if you are working with a …
|
||||
The post Working With Built-in GraphQL Directives 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 Solve the Problem of Multiple Inheritance in Java</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-solve-multiple-inheritance-in-java/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>Java is one of the most popular object-oriented programming languages in use today. Because it is platform-independent, you will find Java applications on every type of device and every operating system. And because Java is relatively easy to learn, it is one of the first languages that many programmers pick</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(16 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-30">2021-09-30</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -285,17 +368,6 @@ The post Web Unleashed is Back! (Use Coupon Code “CSS-Tricks” for 50% Off) a
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Publish an HTML Website on Netlify or GitHub Pages</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/publish-your-website-netlify-github/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>You have finished creating your HTML website and you're feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. In this tutorial, you will learn how to publish an HTML website using two popular platforms – Netlify</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -441,18 +513,6 @@ The post Comparing Methods for Appending and Inserting With JavaScript appeared
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Our Learning Partner: Frontend Masters</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/our-learning-partner-frontend-masters-2/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer …
|
||||
The post Our Learning Partner: Frontend Masters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -488,38 +548,6 @@ The post Our Learning Partner: Frontend Masters appeared first on CSS-Tricks. Yo
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-23">2021-09-23</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">What is Your Page Title on a Google Search Engine Results Page?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/what-is-your-page-title-on-a-google-search-engine-results-page/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Whatever Google wants it to be. I always thought it was exactly what your element was. Perhaps in lieu of that, what the first
|
||||
on the page is. But recently I noticed some pages on this site that …
|
||||
The post What is Your Page Title on a Google Search Engine Results Page? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Working With GraphQL Caching</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/working-with-graphql-caching/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal.
|
||||
The official …
|
||||
The post Working With GraphQL Caching appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
|
|
@ -898,31 +926,9 @@ Thank you @ad-m</span>
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-02">2021-09-02</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Interactive Learning Tools For Front-End Developers</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-10-01T00:45:08.849Z">2021-10-01T00:45:08.849Z</time>
|
||||
<time id="build-timestamp" datetime="2021-10-02T00:41:07.572Z">2021-10-02T00:41:07.572Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.2</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue