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
14c6a17d41
commit
fdc72a3da5
3 changed files with 207 additions and 195 deletions
134
cache.json
134
cache.json
|
|
@ -11,6 +11,24 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=348288",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Over at the JS Party poundcast:\n[Kend C. Dodds]: […] ask anybody who’s done regular, old CSS and they’ll tell you that “I don’t know if it’s okay for me to change this, so I’m gonna duplicate it.” And \n…\nThe post “We had 90% unused CSS because everybody was afraid to touch the old stuff” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/we-had-90-unused-css-because-everybody-was-afraid-to-touch-the-old-stuff/",
|
||||
"publishedOn": "2021-08-18T22:16:42.000Z",
|
||||
"wordCount": 725,
|
||||
"title": "“We had 90% unused CSS because everybody was afraid to touch the old stuff”"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=346147",
|
||||
"author": "Paulina Hetman",
|
||||
"description": "Have you already tried using WordPress headlessly with Gatsby? If you haven’t, you might check this article around the new Gatsby source plugin for WordPress; gatsby-source-wordpress is the official source plugin introduced in March 2021 as a part of the …\nThe post Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/native-search-vs-jetpack-instant-search-in-headless-wordpress-with-gatsby/",
|
||||
"publishedOn": "2021-08-18T14:46:09.000Z",
|
||||
"wordCount": 3678,
|
||||
"title": "Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=346697",
|
||||
"author": "Chris Coyier",
|
||||
|
|
@ -26,7 +44,7 @@
|
|||
"description": "I’ve been working on the same project for several years. Its initial version was a huge monolithic app containing thousands of files. It was poorly architected and non-reusable, but was hosted in a single repo making it easy to work …\nThe post From a Single Repo, to Multi-Repos, to Monorepo, to Multi-Monorepo appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/from-a-single-repo-to-multi-repos-to-monorepo-to-multi-monorepo/",
|
||||
"publishedOn": "2021-08-17T14:53:41.000Z",
|
||||
"wordCount": 3874,
|
||||
"wordCount": 4025,
|
||||
"title": "From a Single Repo, to Multi-Repos, to Monorepo, to Multi-Monorepo"
|
||||
},
|
||||
{
|
||||
|
|
@ -53,7 +71,7 @@
|
|||
"description": "HTML is not a programming language.\nI’ve heard that sentence so many times and it’s tiring. Normally, it is followed by something like, It doesn’t have logic, or, It is not Turing complete,.so… obviously it is not a programming …\nThe post HTML is Not a Programming Language? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/html-is-not-a-programming-language/",
|
||||
"publishedOn": "2021-08-16T14:44:35.000Z",
|
||||
"wordCount": 4249,
|
||||
"wordCount": 4628,
|
||||
"title": "HTML is Not a Programming Language?"
|
||||
},
|
||||
{
|
||||
|
|
@ -80,7 +98,7 @@
|
|||
"description": "A few days ago, Chris wrote up his thoughts about how alert(), confirm(), and prompt() were being deprecated by Chrome and collected a bunch of thoughts from developers. If certain features can essentially be turned off by …\nThe post Stay alert appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://dev.to/richharris/stay-alert-d",
|
||||
"publishedOn": "2021-08-12T21:10:22.000Z",
|
||||
"wordCount": 9929,
|
||||
"wordCount": 9928,
|
||||
"title": "Stay alert"
|
||||
},
|
||||
{
|
||||
|
|
@ -127,24 +145,6 @@
|
|||
"publishedOn": "2021-08-10T21:26:34.000Z",
|
||||
"wordCount": 150,
|
||||
"title": "View Source (on Mobile)"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345861",
|
||||
"author": "Kitty Giraudel",
|
||||
"description": "Markdown truly is a great format. It’s close enough to plain text so that anyone can quickly learn it, and it’s structured enough that it can be parsed and eventually converted to you name it.\nThat being said: parsing, processing, …\nThe post Responsible Markdown in Next.js appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/responsible-markdown-in-next-js/",
|
||||
"publishedOn": "2021-08-10T14:55:07.000Z",
|
||||
"wordCount": 1762,
|
||||
"title": "Responsible Markdown in Next.js"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345799",
|
||||
"author": "Chris Coyier",
|
||||
"description": "(This is a sponsored post.)\nGot a WooCommerce store? It behooves you to offer a variety of payment methods. Just anecdotally, I’m sure both you and me have been annoyed and even abandoned purchases when a merchant, online or …\nThe post WooCommerce With Apple Pay and Google Pay appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/woocommerce-with-apple-pay-and-google-pay/",
|
||||
"publishedOn": "2021-08-10T14:54:56.000Z",
|
||||
"wordCount": 1321,
|
||||
"title": "WooCommerce With Apple Pay and Google Pay"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -153,6 +153,20 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/",
|
||||
"author": "hello@smashingmagazine.com (Anna Prenzel)",
|
||||
"description": "In this article, we will code a Gantt chart as a reusable Web component. We will focus on the architecture of the component, rendering the calendar with CSS Grid and managing the state of the draggable tasks with JavaScript Proxy Objects.",
|
||||
"link": "https://smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/",
|
||||
"publishedOn": "2021-08-18T08:00:00.000Z",
|
||||
"wordCount": 3317,
|
||||
"title": "Creating An Interactive Gantt Chart Component With Vanilla JavaScript",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3bcf1248-c58e-47f4-a94f-3cbac5c60b45/interactive-gantt-chart-component-vanillajs.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/08/open-source-icons/",
|
||||
"author": "hello@smashingmagazine.com (Cosima Mielke)",
|
||||
|
|
@ -173,7 +187,7 @@
|
|||
"description": "Software development without a roadmap is akin to driving off a cliff — an undertaking that seriously jeopardizes your product’s life. Here’s how to develop a business technology roadmap that ensures your project safely reaches its final destination.",
|
||||
"link": "https://smashingmagazine.com/2021/08/develop-business-technology-roadmap/",
|
||||
"publishedOn": "2021-08-16T06:55:00.000Z",
|
||||
"wordCount": 2961,
|
||||
"wordCount": 2952,
|
||||
"title": "How To Develop Your Business’ Technology Roadmap",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a6b3fa2a-b540-45e6-9423-f299fc4b6835/develop-business-technology-roadmap.jpg",
|
||||
|
|
@ -187,7 +201,7 @@
|
|||
"description": "Useful Figma plugins that will help you fix all the little slowdowns and boost your productivity. From color management and image assets to SVG shapes and animation. That’s our new guide to Figma.",
|
||||
"link": "https://smashingmagazine.com/2021/08/Figma-tools-plugins-resources/",
|
||||
"publishedOn": "2021-08-12T13:30:00.000Z",
|
||||
"wordCount": 6651,
|
||||
"wordCount": 6668,
|
||||
"title": "Useful Figma Plugins And Tools",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2a4221c8-35b1-4545-9561-12fe84087ae6/6681a4b9-c319-4421-8364-6d2654cf6e53-cover.jpg",
|
||||
|
|
@ -215,7 +229,7 @@
|
|||
"description": "Often you need two different sets of navigation stacks for pre and post user authentication. Usually, to see more content, you have to be authenticated in some way. Let’s look at how to mount and unmount navigation stack based on a met condition in React Native.",
|
||||
"link": "https://smashingmagazine.com/2021/08/mounting-unmounting-navigation-routes-react-native/",
|
||||
"publishedOn": "2021-08-11T11:40:00.000Z",
|
||||
"wordCount": 5044,
|
||||
"wordCount": 5030,
|
||||
"title": "Handling Mounting And Unmounting Of Navigation Routes In React Native",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/03d97d60-d23b-419c-acb3-23e467d4cc16/mounting-unmounting-navigation-routes-react-native.jpg",
|
||||
|
|
@ -257,7 +271,7 @@
|
|||
"description": "What exactly is HTTP/3? Why was it needed so soon after HTTP/2 (which was only finalized in 2015)? How can or should you use it? And especially, how does this improve web performance? Let’s find out.",
|
||||
"link": "https://smashingmagazine.com/2021/08/http3-core-concepts-part1/",
|
||||
"publishedOn": "2021-08-09T11:00:00.000Z",
|
||||
"wordCount": 6884,
|
||||
"wordCount": 6879,
|
||||
"title": "HTTP/3 From A To Z: Core Concepts (Part 1)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8f9f9146-4b77-494d-af72-4db28567a6fe/http3-core-concepts-part1.jpg",
|
||||
|
|
@ -313,7 +327,7 @@
|
|||
"description": "Resilience is intrinsic to the web and therefore us, web developers. This article explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures better equips us before, during, and after an error occurs.",
|
||||
"link": "https://smashingmagazine.com/2021/08/build-resilient-javascript-ui/",
|
||||
"publishedOn": "2021-08-03T11:00:00.000Z",
|
||||
"wordCount": 2956,
|
||||
"wordCount": 2954,
|
||||
"title": "How To Build Resilient JavaScript UIs",
|
||||
"enclosure": {
|
||||
"url": "blob:http://www.smashingmagazine.com/c8b93225-8b34-431c-94f1-2f2d0a4fb95a",
|
||||
|
|
@ -327,7 +341,7 @@
|
|||
"description": "In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.",
|
||||
"link": "https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/",
|
||||
"publishedOn": "2021-08-02T11:00:00.000Z",
|
||||
"wordCount": 5994,
|
||||
"wordCount": 5992,
|
||||
"title": "Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1005065b-5daf-4b21-8ac6-89b91effa5b9/refactoring-css-strategy-regression-testing-maintenance-part2.jpg",
|
||||
|
|
@ -341,7 +355,7 @@
|
|||
"description": "New month, new wallpapers! In this post, you’ll find unique and inspiring wallpapers for August 2021. Created with love by the community for the community, they come in versions with and without a calendar for the month.",
|
||||
"link": "https://smashingmagazine.com/2021/07/desktop-wallpaper-calendars-august-2021/",
|
||||
"publishedOn": "2021-07-31T07:15:00.000Z",
|
||||
"wordCount": 2537,
|
||||
"wordCount": 2540,
|
||||
"title": "Good Vibes In August (2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/44276d4d-0b57-4f7a-91cd-c6f3708d09d7/aug-21-cowabunga-preview-opt.png",
|
||||
|
|
@ -355,7 +369,7 @@
|
|||
"description": "Having an e-commerce store is crucial for any store owner as more and more customers are turning to online shopping. In this tutorial, we shall go through how to create an e-commerce site with Angular 11. The site will use the Commerce Layer as a headless e-commerce API and use Paypal to process payments.",
|
||||
"link": "https://smashingmagazine.com/2021/07/ecommerce-angular11-headless-paypal/",
|
||||
"publishedOn": "2021-07-30T11:00:00.000Z",
|
||||
"wordCount": 12552,
|
||||
"wordCount": 12546,
|
||||
"title": "How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/959013b7-26f7-4620-af11-f26f306c1512/ecommerce-angular11-headless-paypal.jpg",
|
||||
|
|
@ -369,7 +383,7 @@
|
|||
"description": "What are absolute units? What are the differences between relative and absolute units, and how do we create accurate sizes on the web? In this article, Elad Shechter explains why CSS absolute units aren’t so absolute.",
|
||||
"link": "https://smashingmagazine.com/2021/07/css-absolute-units/",
|
||||
"publishedOn": "2021-07-29T10:30:00.000Z",
|
||||
"wordCount": 2967,
|
||||
"wordCount": 2966,
|
||||
"title": "There Is No Such Thing As A CSS Absolute Unit",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/6ee35630-bbe1-486c-8877-dacdd4b12869/css-absolute-units.jpg",
|
||||
|
|
@ -383,7 +397,7 @@
|
|||
"description": "Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs.",
|
||||
"link": "https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/",
|
||||
"publishedOn": "2021-07-28T11:00:00.000Z",
|
||||
"wordCount": 3096,
|
||||
"wordCount": 3089,
|
||||
"title": "Creating An Accessible Dialog From Scratch",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4ef51448-125a-4906-98f1-11af0e3fad58/accessible-dialog-from-scratch.jpg",
|
||||
|
|
@ -397,7 +411,7 @@
|
|||
"description": "Next.js has strong opinions about how to organize JavaScript but not CSS. How can we develop patterns that encourage best CSS practices while also following the framework’s logic? The answer is surprisingly simple — to write well-structured CSS that balances global and local styling concerns.",
|
||||
"link": "https://smashingmagazine.com/2021/07/global-local-styling-nextjs/",
|
||||
"publishedOn": "2021-07-27T11:00:00.000Z",
|
||||
"wordCount": 3585,
|
||||
"wordCount": 3574,
|
||||
"title": "Global vs. Local Styling In Next.js",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a1756133-541e-429d-82dd-fb6f3988ef56/global-local-styling-nextjs.jpg",
|
||||
|
|
@ -411,7 +425,7 @@
|
|||
"description": "Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to get the current location of the International Space Station (ISS) as it orbits the Earth in real-time using [Gatsby Functions](https://www.gatsbyjs.com/docs/reference/functions/) and then display it on a 3D interactive globe using [React Three Fibre](https://github.com/pmndrs/react-three-fiber).",
|
||||
"link": "https://smashingmagazine.com/2021/07/gatsby-serverless-functions-international-space-station/",
|
||||
"publishedOn": "2021-07-26T10:30:00.000Z",
|
||||
"wordCount": 3098,
|
||||
"wordCount": 3109,
|
||||
"title": "Gatsby Serverless Functions And The International Space Station",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c07c5052-399e-4aee-aa83-706eb1f0c1b6/gatsby-serverless-functions-international-space-station.jpg",
|
||||
|
|
@ -425,7 +439,7 @@
|
|||
"description": "Many web design agencies consider it a badge of honor that they win work exclusively through word-of-mouth recommendations. In this article, Paul Boag explains why that is entirely the wrong attitude and what to do about it.",
|
||||
"link": "https://smashingmagazine.com/2021/07/guide-attracting-clients-agency/",
|
||||
"publishedOn": "2021-07-23T11:00:00.000Z",
|
||||
"wordCount": 3422,
|
||||
"wordCount": 3411,
|
||||
"title": "A Guide To Attracting Clients To Your Agency",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1d72d311-2839-48d2-8d23-dbe8951c4ab5/guide-attracting-clients-agency.jpg",
|
||||
|
|
@ -453,27 +467,13 @@
|
|||
"description": "Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately — to help you get the most out of your creativity. We’ve also just recently covered [CSS auditing tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS generators](https://www.smashingmagazine.com/2021/03/css-generators/), [accessible front-end components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/), [front-end boilerplates](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) and [VS code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — you might find them useful, too.",
|
||||
"link": "https://smashingmagazine.com/2021/07/color-tools-resources/",
|
||||
"publishedOn": "2021-07-21T13:00:00.000Z",
|
||||
"wordCount": 3074,
|
||||
"wordCount": 3077,
|
||||
"title": "Color Tools And Resources",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/17380a77-f247-450e-be45-2b2e139f7a33/cool-backgrounds.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/",
|
||||
"author": "hello@smashingmagazine.com (Alba Silvente)",
|
||||
"description": "In this article, we will look at when it makes sense to migrate from a monolithic project to a headless setup and the benefits that come with it. In addition to a step-by-step guide on how to migrate WordPress to Storyblok Headless CMS, the problems that will arise during the process and how to deal with them.",
|
||||
"link": "https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/",
|
||||
"publishedOn": "2021-07-20T10:30:00.000Z",
|
||||
"wordCount": 5510,
|
||||
"title": "How To Migrate From WordPress To A Headless CMS",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7bddb338-e4de-4f6b-a6ee-1a00c82f42ee/wordpress-headless-cms-storyblok.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -482,6 +482,24 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "61135a3472231b077cdad609",
|
||||
"author": null,
|
||||
"description": "If you're a web developer, it's important for you to have a personal portfolio website – especially when you're applying for jobs. If you have a nice online portfolio site, you'll have a better chance of getting attention from recruiters than if you don't. Instead of sending your CV and asking",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-nextjs-tailwindcss/",
|
||||
"publishedOn": "2021-08-18T18:02:02.000Z",
|
||||
"wordCount": 2883,
|
||||
"title": "How to Build a Portfolio Site with Next.js and TailwindCSS"
|
||||
},
|
||||
{
|
||||
"id": "610d63b33306a507d1bff79f",
|
||||
"author": null,
|
||||
"description": "You might think that software development is all about writing code, but that's not true. A huge part of the job is communicating with others. And as we all move towards more remote work, written communication is becoming increasingly important. “In their first few years on the job, engineers spend",
|
||||
"link": "https://www.freecodecamp.org/news/writing-tips-software-developers/",
|
||||
"publishedOn": "2021-08-18T16:48:00.000Z",
|
||||
"wordCount": 1812,
|
||||
"title": "Writing Tips for Software Developers – How to Become a Better Tech Writer"
|
||||
},
|
||||
{
|
||||
"id": "611c1448e884de0752180af9",
|
||||
"author": null,
|
||||
|
|
@ -518,15 +536,6 @@
|
|||
"wordCount": 1409,
|
||||
"title": "How to Build a Search Filter using React and React Hooks"
|
||||
},
|
||||
{
|
||||
"id": "611a247372231b077cdb0d85",
|
||||
"author": null,
|
||||
"description": "When you first start to learn Python, you'll see that there are a wealth of built-in functions. You have functions like print() to print output to the console, input() to recieve input from the user, and many more. But Python also gives you the freedom to create your own functions",
|
||||
"link": "https://www.freecodecamp.org/news/python-function-examples-how-to-declare-and-invoke-with-parameters/",
|
||||
"publishedOn": "2021-08-17T17:34:07.000Z",
|
||||
"wordCount": 1735,
|
||||
"title": "Python Function Examples – How to Declare and Invoke with Parameters"
|
||||
},
|
||||
{
|
||||
"id": "611057a03306a507d1c00a16",
|
||||
"author": null,
|
||||
|
|
@ -562,15 +571,6 @@
|
|||
"publishedOn": "2021-08-16T23:33:49.000Z",
|
||||
"wordCount": 1475,
|
||||
"title": "What is a Hyperlink? HTML Links Explained with Examples"
|
||||
},
|
||||
{
|
||||
"id": "611a2ac772231b077cdb0e58",
|
||||
"author": null,
|
||||
"description": "If you're a JavaScript beginner, you might be struggling to understand what a promise really is. I recently published this as a thread on Twitter and was blown away by the responses. So I decided to expand this into an introductory tutorial on JavaScript promises. I have read a lot",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-promise-in-javascript-for-beginners/",
|
||||
"publishedOn": "2021-08-16T22:56:20.000Z",
|
||||
"wordCount": 1738,
|
||||
"title": "What is a Promise? JavaScript Promises for Beginners"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
112
feed.atom
112
feed.atom
|
|
@ -1,10 +1,64 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-08-18T00:38:43.381Z</id>
|
||||
<id>urn:2021-08-19T00:33:55.859Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-08-18T00:38:43.381Z</updated>
|
||||
<updated>2021-08-19T00:33:55.859Z</updated>
|
||||
<generator>osmosfeed 1.11.0</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[“We had 90% unused CSS because everybody was afraid to touch the old stuff”]]></title>
|
||||
<id>https://css-tricks.com/?p=348288</id>
|
||||
<link href="https://css-tricks.com/we-had-90-unused-css-because-everybody-was-afraid-to-touch-the-old-stuff/"/>
|
||||
<updated>2021-08-18T22:16:42.000Z</updated>
|
||||
<summary type="html"><![CDATA[Over at the JS Party poundcast:
|
||||
[Kend C. Dodds]: […] ask anybody who’s done regular, old CSS and they’ll tell you that “I don’t know if it’s okay for me to change this, so I’m gonna duplicate it.” And
|
||||
…
|
||||
The post “We had 90% unused CSS because everybody was afraid to touch the old stuff” 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 a Portfolio Site with Next.js and TailwindCSS]]></title>
|
||||
<id>61135a3472231b077cdad609</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-nextjs-tailwindcss/"/>
|
||||
<updated>2021-08-18T18:02:02.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you're a web developer, it's important for you to have a personal portfolio website – especially when you're applying for jobs. If you have a nice online portfolio site, you'll have a better chance of getting attention from recruiters than if you don't. Instead of sending your CV and asking]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Writing Tips for Software Developers – How to Become a Better Tech Writer]]></title>
|
||||
<id>610d63b33306a507d1bff79f</id>
|
||||
<link href="https://www.freecodecamp.org/news/writing-tips-software-developers/"/>
|
||||
<updated>2021-08-18T16:48:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[You might think that software development is all about writing code, but that's not true. A huge part of the job is communicating with others. And as we all move towards more remote work, written communication is becoming increasingly important. “In their first few years on the job, engineers spend]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby]]></title>
|
||||
<id>https://css-tricks.com/?p=346147</id>
|
||||
<link href="https://css-tricks.com/native-search-vs-jetpack-instant-search-in-headless-wordpress-with-gatsby/"/>
|
||||
<updated>2021-08-18T14:46:09.000Z</updated>
|
||||
<summary type="html"><![CDATA[Have you already tried using WordPress headlessly with Gatsby? If you haven’t, you might check this article around the new Gatsby source plugin for WordPress; gatsby-source-wordpress is the official source plugin introduced in March 2021 as a part of the …
|
||||
The post Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Paulina Hetman</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Creating An Interactive Gantt Chart Component With Vanilla JavaScript]]></title>
|
||||
<id>https://smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/</id>
|
||||
<link href="https://smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/"/>
|
||||
<updated>2021-08-18T08:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article, we will code a Gantt chart as a reusable Web component. We will focus on the architecture of the component, rendering the calendar with CSS Grid and managing the state of the draggable tasks with JavaScript Proxy Objects.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Anna Prenzel)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[DX, to Whom?]]></title>
|
||||
<id>https://css-tricks.com/?p=346697</id>
|
||||
|
|
@ -59,16 +113,6 @@ The post DX, to Whom? appeared first on CSS-Tricks. You can support CSS-Tricks b
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Python Function Examples – How to Declare and Invoke with Parameters]]></title>
|
||||
<id>611a247372231b077cdb0d85</id>
|
||||
<link href="https://www.freecodecamp.org/news/python-function-examples-how-to-declare-and-invoke-with-parameters/"/>
|
||||
<updated>2021-08-17T17:34:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[When you first start to learn Python, you'll see that there are a wealth of built-in functions. You have functions like print() to print output to the console, input() to recieve input from the user, and many more. But Python also gives you the freedom to create your own functions]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Coding Programs – 152 Coding Classes You can Take for Free Online]]></title>
|
||||
<id>611057a03306a507d1c00a16</id>
|
||||
|
|
@ -141,16 +185,6 @@ The post Tabs in HTML? appeared first on CSS-Tricks. You can support CSS-Tricks
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is a Promise? JavaScript Promises for Beginners]]></title>
|
||||
<id>611a2ac772231b077cdb0e58</id>
|
||||
<link href="https://www.freecodecamp.org/news/what-is-promise-in-javascript-for-beginners/"/>
|
||||
<updated>2021-08-16T22:56:20.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you're a JavaScript beginner, you might be struggling to understand what a promise really is. I recently published this as a thread on Twitter and was blown away by the responses. So I decided to expand this into an introductory tutorial on JavaScript promises. I have read a lot]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Cutouts]]></title>
|
||||
<id>https://css-tricks.com/?p=346686</id>
|
||||
|
|
@ -306,30 +340,6 @@ The post View Source (on Mobile) appeared first on CSS-Tricks. You can support C
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Responsible Markdown in Next.js]]></title>
|
||||
<id>https://css-tricks.com/?p=345861</id>
|
||||
<link href="https://css-tricks.com/responsible-markdown-in-next-js/"/>
|
||||
<updated>2021-08-10T14:55:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[Markdown truly is a great format. It’s close enough to plain text so that anyone can quickly learn it, and it’s structured enough that it can be parsed and eventually converted to you name it.
|
||||
That being said: parsing, processing, …
|
||||
The post Responsible Markdown in Next.js appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Kitty Giraudel</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[WooCommerce With Apple Pay and Google Pay]]></title>
|
||||
<id>https://css-tricks.com/?p=345799</id>
|
||||
<link href="https://css-tricks.com/woocommerce-with-apple-pay-and-google-pay/"/>
|
||||
<updated>2021-08-10T14:54:56.000Z</updated>
|
||||
<summary type="html"><![CDATA[(This is a sponsored post.)
|
||||
Got a WooCommerce store? It behooves you to offer a variety of payment methods. Just anecdotally, I’m sure both you and me have been annoyed and even abandoned purchases when a merchant, online or …
|
||||
The post WooCommerce With Apple Pay and Google Pay 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[Cookieless Alternative To Embed HTML, CSS And JS Code Snippets]]></title>
|
||||
<id>https://smashingmagazine.com/2021/08/cookieless-alternative-embed-html-css-js-code-examples/</id>
|
||||
|
|
@ -500,14 +510,4 @@ The post WooCommerce With Apple Pay and Google Pay appeared first on CSS-Tricks.
|
|||
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Migrate From WordPress To A Headless CMS]]></title>
|
||||
<id>https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/</id>
|
||||
<link href="https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/"/>
|
||||
<updated>2021-07-20T10:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article, we will look at when it makes sense to migrate from a monolithic project to a headless setup and the benefits that come with it. In addition to a step-by-step guide on how to migrate WordPress to Storyblok Headless CMS, the problems that will arise during the process and how to deal with them.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Alba Silvente)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
156
index.html
156
index.html
|
|
@ -15,6 +15,88 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-08-18">2021-08-18</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">“We had 90% unused CSS because everybody was afraid to touch the old stuff”</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/we-had-90-unused-css-because-everybody-was-afraid-to-touch-the-old-stuff/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Over at the JS Party poundcast:
|
||||
[Kend C. Dodds]: […] ask anybody who’s done regular, old CSS and they’ll tell you that “I don’t know if it’s okay for me to change this, so I’m gonna duplicate it.” And
|
||||
…
|
||||
The post “We had 90% unused CSS because everybody was afraid to touch the old stuff” 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">Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/native-search-vs-jetpack-instant-search-in-headless-wordpress-with-gatsby/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>Have you already tried using WordPress headlessly with Gatsby? If you haven’t, you might check this article around the new Gatsby source plugin for WordPress; gatsby-source-wordpress is the official source plugin introduced in March 2021 as a part of the …
|
||||
The post Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby 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 Build a Portfolio Site with Next.js and TailwindCSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-nextjs-tailwindcss/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>If you're a web developer, it's important for you to have a personal portfolio website – especially when you're applying for jobs. If you have a nice online portfolio site, you'll have a better chance of getting attention from recruiters than if you don't. Instead of sending your CV and asking</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Writing Tips for Software Developers – How to Become a Better Tech Writer</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/writing-tips-software-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>You might think that software development is all about writing code, but that's not true. A huge part of the job is communicating with others. And as we all move towards more remote work, written communication is becoming increasingly important. “In their first few years on the job, engineers spend</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">Creating An Interactive Gantt Chart Component With Vanilla JavaScript</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span>In this article, we will code a Gantt chart as a reusable Web component. We will focus on the architecture of the component, rendering the calendar with CSS Grid and managing the state of the draggable tasks with JavaScript Proxy Objects.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-08-17">2021-08-17</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -99,17 +181,6 @@ The post From a Single Repo, to Multi-Repos, to Monorepo, to Multi-Monorepo appe
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Python Function Examples – How to Declare and Invoke with Parameters</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/python-function-examples-how-to-declare-and-invoke-with-parameters/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>When you first start to learn Python, you'll see that there are a wealth of built-in functions. You have functions like print() to print output to the console, input() to recieve input from the user, and many more. But Python also gives you the freedom to create your own functions</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Coding Programs – 152 Coding Classes You can Take for Free Online</summary>
|
||||
|
|
@ -190,7 +261,7 @@ The post Cutouts appeared first on CSS-Tricks. You can support CSS-Tricks by bei
|
|||
<summary class="article-expander__title">HTML is Not a Programming Language?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/html-is-not-a-programming-language/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(14 min)</span>
|
||||
<span class="article-reading-time">(15 min)</span>
|
||||
<span>HTML is not a programming language.
|
||||
I’ve heard that sentence so many times and it’s tiring. Normally, it is followed by something like, It doesn’t have logic, or, It is not Turing complete,.so… obviously it is not a programming …
|
||||
The post HTML is Not a Programming Language? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -226,17 +297,6 @@ The post HTML is Not a Programming Language? appeared first on CSS-Tricks. You c
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">What is a Promise? JavaScript Promises for Beginners</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-promise-in-javascript-for-beginners/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>If you're a JavaScript beginner, you might be struggling to understand what a promise really is. I recently published this as a thread on Twitter and was blown away by the responses. So I decided to expand this into an introductory tutorial on JavaScript promises. I have read a lot</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -442,32 +502,6 @@ The post View Source (on Mobile) appeared first on CSS-Tricks. You can support C
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Responsible Markdown in Next.js</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/responsible-markdown-in-next-js/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Markdown truly is a great format. It’s close enough to plain text so that anyone can quickly learn it, and it’s structured enough that it can be parsed and eventually converted to you name it.
|
||||
That being said: parsing, processing, …
|
||||
The post Responsible Markdown in Next.js 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">WooCommerce With Apple Pay and Google Pay</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/woocommerce-with-apple-pay-and-google-pay/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>(This is a sponsored post.)
|
||||
Got a WooCommerce store? It behooves you to offer a variety of payment methods. Just anecdotally, I’m sure both you and me have been annoyed and even abandoned purchases when a merchant, online or …
|
||||
The post WooCommerce With Apple Pay and Google Pay 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">
|
||||
|
|
@ -830,31 +864,9 @@ The post WooCommerce With Apple Pay and Google Pay appeared first on CSS-Tricks.
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-07-20">2021-07-20</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">How To Migrate From WordPress To A Headless CMS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(18 min)</span>
|
||||
<span>In this article, we will look at when it makes sense to migrate from a monolithic project to a headless setup and the benefits that come with it. In addition to a step-by-step guide on how to migrate WordPress to Storyblok Headless CMS, the problems that will arise during the process and how to deal with them.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-08-18T00:38:43.348Z">2021-08-18T00:38:43.348Z</time>
|
||||
<time id="build-timestamp" datetime="2021-08-19T00:33:55.842Z">2021-08-19T00:33:55.842Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.0</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue