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
87619defae
commit
7f149f15ed
3 changed files with 348 additions and 345 deletions
222
cache.json
222
cache.json
|
|
@ -30,13 +30,49 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"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": 2789,
|
||||
"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": 1007,
|
||||
"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": 805,
|
||||
"wordCount": 834,
|
||||
"title": "Writing Your Own Code Rules"
|
||||
},
|
||||
{
|
||||
|
|
@ -45,7 +81,7 @@
|
|||
"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": 2860,
|
||||
"wordCount": 2861,
|
||||
"title": "Developer Decisions For Building Flexible Components"
|
||||
},
|
||||
{
|
||||
|
|
@ -63,7 +99,7 @@
|
|||
"description": "(This is a sponsored post.)\nKendoReact can save you boatloads of time because it offers pre-built componentry you can use in your app right away. They look nice, but more importantly, they are easily themeable, so they look however …\nThe post A Themeable React Data Grid With Great UX-Focused Features appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/a-themeable-react-data-grid-with-great-ux-focused-features/",
|
||||
"publishedOn": "2021-10-07T14:35:28.000Z",
|
||||
"wordCount": 1219,
|
||||
"wordCount": 1262,
|
||||
"title": "A Themeable React Data Grid With Great UX-Focused Features"
|
||||
},
|
||||
{
|
||||
|
|
@ -90,16 +126,16 @@
|
|||
"description": "If you run or have recently switched to a static site generator, you might find yourself writing a lot of Markdown. And the more you write it, the more you want the tooling experience to disappear so that …\nThe post Considerations for Using Markdown Writing Apps on Static Sites appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/considerations-for-using-markdown-writing-apps-on-static-sites/",
|
||||
"publishedOn": "2021-10-06T14:22:18.000Z",
|
||||
"wordCount": 2177,
|
||||
"wordCount": 2373,
|
||||
"title": "Considerations for Using Markdown Writing Apps on Static Sites"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352676",
|
||||
"author": "Chris Coyier",
|
||||
"description": "In HTML, there is a very clear input type for dealing with passwords:\n<input type=\"password\"\nIf you use that, you get the obfuscated bullet-points when you type into it, like:\n••••••••\nThat’s the web trying to help with security. If …\nThe post The Options for Password Revealing Inputs appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"description": "In HTML, there is a very clear input type for dealing with passwords:\n<input type=\"password\">\nIf you use that, you get the obfuscated bullet-points when you type into it, like:\n••••••••\nThat’s the web trying to help with security. If …\nThe post The Options for Password Revealing Inputs appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/the-options-for-password-revealing-inputs/",
|
||||
"publishedOn": "2021-10-06T14:22:11.000Z",
|
||||
"wordCount": 805,
|
||||
"wordCount": 849,
|
||||
"title": "The Options for Password Revealing Inputs"
|
||||
},
|
||||
{
|
||||
|
|
@ -126,44 +162,8 @@
|
|||
"description": "In this article I'm going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.\nThe post Branching Strategies in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/branching-strategies-in-git/",
|
||||
"publishedOn": "2021-10-05T14:28:43.000Z",
|
||||
"wordCount": 2252,
|
||||
"wordCount": 2229,
|
||||
"title": "Branching Strategies in Git"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=353225",
|
||||
"author": "Chris Coyier",
|
||||
"description": "This is some bonafide CSS trickery from Harry that gives you some generic performance advice based on what it sees in your <head> element. \nFirst, it’s possible to make a <style block visible like any other element by changing the …\nThe post ct.css — Performance Hints via Injected Stylesheet Alone appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://csswizardry.com/ct/",
|
||||
"publishedOn": "2021-10-05T14:28:28.000Z",
|
||||
"wordCount": 80,
|
||||
"title": "ct.css — Performance Hints via Injected Stylesheet Alone"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=353179",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Dumb trick alert! \nNot all browsers support all features. Say you want to write a fallback for browsers that doesn’t support CSS Grid. Not very common these days, but it’s just to illustrate a point.\nYou could write the supporting …\nThe post Quickly Testing CSS Fallbacks appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/quickly-testing-css-fallbacks/",
|
||||
"publishedOn": "2021-10-04T19:15:22.000Z",
|
||||
"wordCount": 543,
|
||||
"title": "Quickly Testing CSS Fallbacks"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352819",
|
||||
"author": "Luke Courtney",
|
||||
"description": "Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an …\nThe post Animation Techniques for Adding and Removing Items From a Stack appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/animation-techniques-for-adding-and-removing-items-from-a-stack/",
|
||||
"publishedOn": "2021-10-04T14:05:36.000Z",
|
||||
"wordCount": 4717,
|
||||
"title": "Animation Techniques for Adding and Removing Items From a Stack"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352857",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Dave and I slapped up a little videos section of the ShopTalk website. Twelve so far! They are short-ish, between 10-20 minutes, each focused on one fairly specific thing. We’re kinda just dipping our toes here — we don’t …\nThe post ShopTalk Goes Video appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/shoptalk-goes-video/",
|
||||
"publishedOn": "2021-10-04T14:04:32.000Z",
|
||||
"wordCount": 512,
|
||||
"title": "ShopTalk Goes Video"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -172,13 +172,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"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": 7097,
|
||||
"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": 1000,
|
||||
"wordCount": 999,
|
||||
"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",
|
||||
|
|
@ -192,7 +206,7 @@
|
|||
"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": 5478,
|
||||
"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",
|
||||
|
|
@ -206,7 +220,7 @@
|
|||
"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": 1791,
|
||||
"wordCount": 1802,
|
||||
"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",
|
||||
|
|
@ -220,7 +234,7 @@
|
|||
"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,
|
||||
"wordCount": 2613,
|
||||
"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",
|
||||
|
|
@ -234,7 +248,7 @@
|
|||
"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": 4898,
|
||||
"wordCount": 4902,
|
||||
"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",
|
||||
|
|
@ -248,7 +262,7 @@
|
|||
"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": 2471,
|
||||
"wordCount": 2468,
|
||||
"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",
|
||||
|
|
@ -262,7 +276,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": 5054,
|
||||
"wordCount": 5052,
|
||||
"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",
|
||||
|
|
@ -276,7 +290,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": 3882,
|
||||
"wordCount": 3873,
|
||||
"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",
|
||||
|
|
@ -290,7 +304,7 @@
|
|||
"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": 4953,
|
||||
"wordCount": 4955,
|
||||
"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",
|
||||
|
|
@ -304,7 +318,7 @@
|
|||
"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": 3799,
|
||||
"wordCount": 3805,
|
||||
"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",
|
||||
|
|
@ -332,7 +346,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": 2155,
|
||||
"wordCount": 2156,
|
||||
"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",
|
||||
|
|
@ -360,7 +374,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": 4157,
|
||||
"wordCount": 4151,
|
||||
"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",
|
||||
|
|
@ -388,7 +402,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": 3963,
|
||||
"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",
|
||||
|
|
@ -402,7 +416,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": 2584,
|
||||
"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",
|
||||
|
|
@ -416,7 +430,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": 4514,
|
||||
"wordCount": 4511,
|
||||
"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",
|
||||
|
|
@ -458,7 +472,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": 2086,
|
||||
"wordCount": 2095,
|
||||
"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",
|
||||
|
|
@ -472,7 +486,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": 3001,
|
||||
"wordCount": 3005,
|
||||
"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",
|
||||
|
|
@ -486,27 +500,13 @@
|
|||
"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": 2055,
|
||||
"wordCount": 2045,
|
||||
"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",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/",
|
||||
"author": "hello@smashingmagazine.com (Sam Poder)",
|
||||
"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": 2064,
|
||||
"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",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -515,6 +515,42 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "615d55e60d91c9077974d408",
|
||||
"author": null,
|
||||
"description": "In today's world, we are all heavily reliant on various software products that were carefully programmed by developers. But what is computer programming? In this article, I will provide a definition of programming, as well as examples of different types of programmers. I will also suggest a list of courses",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-programming/",
|
||||
"publishedOn": "2021-10-08T19:11:39.000Z",
|
||||
"wordCount": 1421,
|
||||
"title": "What is Computer Programming?"
|
||||
},
|
||||
{
|
||||
"id": "6160836e804854468fda67bf",
|
||||
"author": null,
|
||||
"description": "These days, lots of developers like to use dark mode. And it's no surprise, as activating dark mode reduces eye strain and leads to better eye health. It also helps both machines and humans perform better overall. In this article, I will show you how to turn on the dark",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-turn-on-dark-mode-on-google-chrome-black-theme-tutorial/",
|
||||
"publishedOn": "2021-10-08T19:10:46.000Z",
|
||||
"wordCount": 606,
|
||||
"title": "How to Turn On Dark Mode on Google – Chrome Black Theme Tutorial"
|
||||
},
|
||||
{
|
||||
"id": "613f3c5e852f4307d372c7c6",
|
||||
"author": null,
|
||||
"description": "If you want to save a new location you discovered on Google Maps, you need to drop a pin on that location. In this article, I will show you how to drop a pin in Google Maps from your phone or computer. How to Drop a Pin on Google Maps",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-drop-a-pin-on-google-maps/",
|
||||
"publishedOn": "2021-10-08T19:03:55.000Z",
|
||||
"wordCount": 589,
|
||||
"title": "How to Drop a Pin on Google Maps"
|
||||
},
|
||||
{
|
||||
"id": "615dbaeb0d91c9077974defb",
|
||||
"author": null,
|
||||
"description": "“Hey, could you please send me our customers' emails? We’re about to launch a new marketing campaign and…we need them ASAP.” If you work in the Web department on a corporate level, you've probably heard this sentence hundreds of times. So, today I want to share how I",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-create-an-excel-file-with-customers-data-with-woocommerce-and-python/",
|
||||
"publishedOn": "2021-10-08T15:15:28.000Z",
|
||||
"wordCount": 1214,
|
||||
"title": "How to Create an Excel File that Pulls Customer Data with WooCommerce and Python"
|
||||
},
|
||||
{
|
||||
"id": "615de4da0d91c9077974e23f",
|
||||
"author": null,
|
||||
|
|
@ -568,42 +604,6 @@
|
|||
"publishedOn": "2021-10-06T15:29:13.000Z",
|
||||
"wordCount": 2042,
|
||||
"title": "How to Build Your Developer Résumé Without Job Experience"
|
||||
},
|
||||
{
|
||||
"id": "6070ea34d5756f080ba98017",
|
||||
"author": null,
|
||||
"description": "Just the thought of learning to code can be very intimidating. The word code is mysterious by definition. It implies a technical form of communication that computers, and not humans, are meant to understand. One way many people start learning to code is by picking a popular programming language and",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-learn-programming/",
|
||||
"publishedOn": "2021-10-06T15:17:39.000Z",
|
||||
"wordCount": 10466,
|
||||
"title": "How to Learn Programming – The Guide I Wish I Had When I Started Learning to Code"
|
||||
},
|
||||
{
|
||||
"id": "613cbc6b852f4307d372bc5a",
|
||||
"author": null,
|
||||
"description": "Hacktoberfest is an event hosted by DigitalOcean that partners with many organizations. The goal is to give back and contribute to open-source projects. The organizers offer little incentives for a job well done, like a shirt and stickers. Other organizations also get involved by offering their own rewards. You can",
|
||||
"link": "https://www.freecodecamp.org/news/how-anyone-can-participate-in-hacktoberfest/",
|
||||
"publishedOn": "2021-10-06T15:14:48.000Z",
|
||||
"wordCount": 1955,
|
||||
"title": "How to Participate in Hacktoberfest – Even if You Don't Write Code"
|
||||
},
|
||||
{
|
||||
"id": "615db6910d91c9077974deb1",
|
||||
"author": null,
|
||||
"description": "Computers can be intimidating, especially if you didn't grow up with them. Some tasks that seem simple to experienced users can seem impossible to new users. We just released a computer and technology basics course on the freeCodeCamp.org YouTube channel. This course teaches the basics of computer use and",
|
||||
"link": "https://www.freecodecamp.org/news/computer-basics-for-absolute-beginners/",
|
||||
"publishedOn": "2021-10-06T14:54:13.000Z",
|
||||
"wordCount": 426,
|
||||
"title": "Computer Basics for Absolute Beginners"
|
||||
},
|
||||
{
|
||||
"id": "61533caa64aefe07d3fa041a",
|
||||
"author": null,
|
||||
"description": "Every JavaScript beginner will face this question at least once: \"What is a callback function?\" Well, we can find the answer in the word callback itself. It's all about notifying the caller after the successful completion or failure of a task. In this article, I'll focus less on the technical",
|
||||
"link": "https://www.freecodecamp.org/news/javascript-callback-function-plain-english/",
|
||||
"publishedOn": "2021-10-05T17:17:28.000Z",
|
||||
"wordCount": 1270,
|
||||
"title": "JavaScript Callback Function –Explained in Plain English"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
202
feed.atom
202
feed.atom
|
|
@ -1,10 +1,109 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-10-08T00:45:58.450Z</id>
|
||||
<id>urn:2021-10-09T00:40:50.466Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-10-08T00:45:58.450Z</updated>
|
||||
<updated>2021-10-09T00:40:50.466Z</updated>
|
||||
<generator>osmosfeed 1.11.2</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Case for ‘Developer Experience’]]></title>
|
||||
<id>https://css-tricks.com/?p=353429</id>
|
||||
<link href="https://future.a16z.com/the-case-for-developer-experience/"/>
|
||||
<updated>2021-10-08T20:23:42.000Z</updated>
|
||||
<summary type="html"><![CDATA[A good essay from Jean Yang.
|
||||
What 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
|
||||
…
|
||||
The post The Case for ‘Developer Experience’ 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[What is Computer Programming?]]></title>
|
||||
<id>615d55e60d91c9077974d408</id>
|
||||
<link href="https://www.freecodecamp.org/news/what-is-programming/"/>
|
||||
<updated>2021-10-08T19:11:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[In today's world, we are all heavily reliant on various software products that were carefully programmed by developers. But what is computer programming? In this article, I will provide a definition of programming, as well as examples of different types of programmers. I will also suggest a list of courses]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Turn On Dark Mode on Google – Chrome Black Theme Tutorial]]></title>
|
||||
<id>6160836e804854468fda67bf</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-turn-on-dark-mode-on-google-chrome-black-theme-tutorial/"/>
|
||||
<updated>2021-10-08T19:10:46.000Z</updated>
|
||||
<summary type="html"><![CDATA[These days, lots of developers like to use dark mode. And it's no surprise, as activating dark mode reduces eye strain and leads to better eye health. It also helps both machines and humans perform better overall. In this article, I will show you how to turn on the dark]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Drop a Pin on Google Maps]]></title>
|
||||
<id>613f3c5e852f4307d372c7c6</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-drop-a-pin-on-google-maps/"/>
|
||||
<updated>2021-10-08T19:03:55.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you want to save a new location you discovered on Google Maps, you need to drop a pin on that location. In this article, I will show you how to drop a pin in Google Maps from your phone or computer. How to Drop a Pin on Google Maps]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Jekyll doesn’t do components? Liar!]]></title>
|
||||
<id>https://css-tricks.com/?p=353374</id>
|
||||
<link href="https://katiekodes.com/jekyll-components-wysiwyg/"/>
|
||||
<updated>2021-10-08T17:14:05.000Z</updated>
|
||||
<summary type="html"><![CDATA[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:
|
||||
1. Any basic
|
||||
…
|
||||
The post Jekyll doesn’t do components? Liar! 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 Create an Excel File that Pulls Customer Data with WooCommerce and Python]]></title>
|
||||
<id>615dbaeb0d91c9077974defb</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-create-an-excel-file-with-customers-data-with-woocommerce-and-python/"/>
|
||||
<updated>2021-10-08T15:15:28.000Z</updated>
|
||||
<summary type="html"><![CDATA[“Hey, could you please send me our customers' emails? We’re about to launch a new marketing campaign and…we need them ASAP.” If you work in the Web department on a corporate level, you've probably heard this sentence hundreds of times. So, today I want to share how I]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Building a Tennis Trivia App With Next.js and Netlify]]></title>
|
||||
<id>https://css-tricks.com/?p=353066</id>
|
||||
<link href="https://css-tricks.com/building-a-tennis-trivia-app-with-next-js-and-netlify/"/>
|
||||
<updated>2021-10-08T14:30:57.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.
|
||||
Without further ado let’s jump in!…
|
||||
The 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.]]></summary>
|
||||
<author>
|
||||
<name>Brenley Dueck</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Comparing Google Analytics and Plausible Numbers]]></title>
|
||||
<id>https://css-tricks.com/?p=353062</id>
|
||||
<link href="https://css-tricks.com/comparing-google-analytics-and-plausible-numbers/"/>
|
||||
<updated>2021-10-08T14:30:40.000Z</updated>
|
||||
<summary type="html"><![CDATA[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. …
|
||||
The post Comparing Google Analytics and Plausible Numbers 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[Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/</id>
|
||||
<link href="https://smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/"/>
|
||||
<updated>2021-10-08T10:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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!]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Bryan Robinson)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Writing Your Own Code Rules]]></title>
|
||||
<id>https://css-tricks.com/?p=353112</id>
|
||||
|
|
@ -147,36 +246,6 @@ The post The Single Page App Morality Play appeared first on CSS-Tricks. You can
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Learn Programming – The Guide I Wish I Had When I Started Learning to Code]]></title>
|
||||
<id>6070ea34d5756f080ba98017</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-learn-programming/"/>
|
||||
<updated>2021-10-06T15:17:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[Just the thought of learning to code can be very intimidating. The word code is mysterious by definition. It implies a technical form of communication that computers, and not humans, are meant to understand. One way many people start learning to code is by picking a popular programming language and]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Participate in Hacktoberfest – Even if You Don't Write Code]]></title>
|
||||
<id>613cbc6b852f4307d372bc5a</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-anyone-can-participate-in-hacktoberfest/"/>
|
||||
<updated>2021-10-06T15:14:48.000Z</updated>
|
||||
<summary type="html"><![CDATA[Hacktoberfest is an event hosted by DigitalOcean that partners with many organizations. The goal is to give back and contribute to open-source projects. The organizers offer little incentives for a job well done, like a shirt and stickers. Other organizations also get involved by offering their own rewards. You can]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Computer Basics for Absolute Beginners]]></title>
|
||||
<id>615db6910d91c9077974deb1</id>
|
||||
<link href="https://www.freecodecamp.org/news/computer-basics-for-absolute-beginners/"/>
|
||||
<updated>2021-10-06T14:54:13.000Z</updated>
|
||||
<summary type="html"><![CDATA[Computers can be intimidating, especially if you didn't grow up with them. Some tasks that seem simple to experienced users can seem impossible to new users. We just released a computer and technology basics course on the freeCodeCamp.org YouTube channel. This course teaches the basics of computer use and]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Considerations for Using Markdown Writing Apps on Static Sites]]></title>
|
||||
<id>https://css-tricks.com/?p=352959</id>
|
||||
|
|
@ -194,7 +263,7 @@ The post Considerations for Using Markdown Writing Apps on Static Sites appeared
|
|||
<link href="https://css-tricks.com/the-options-for-password-revealing-inputs/"/>
|
||||
<updated>2021-10-06T14:22:11.000Z</updated>
|
||||
<summary type="html"><![CDATA[In HTML, there is a very clear input type for dealing with passwords:
|
||||
<input type="password"
|
||||
<input type="password">
|
||||
If you use that, you get the obfuscated bullet-points when you type into it, like:
|
||||
••••••••
|
||||
That’s the web trying to help with security. If …
|
||||
|
|
@ -235,16 +304,6 @@ The post Conditional Border Radius In CSS appeared first on CSS-Tricks. You can
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[JavaScript Callback Function –Explained in Plain English]]></title>
|
||||
<id>61533caa64aefe07d3fa041a</id>
|
||||
<link href="https://www.freecodecamp.org/news/javascript-callback-function-plain-english/"/>
|
||||
<updated>2021-10-05T17:17:28.000Z</updated>
|
||||
<summary type="html"><![CDATA[Every JavaScript beginner will face this question at least once: "What is a callback function?" Well, we can find the answer in the word callback itself. It's all about notifying the caller after the successful completion or failure of a task. In this article, I'll focus less on the technical]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Branching Strategies in Git]]></title>
|
||||
<id>https://css-tricks.com/?p=352508</id>
|
||||
|
|
@ -256,18 +315,6 @@ The post Branching Strategies in Git appeared first on CSS-Tricks. You can suppo
|
|||
<name>Tobias Günther</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[ct.css — Performance Hints via Injected Stylesheet Alone]]></title>
|
||||
<id>https://css-tricks.com/?p=353225</id>
|
||||
<link href="https://csswizardry.com/ct/"/>
|
||||
<updated>2021-10-05T14:28:28.000Z</updated>
|
||||
<summary type="html"><![CDATA[This is some bonafide CSS trickery from Harry that gives you some generic performance advice based on what it sees in your <head> element.
|
||||
First, it’s possible to make a <style block visible like any other element by changing the …
|
||||
The post ct.css — Performance Hints via Injected Stylesheet Alone 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[Local Testing A Serverless API (API Gateway And Lambda)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/local-testing-serverless-api-gateway-lambda/</id>
|
||||
|
|
@ -278,41 +325,6 @@ The post ct.css — Performance Hints via Injected Stylesheet Alone appeared fir
|
|||
<name>hello@smashingmagazine.com (Tom Hudson)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Quickly Testing CSS Fallbacks]]></title>
|
||||
<id>https://css-tricks.com/?p=353179</id>
|
||||
<link href="https://css-tricks.com/quickly-testing-css-fallbacks/"/>
|
||||
<updated>2021-10-04T19:15:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[Dumb trick alert!
|
||||
Not all browsers support all features. Say you want to write a fallback for browsers that doesn’t support CSS Grid. Not very common these days, but it’s just to illustrate a point.
|
||||
You could write the supporting …
|
||||
The post Quickly Testing CSS Fallbacks 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[Animation Techniques for Adding and Removing Items From a Stack]]></title>
|
||||
<id>https://css-tricks.com/?p=352819</id>
|
||||
<link href="https://css-tricks.com/animation-techniques-for-adding-and-removing-items-from-a-stack/"/>
|
||||
<updated>2021-10-04T14:05:36.000Z</updated>
|
||||
<summary type="html"><![CDATA[Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an …
|
||||
The post Animation Techniques for Adding and Removing Items From a Stack appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Luke Courtney</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[ShopTalk Goes Video]]></title>
|
||||
<id>https://css-tricks.com/?p=352857</id>
|
||||
<link href="https://css-tricks.com/shoptalk-goes-video/"/>
|
||||
<updated>2021-10-04T14:04:32.000Z</updated>
|
||||
<summary type="html"><![CDATA[Dave and I slapped up a little videos section of the ShopTalk website. Twelve so far! They are short-ish, between 10-20 minutes, each focused on one fairly specific thing. We’re kinda just dipping our toes here — we don’t …
|
||||
The post ShopTalk Goes Video 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 Build An Expandable Accessible Gallery]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/build-expandable-accessible-gallery/</id>
|
||||
|
|
@ -538,14 +550,4 @@ Thank you @ad-m]]></summary>
|
|||
<name>hello@smashingmagazine.com (Frederick O’Brien)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/</id>
|
||||
<link href="https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/"/>
|
||||
<updated>2021-09-09T10:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Sam Poder)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
269
index.html
269
index.html
|
|
@ -15,6 +15,137 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-08">2021-10-08</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">The Case for ‘Developer Experience’</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://future.a16z.com/the-case-for-developer-experience/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(15 min)</span>
|
||||
<span>A good essay from Jean Yang.
|
||||
What 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
|
||||
…
|
||||
The post The Case for ‘Developer Experience’ 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">Jekyll doesn’t do components? Liar!</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://katiekodes.com/jekyll-components-wysiwyg/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>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:
|
||||
1. Any basic
|
||||
…
|
||||
The post Jekyll doesn’t do components? Liar! 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">Building a Tennis Trivia App With Next.js and Netlify</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/building-a-tennis-trivia-app-with-next-js-and-netlify/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>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.
|
||||
Without further ado let’s jump in!…
|
||||
The 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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Comparing Google Analytics and Plausible Numbers</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/comparing-google-analytics-and-plausible-numbers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>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. …
|
||||
The post Comparing Google Analytics and Plausible Numbers 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">What is Computer Programming?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-programming/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>In today's world, we are all heavily reliant on various software products that were carefully programmed by developers. But what is computer programming? In this article, I will provide a definition of programming, as well as examples of different types of programmers. I will also suggest a list of courses</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Turn On Dark Mode on Google – Chrome Black Theme Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-turn-on-dark-mode-on-google-chrome-black-theme-tutorial/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>These days, lots of developers like to use dark mode. And it's no surprise, as activating dark mode reduces eye strain and leads to better eye health. It also helps both machines and humans perform better overall. In this article, I will show you how to turn on the dark</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Drop a Pin on Google Maps</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-drop-a-pin-on-google-maps/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>If you want to save a new location you discovered on Google Maps, you need to drop a pin on that location. In this article, I will show you how to drop a pin in Google Maps from your phone or computer. How to Drop a Pin on Google Maps</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Create an Excel File that Pulls Customer Data with WooCommerce and Python</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-create-an-excel-file-with-customers-data-with-woocommerce-and-python/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>“Hey, could you please send me our customers' emails? We’re about to launch a new marketing campaign and…we need them ASAP.” If you work in the Web department on a corporate level, you've probably heard this sentence hundreds of times. So, today I want to share how I</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">Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(24 min)</span>
|
||||
<span>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!</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-07">2021-10-07</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -150,7 +281,7 @@ The post The Single Page App Morality Play appeared first on CSS-Tricks. You can
|
|||
<summary class="article-expander__title">Considerations for Using Markdown Writing Apps on Static Sites</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/considerations-for-using-markdown-writing-apps-on-static-sites/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>If you run or have recently switched to a static site generator, you might find yourself writing a lot of Markdown. And the more you write it, the more you want the tooling experience to disappear so that …
|
||||
The post Considerations for Using Markdown Writing Apps on Static Sites appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -164,7 +295,7 @@ The post Considerations for Using Markdown Writing Apps on Static Sites appeared
|
|||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>In HTML, there is a very clear input type for dealing with passwords:
|
||||
<input type="password"
|
||||
|
||||
If you use that, you get the obfuscated bullet-points when you type into it, like:
|
||||
••••••••
|
||||
That’s the web trying to help with security. If …
|
||||
|
|
@ -234,39 +365,6 @@ The post The Options for Password Revealing Inputs appeared first on CSS-Tricks.
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Learn Programming – The Guide I Wish I Had When I Started Learning to Code</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-learn-programming/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(35 min)</span>
|
||||
<span>Just the thought of learning to code can be very intimidating. The word code is mysterious by definition. It implies a technical form of communication that computers, and not humans, are meant to understand. One way many people start learning to code is by picking a popular programming language and</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Participate in Hacktoberfest – Even if You Don't Write Code</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-anyone-can-participate-in-hacktoberfest/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>Hacktoberfest is an event hosted by DigitalOcean that partners with many organizations. The goal is to give back and contribute to open-source projects. The organizers offer little incentives for a job well done, like a shirt and stickers. Other organizations also get involved by offering their own rewards. You can</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Computer Basics for Absolute Beginners</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/computer-basics-for-absolute-beginners/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>Computers can be intimidating, especially if you didn't grow up with them. Some tasks that seem simple to experienced users can seem impossible to new users. We just released a computer and technology basics course on the freeCodeCamp.org YouTube channel. This course teaches the basics of computer use and</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -324,44 +422,13 @@ The post Conditional Border Radius In CSS appeared first on CSS-Tricks. You can
|
|||
<summary class="article-expander__title">Branching Strategies in Git</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/branching-strategies-in-git/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>In this article I'm going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.
|
||||
The post Branching Strategies in Git 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">ct.css — Performance Hints via Injected Stylesheet Alone</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://csswizardry.com/ct/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(0 min)</span>
|
||||
<span>This is some bonafide CSS trickery from Harry that gives you some generic performance advice based on what it sees in your
|
||||
element.
|
||||
First, it’s possible to make a <style block visible like any other element by changing the …
|
||||
The post ct.css — Performance Hints via Injected Stylesheet Alone 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">JavaScript Callback Function –Explained in Plain English</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/javascript-callback-function-plain-english/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Every JavaScript beginner will face this question at least once: "What is a callback function?" Well, we can find the answer in the word callback itself. It's all about notifying the caller after the successful completion or failure of a task. In this article, I'll focus less on the technical</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -386,50 +453,6 @@ The post ct.css — Performance Hints via Injected Stylesheet Alone appeared fir
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-04">2021-10-04</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">Quickly Testing CSS Fallbacks</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/quickly-testing-css-fallbacks/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Dumb trick alert!
|
||||
Not all browsers support all features. Say you want to write a fallback for browsers that doesn’t support CSS Grid. Not very common these days, but it’s just to illustrate a point.
|
||||
You could write the supporting …
|
||||
The post Quickly Testing CSS Fallbacks 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">Animation Techniques for Adding and Removing Items From a Stack</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/animation-techniques-for-adding-and-removing-items-from-a-stack/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(16 min)</span>
|
||||
<span>Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an …
|
||||
The post Animation Techniques for Adding and Removing Items From a Stack 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">ShopTalk Goes Video</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/shoptalk-goes-video/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Dave and I slapped up a little videos section of the ShopTalk website. Twelve so far! They are short-ish, between 10-20 minutes, each focused on one fairly specific thing. We’re kinda just dipping our toes here — we don’t …
|
||||
The post ShopTalk Goes Video 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>
|
||||
|
|
@ -878,31 +901,9 @@ Thank you @ad-m</span>
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-09">2021-09-09</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">Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-10-08T00:45:58.419Z">2021-10-08T00:45:58.419Z</time>
|
||||
<time id="build-timestamp" datetime="2021-10-09T00:40:50.444Z">2021-10-09T00:40:50.444Z</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