mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: f25fe2fce9
This commit is contained in:
chuanqisun
parent
a50143dfdd
commit
598e38b8ea
3 changed files with 494 additions and 484 deletions
261
cache.json
261
cache.json
|
|
@ -102,13 +102,49 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340359",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Kitty reflected on an ancient blog post here on CSS-Tricks on how to make an animated pie timer. The old technique is still clever. The new technique is equally clever and much easier. I particularly like the steps() animation function…\nThe post CSS Pie Timer Re-Revisited appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/css-pie-timer-re-revisited/",
|
||||
"publishedOn": "2021-05-11T22:00:29.000Z",
|
||||
"wordCount": 441,
|
||||
"title": "CSS Pie Timer Re-Revisited"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340186",
|
||||
"author": "Geoff Graham",
|
||||
"description": "How many times have you heard that (or even uttered it under your own breath)? I know I’ve heard it in conversations. I also know I’ve wondered the same thing about a product or two — hey, the idea here …\nThe post I could build this during the weekend appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://world.hey.com/joaoqalves/i-could-build-this-during-the-weekend-aa093c5e",
|
||||
"publishedOn": "2021-05-11T21:04:32.000Z",
|
||||
"wordCount": 1416,
|
||||
"title": "I could build this during the weekend"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=339138",
|
||||
"author": "Una Kravets",
|
||||
"description": "Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …\nThe post Next Gen CSS: @container appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/next-gen-css-container/",
|
||||
"publishedOn": "2021-05-11T14:36:10.000Z",
|
||||
"wordCount": 1266,
|
||||
"title": "Next Gen CSS: @container"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340106",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Like Jamstack, Netlify is coining this term.\nIf your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push …\nThe post Distributed Persistent Rendering (DPR) appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/distributed-persistent-rendering-dpr/",
|
||||
"publishedOn": "2021-05-11T14:33:10.000Z",
|
||||
"wordCount": 844,
|
||||
"title": "Distributed Persistent Rendering (DPR)"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340020",
|
||||
"author": "Chris Coyier",
|
||||
"description": "This is extremely fun. Jeff Lindsay has created Topframe, and writes:\nAnybody that knows how to mess around with HTML can now mess around with their desktop computing experience. Topframe is an open source tool that lets you \n…\nThe post Topframe appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/topframe/",
|
||||
"publishedOn": "2021-05-10T21:14:15.000Z",
|
||||
"wordCount": 568,
|
||||
"wordCount": 674,
|
||||
"title": "Topframe"
|
||||
},
|
||||
{
|
||||
|
|
@ -117,7 +153,7 @@
|
|||
"description": "I find build tooling endlessly interesting, especially right now as we’re in a juicy next-gen transitional period with players like Vite, wmr, Snowpack, and esbuild. Hugh Haworth has a good run-down of the new players, and we’ve chatted on …\nThe post Migrating from Parcel to Snowpack appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://benfrain.com/migrating-from-parcel-to-snowpack-build-tool-comparison/",
|
||||
"publishedOn": "2021-05-10T21:13:23.000Z",
|
||||
"wordCount": 2948,
|
||||
"wordCount": 2951,
|
||||
"title": "Migrating from Parcel to Snowpack"
|
||||
},
|
||||
{
|
||||
|
|
@ -126,7 +162,7 @@
|
|||
"description": "I recently came across an interesting problem. I had to implement a grid of cards with a variable (user-set) aspect ratio that was stored in a --ratio custom property. Boxes with a certain aspect ratio are a classic problem in …\nThe post Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/variable-aspect-ratio-card-with-conic-gradients-meeting-along-the-diagonal/",
|
||||
"publishedOn": "2021-05-10T14:13:12.000Z",
|
||||
"wordCount": 2838,
|
||||
"wordCount": 3117,
|
||||
"title": "Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal"
|
||||
},
|
||||
{
|
||||
|
|
@ -135,7 +171,7 @@
|
|||
"description": "I have a real distaste for this question. It might seem like a fun question to dig into on the surface, but the way it enters public discourse rarely seems to be in good faith. There are ulterior motives at …\nThe post Is CSS a Programming Language? appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/is-css-a-programming-language/",
|
||||
"publishedOn": "2021-05-07T13:56:17.000Z",
|
||||
"wordCount": 3313,
|
||||
"wordCount": 3389,
|
||||
"title": "Is CSS a Programming Language?"
|
||||
},
|
||||
{
|
||||
|
|
@ -162,7 +198,7 @@
|
|||
"description": "Route53 is DNS management service by AWS. DNS is absolutely not a database, and yet here’s Nicholas Martin writing up some very clever trickery originally done by Corey Quinn:\nWhen you think about it, DNS configuration is actually a \n…\nThe post Apparently, You Can Use Route53 as a Blazingly Fast Database appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://betterprogramming.pub/apparently-you-can-use-route53-as-a-blazingly-fast-database-dd416b56b005",
|
||||
"publishedOn": "2021-05-06T20:03:26.000Z",
|
||||
"wordCount": 1523,
|
||||
"wordCount": 1530,
|
||||
"title": "Apparently, You Can Use Route53 as a Blazingly Fast Database"
|
||||
},
|
||||
{
|
||||
|
|
@ -180,7 +216,7 @@
|
|||
"description": "There is an increasing number of “custom” features on the web platform. We have custom properties (--my-property), custom elements (<my-element>), and custom events (new CustomEvent('myEvent')). At one point, we might even get custom media …\nThe post Custom State Pseudo-Classes in Chrome appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/custom-state-pseudo-classes-in-chrome/",
|
||||
"publishedOn": "2021-05-06T14:28:53.000Z",
|
||||
"wordCount": 1025,
|
||||
"wordCount": 1166,
|
||||
"title": "Custom State Pseudo-Classes in Chrome"
|
||||
},
|
||||
{
|
||||
|
|
@ -189,7 +225,7 @@
|
|||
"description": "You can’t even look at code or documentation for Astro (publicly) yet — it’s an in-progress idea — but you can watch a video of Fred showing it off to Feross. \nI gotta admit: it looks awesome. I’m bullish …\nThe post Astro appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/astro/",
|
||||
"publishedOn": "2021-05-05T21:49:23.000Z",
|
||||
"wordCount": 920,
|
||||
"wordCount": 1029,
|
||||
"title": "Astro"
|
||||
},
|
||||
{
|
||||
|
|
@ -200,42 +236,6 @@
|
|||
"publishedOn": "2021-05-05T16:51:23.000Z",
|
||||
"wordCount": 6686,
|
||||
"title": "Progress Delayed Is Progress Denied"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=339518",
|
||||
"author": "Rob O'Leary",
|
||||
"description": "Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone!\nIt‘s not clear who started prefixing, or when it began exactly. What is clear, is …\nThe post Is Vendor Prefixing Dead? appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/is-vendor-prefixing-dead/",
|
||||
"publishedOn": "2021-05-05T14:18:28.000Z",
|
||||
"wordCount": 3140,
|
||||
"title": "Is Vendor Prefixing Dead?"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=339455",
|
||||
"author": "Chris Coyier",
|
||||
"description": "This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is …\nThe post 16px or Larger Text Prevents iOS Form Zoom appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/",
|
||||
"publishedOn": "2021-05-04T21:16:04.000Z",
|
||||
"wordCount": 758,
|
||||
"title": "16px or Larger Text Prevents iOS Form Zoom"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=339867",
|
||||
"author": "Geoff Graham",
|
||||
"description": "Here’s a dilemma: what happens if your WooCommerce site has a problem and the quickest and best way to fix it is to roll back to a previous version? The dilemma is, if you roll back the database, you would …\nThe post Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/jetpack-backup-roll-back-your-woocommerce-site-without-losing-orders/",
|
||||
"publishedOn": "2021-05-04T21:15:57.000Z",
|
||||
"wordCount": 450,
|
||||
"title": "Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=339449",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and Eric took the time to point out the misleading nature …\nThe post Let’s use (X, X, X, X) for talking about specificity appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/lets-use-x-x-x-x-for-talking-about-specificity/",
|
||||
"publishedOn": "2021-05-04T14:19:55.000Z",
|
||||
"wordCount": 970,
|
||||
"title": "Let’s use (X, X, X, X) for talking about specificity"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -244,6 +244,24 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/",
|
||||
"author": "hello@smashingmagazine.com (Stephanie Eckles)",
|
||||
"description": "A prototype of the long-awaited CSS container queries has landed in Chrome Canary and is available for experimentation. Let’s look at what problem is being solved, learn how container queries work, and see how they compare with and complement existing CSS features for layout.",
|
||||
"link": "https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/",
|
||||
"publishedOn": "2021-05-11T13:30:00.000Z",
|
||||
"wordCount": 4874,
|
||||
"title": "A Primer On CSS Container Queries"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/",
|
||||
"author": "hello@smashingmagazine.com (Amanda Annandale)",
|
||||
"description": "At the beginning of 2020, the SmashingConf team was ready for a new year. We had so many things that excited us. New speakers, new workshops, new cities, new attendees, new experiences. And as we all know, 2020 had other ideas. With so many people working from home, we thought we would bring our [Smashing workshops](https://smashingconf.com/online-workshops/) from our home offices to yours — but how?",
|
||||
"link": "https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/",
|
||||
"publishedOn": "2021-05-11T10:00:00.000Z",
|
||||
"wordCount": 1958,
|
||||
"title": "The Conference Platform We Use For Our Online Events: Hopin"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/get-started-whac-a-mole-react-game/",
|
||||
"author": "hello@smashingmagazine.com (Jhey Tompkins)",
|
||||
|
|
@ -358,7 +376,7 @@
|
|||
"description": "The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!",
|
||||
"link": "https://smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/",
|
||||
"publishedOn": "2021-04-23T08:30:00.000Z",
|
||||
"wordCount": 2431,
|
||||
"wordCount": 2430,
|
||||
"title": "A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors"
|
||||
},
|
||||
{
|
||||
|
|
@ -450,15 +468,6 @@
|
|||
"publishedOn": "2021-04-13T14:00:00.000Z",
|
||||
"wordCount": 3154,
|
||||
"title": "Building A Video Streaming App With Nuxt.js, Node And Express"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/",
|
||||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||||
"description": "Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.",
|
||||
"link": "https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/",
|
||||
"publishedOn": "2021-04-12T12:30:00.000Z",
|
||||
"wordCount": 3142,
|
||||
"title": "A Complete Guide To HTML Email"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -467,13 +476,85 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "6096aafe2cd0545b5e944430",
|
||||
"author": "",
|
||||
"description": "When you're scraping data from the web with Python, Selenium will often come up as an helpful tool to use. It was originally designed for automated testing, but its scraping capabilities are impressive, too. This is because Selenium can do things that other libraries or frameworks often can't when collecting",
|
||||
"link": "https://www.freecodecamp.org/news/improve-web-scraping-with-selenium/",
|
||||
"publishedOn": "2021-05-11T22:53:43.000Z",
|
||||
"wordCount": 1344,
|
||||
"title": "How to Use Selenium and Python to Scrape Websites More Effectively"
|
||||
},
|
||||
{
|
||||
"id": "6093929601fc34080ef81a0f",
|
||||
"author": "",
|
||||
"description": "Writing a résumé can be a little intimidating. And the pressure to make it really good and fill in each detail can be tiresome and scary. This is especially true if you're doing it for the first time, because you might not know what to add in or what to",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-write-a-resume-with-example/",
|
||||
"publishedOn": "2021-05-11T19:40:31.000Z",
|
||||
"wordCount": 1815,
|
||||
"title": "How to Write a Résumé – Practical Guide with Example Résumé"
|
||||
},
|
||||
{
|
||||
"id": "609a73156008950828b3f2ce",
|
||||
"author": "",
|
||||
"description": "In today’s world, just having a website is not enough. The website needs to have a clean UI and it needs to be intuitive. And most importantly, it needs to have some sort of interactive element. Interactivity keeps users glued to your site for longer periods of time. As",
|
||||
"link": "https://www.freecodecamp.org/news/beautiful-page-transitions-in-angular/",
|
||||
"publishedOn": "2021-05-11T17:50:09.000Z",
|
||||
"wordCount": 1096,
|
||||
"title": "How to Build Beautiful Page Transitions in Angular"
|
||||
},
|
||||
{
|
||||
"id": "609552842cd0545b5e943bcd",
|
||||
"author": "",
|
||||
"description": "The job search is exhausting. You apply to countless jobs through LinkedIn and company websites. Apply, apply, apply. Submit, submit, submit. You're tired. But you know that's not even the worst part. The worst part is the black hole your applications seem to fall into 95% of the time. Is",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-get-a-job-by-building-relationships/",
|
||||
"publishedOn": "2021-05-11T17:29:13.000Z",
|
||||
"wordCount": 1373,
|
||||
"title": "How to Get a Job by Building Relationships – Advice from a Senior Software Engineer"
|
||||
},
|
||||
{
|
||||
"id": "60856789dd38b9088c2bf4ff",
|
||||
"author": "",
|
||||
"description": "Hash Tables are a data structure that allow you to create a list of paired values. You can then retrieve a certain value by using the key for that value, which you put into the table beforehand. A Hash Table transforms a key into an integer index using a hash",
|
||||
"link": "https://www.freecodecamp.org/news/javascript-hash-table-associative-array-hashing-in-js/",
|
||||
"publishedOn": "2021-05-11T15:24:00.000Z",
|
||||
"wordCount": 2519,
|
||||
"title": "JavaScript Hash Table – Associative Array Hashing in JS"
|
||||
},
|
||||
{
|
||||
"id": "60977de12cd0545b5e944661",
|
||||
"author": "",
|
||||
"description": "In this article, I'll talk about what ChakraUI is and why you should use it. Chakra UI is a component-based library. It's made up of basic building blocks that can help you build the front-end of your web application. It is customizable and reusable, and most importantly it supports ReactJs,",
|
||||
"link": "https://www.freecodecamp.org/news/why-should-you-start-using-chakraui/",
|
||||
"publishedOn": "2021-05-11T15:22:27.000Z",
|
||||
"wordCount": 1680,
|
||||
"title": "Why You Should Start Using Chakra UI"
|
||||
},
|
||||
{
|
||||
"id": "60998ee76008950828b3ed10",
|
||||
"author": "",
|
||||
"description": "Typography is one of the most important aspects of good design. It is especially important for web designers. We just released a course on the freeCodeCamp.org YouTube channel that will teach you all you need to know about creating good typography as a UX Designer. Hope Armstrong developed this",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-design-good-typography/",
|
||||
"publishedOn": "2021-05-11T12:56:14.000Z",
|
||||
"wordCount": 413,
|
||||
"title": "How to Design Good Typography - Free Treehouse Course"
|
||||
},
|
||||
{
|
||||
"id": "605cf4879618b008528a77e2",
|
||||
"author": "",
|
||||
"description": "\"It's not about what you know, it's about whom you know.\" \"70-80% of jobs are found via someone's network.\" Most of us have heard cliches and stats like the above. And I think most of us intuitively know that having a network of people that can help us find opportunities",
|
||||
"link": "https://www.freecodecamp.org/news/networking-for-aspiring-developers/",
|
||||
"publishedOn": "2021-05-11T01:38:36.000Z",
|
||||
"wordCount": 3119,
|
||||
"title": "How to Get Your First Developer Job through Intelligent, Genuine Networking"
|
||||
},
|
||||
{
|
||||
"id": "60953e202cd0545b5e943a8b",
|
||||
"author": "",
|
||||
"description": "Technical interviews are one of the most stressful parts of landing a job in tech. You don't know what questions the interviewer is going to ask. What if you have no idea how to solve the problem in front of you? What if you freeze up and look like you",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-acing-your-coding-interview-advice-from-senior-software-engineer/",
|
||||
"publishedOn": "2021-05-10T17:04:31.000Z",
|
||||
"wordCount": 1254,
|
||||
"wordCount": 1253,
|
||||
"title": "How to Ace Your Coding Interview – Advice from a Senior Software Engineer"
|
||||
},
|
||||
{
|
||||
|
|
@ -484,78 +565,6 @@
|
|||
"publishedOn": "2021-05-07T21:07:57.000Z",
|
||||
"wordCount": 1065,
|
||||
"title": "Machine Learning Systems Book Recommendations – Learn How to Build and Understand ML Systems"
|
||||
},
|
||||
{
|
||||
"id": "609551f02cd0545b5e943bc0",
|
||||
"author": "",
|
||||
"description": "Any concept that we don't fully understand can be scary at first. Recursion is a topic that programming students don't learn right away. But that doesn't mean it needs to be scary or cause anxiety. In fact, recursion is a concept that we can define rather simply. According to Wikipedia:",
|
||||
"link": "https://www.freecodecamp.org/news/recursion-doesnt-have-to-be-scary/",
|
||||
"publishedOn": "2021-05-07T16:59:53.000Z",
|
||||
"wordCount": 1278,
|
||||
"title": "Recursion Might Seem Scary – But it Doesn't Have to Be"
|
||||
},
|
||||
{
|
||||
"id": "609409c201fc34080ef81f97",
|
||||
"author": "",
|
||||
"description": "Here is a simple and practical example what it means to \"lift state up\" in React, and how it can help you build your applications. Lifting state up is a common pattern that is essential for React developers to know. It helps you avoid more complex (and often unnecessary) patterns",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-lifting-state-up-in-react/",
|
||||
"publishedOn": "2021-05-06T21:41:34.000Z",
|
||||
"wordCount": 1349,
|
||||
"title": "What Is "Lifting State Up" in React?"
|
||||
},
|
||||
{
|
||||
"id": "609415eb2cd0545b5e943534",
|
||||
"author": "",
|
||||
"description": "Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. They can be super helpful for web developers. We just published a crash course that will teach you how to use Chrome DevTools to improve your productivity as a web developer. You will learn",
|
||||
"link": "https://www.freecodecamp.org/news/learn-how-to-use-the-chrome-devtools-to-troubleshoot-websites/",
|
||||
"publishedOn": "2021-05-06T16:26:08.000Z",
|
||||
"wordCount": 426,
|
||||
"title": "Learn How to Use the Chrome DevTools to Troubleshoot Websites"
|
||||
},
|
||||
{
|
||||
"id": "60939bde01fc34080ef81a19",
|
||||
"author": "",
|
||||
"description": "If you're coming from Java, C++, or other object-oriented languages, chances are that you've never come across optional types or \"optionals\". And you might be quite surprised to know that such a concept exists in Swift. Optionals are a fundamental topic that you need to thoroughly understand to code in",
|
||||
"link": "https://www.freecodecamp.org/news/optional-types-in-swift/",
|
||||
"publishedOn": "2021-05-06T16:06:35.000Z",
|
||||
"wordCount": 1775,
|
||||
"title": "Optional Types in Swift – How to Use and Unwrap Optionals"
|
||||
},
|
||||
{
|
||||
"id": "609307e801fc34080ef8191e",
|
||||
"author": "",
|
||||
"description": "OpenCV is a library of programming functions mainly aimed at real-time computer vision. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenCV in the cloud with Python. Misbah Mohammed created this course. He has a lot of experience with machine",
|
||||
"link": "https://www.freecodecamp.org/news/create-computer-vision-apps-in-the-cloud-with-opencv-and-python/",
|
||||
"publishedOn": "2021-05-05T21:11:40.000Z",
|
||||
"wordCount": 352,
|
||||
"title": "Python and OpenCV Course –Create Computer Vision Apps in the Cloud"
|
||||
},
|
||||
{
|
||||
"id": "609011fd8eb3fb07cf09a034",
|
||||
"author": "",
|
||||
"description": "A complete guide to Node.js async await",
|
||||
"link": "https://www.freecodecamp.org/news/node-js-async-await-tutorial-with-asynchronous-javascript-examples/",
|
||||
"publishedOn": "2021-05-04T16:07:17.000Z",
|
||||
"wordCount": 2241,
|
||||
"title": "Node.js Async Await Tutorial – With Asynchronous JavaScript Examples"
|
||||
},
|
||||
{
|
||||
"id": "608f5ad48eb3fb07cf099ddb",
|
||||
"author": "",
|
||||
"description": "To copy files or directories in Unix-based operating systems (Linux and MacOS), you use the cp command. The cp command is a relatively simple command, but its behavior changes slightly depending on the inputs (files vs directories) and the options you pass to it. To view the documentation or manual",
|
||||
"link": "https://www.freecodecamp.org/news/copy-a-directory-in-linux-how-to-cp-a-folder-in-the-command-line-in-linux-and-unix-macos/",
|
||||
"publishedOn": "2021-05-04T15:33:12.000Z",
|
||||
"wordCount": 1018,
|
||||
"title": "Copy a Directory in Linux – How to cp a Folder in the Command Line in Linux and Unix (MacOS)"
|
||||
},
|
||||
{
|
||||
"id": "6090187c8eb3fb07cf09a060",
|
||||
"author": "",
|
||||
"description": "Let's go through the five best ways that you can fetch data with React from a GraphQL API. While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL. I've included",
|
||||
"link": "https://www.freecodecamp.org/news/5-ways-to-fetch-data-react-graphql/",
|
||||
"publishedOn": "2021-05-03T17:20:56.000Z",
|
||||
"wordCount": 2501,
|
||||
"title": "How to Fetch Data in React from a GraphQL API"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
292
feed.atom
292
feed.atom
|
|
@ -1,10 +1,159 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-05-11T00:36:32.705Z</id>
|
||||
<id>urn:2021-05-12T00:38:11.871Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-05-11T00:36:32.705Z</updated>
|
||||
<updated>2021-05-12T00:38:11.871Z</updated>
|
||||
<generator>osmosfeed 1.6.0</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use Selenium and Python to Scrape Websites More Effectively]]></title>
|
||||
<id>6096aafe2cd0545b5e944430</id>
|
||||
<link href="https://www.freecodecamp.org/news/improve-web-scraping-with-selenium/"/>
|
||||
<updated>2021-05-11T22:53:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[When you're scraping data from the web with Python, Selenium will often come up as an helpful tool to use. It was originally designed for automated testing, but its scraping capabilities are impressive, too. This is because Selenium can do things that other libraries or frameworks often can't when collecting]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[CSS Pie Timer Re-Revisited]]></title>
|
||||
<id>https://css-tricks.com/?p=340359</id>
|
||||
<link href="https://css-tricks.com/css-pie-timer-re-revisited/"/>
|
||||
<updated>2021-05-11T22:00:29.000Z</updated>
|
||||
<summary type="html"><![CDATA[Kitty reflected on an ancient blog post here on CSS-Tricks on how to make an animated pie timer. The old technique is still clever. The new technique is equally clever and much easier. I particularly like the steps() animation function…
|
||||
The post CSS Pie Timer Re-Revisited 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[I could build this during the weekend]]></title>
|
||||
<id>https://css-tricks.com/?p=340186</id>
|
||||
<link href="https://world.hey.com/joaoqalves/i-could-build-this-during-the-weekend-aa093c5e"/>
|
||||
<updated>2021-05-11T21:04:32.000Z</updated>
|
||||
<summary type="html"><![CDATA[How many times have you heard that (or even uttered it under your own breath)? I know I’ve heard it in conversations. I also know I’ve wondered the same thing about a product or two — hey, the idea here …
|
||||
The post I could build this during the weekend appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Geoff Graham</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Write a Résumé – Practical Guide with Example Résumé]]></title>
|
||||
<id>6093929601fc34080ef81a0f</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-write-a-resume-with-example/"/>
|
||||
<updated>2021-05-11T19:40:31.000Z</updated>
|
||||
<summary type="html"><![CDATA[Writing a résumé can be a little intimidating. And the pressure to make it really good and fill in each detail can be tiresome and scary. This is especially true if you're doing it for the first time, because you might not know what to add in or what to]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Build Beautiful Page Transitions in Angular]]></title>
|
||||
<id>609a73156008950828b3f2ce</id>
|
||||
<link href="https://www.freecodecamp.org/news/beautiful-page-transitions-in-angular/"/>
|
||||
<updated>2021-05-11T17:50:09.000Z</updated>
|
||||
<summary type="html"><![CDATA[In today’s world, just having a website is not enough. The website needs to have a clean UI and it needs to be intuitive. And most importantly, it needs to have some sort of interactive element. Interactivity keeps users glued to your site for longer periods of time. As]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Get a Job by Building Relationships – Advice from a Senior Software Engineer]]></title>
|
||||
<id>609552842cd0545b5e943bcd</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-get-a-job-by-building-relationships/"/>
|
||||
<updated>2021-05-11T17:29:13.000Z</updated>
|
||||
<summary type="html"><![CDATA[The job search is exhausting. You apply to countless jobs through LinkedIn and company websites. Apply, apply, apply. Submit, submit, submit. You're tired. But you know that's not even the worst part. The worst part is the black hole your applications seem to fall into 95% of the time. Is]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[JavaScript Hash Table – Associative Array Hashing in JS]]></title>
|
||||
<id>60856789dd38b9088c2bf4ff</id>
|
||||
<link href="https://www.freecodecamp.org/news/javascript-hash-table-associative-array-hashing-in-js/"/>
|
||||
<updated>2021-05-11T15:24:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Hash Tables are a data structure that allow you to create a list of paired values. You can then retrieve a certain value by using the key for that value, which you put into the table beforehand. A Hash Table transforms a key into an integer index using a hash]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Why You Should Start Using Chakra UI]]></title>
|
||||
<id>60977de12cd0545b5e944661</id>
|
||||
<link href="https://www.freecodecamp.org/news/why-should-you-start-using-chakraui/"/>
|
||||
<updated>2021-05-11T15:22:27.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article, I'll talk about what ChakraUI is and why you should use it. Chakra UI is a component-based library. It's made up of basic building blocks that can help you build the front-end of your web application. It is customizable and reusable, and most importantly it supports ReactJs,]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Next Gen CSS: @container]]></title>
|
||||
<id>https://css-tricks.com/?p=339138</id>
|
||||
<link href="https://css-tricks.com/next-gen-css-container/"/>
|
||||
<updated>2021-05-11T14:36:10.000Z</updated>
|
||||
<summary type="html"><![CDATA[Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …
|
||||
The post Next Gen CSS: @container appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Una Kravets</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Distributed Persistent Rendering (DPR)]]></title>
|
||||
<id>https://css-tricks.com/?p=340106</id>
|
||||
<link href="https://css-tricks.com/distributed-persistent-rendering-dpr/"/>
|
||||
<updated>2021-05-11T14:33:10.000Z</updated>
|
||||
<summary type="html"><![CDATA[Like Jamstack, Netlify is coining this term.
|
||||
If your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push …
|
||||
The post Distributed Persistent Rendering (DPR) 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[A Primer On CSS Container Queries]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/"/>
|
||||
<updated>2021-05-11T13:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[A prototype of the long-awaited CSS container queries has landed in Chrome Canary and is available for experimentation. Let’s look at what problem is being solved, learn how container queries work, and see how they compare with and complement existing CSS features for layout.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Stephanie Eckles)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Design Good Typography - Free Treehouse Course]]></title>
|
||||
<id>60998ee76008950828b3ed10</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-design-good-typography/"/>
|
||||
<updated>2021-05-11T12:56:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[Typography is one of the most important aspects of good design. It is especially important for web designers. We just released a course on the freeCodeCamp.org YouTube channel that will teach you all you need to know about creating good typography as a UX Designer. Hope Armstrong developed this]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Conference Platform We Use For Our Online Events: Hopin]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/"/>
|
||||
<updated>2021-05-11T10:00:00.000Z</updated>
|
||||
<summary type="html">< from our home offices to yours — but how?]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Amanda Annandale)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Get Your First Developer Job through Intelligent, Genuine Networking]]></title>
|
||||
<id>605cf4879618b008528a77e2</id>
|
||||
<link href="https://www.freecodecamp.org/news/networking-for-aspiring-developers/"/>
|
||||
<updated>2021-05-11T01:38:36.000Z</updated>
|
||||
<summary type="html"><![CDATA["It's not about what you know, it's about whom you know." "70-80% of jobs are found via someone's network." Most of us have heard cliches and stats like the above. And I think most of us intuitively know that having a network of people that can help us find opportunities]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Topframe]]></title>
|
||||
<id>https://css-tricks.com/?p=340020</id>
|
||||
|
|
@ -113,16 +262,6 @@ Chore: Excluded testing files from repo.]]></summary>
|
|||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Recursion Might Seem Scary – But it Doesn't Have to Be]]></title>
|
||||
<id>609551f02cd0545b5e943bc0</id>
|
||||
<link href="https://www.freecodecamp.org/news/recursion-doesnt-have-to-be-scary/"/>
|
||||
<updated>2021-05-07T16:59:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[Any concept that we don't fully understand can be scary at first. Recursion is a topic that programming students don't learn right away. But that doesn't mean it needs to be scary or cause anxiety. In fact, recursion is a concept that we can define rather simply. According to Wikipedia:]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Is CSS a Programming Language?]]></title>
|
||||
<id>https://css-tricks.com/?p=339781</id>
|
||||
|
|
@ -169,16 +308,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What Is "Lifting State Up" in React?]]></title>
|
||||
<id>609409c201fc34080ef81f97</id>
|
||||
<link href="https://www.freecodecamp.org/news/what-is-lifting-state-up-in-react/"/>
|
||||
<updated>2021-05-06T21:41:34.000Z</updated>
|
||||
<summary type="html"><![CDATA[Here is a simple and practical example what it means to "lift state up" in React, and how it can help you build your applications. Lifting state up is a common pattern that is essential for React developers to know. It helps you avoid more complex (and often unnecessary) patterns]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Apparently, You Can Use Route53 as a Blazingly Fast Database]]></title>
|
||||
<id>https://css-tricks.com/?p=340015</id>
|
||||
|
|
@ -205,26 +334,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Geoff Graham</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn How to Use the Chrome DevTools to Troubleshoot Websites]]></title>
|
||||
<id>609415eb2cd0545b5e943534</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-how-to-use-the-chrome-devtools-to-troubleshoot-websites/"/>
|
||||
<updated>2021-05-06T16:26:08.000Z</updated>
|
||||
<summary type="html"><![CDATA[Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. They can be super helpful for web developers. We just published a crash course that will teach you how to use Chrome DevTools to improve your productivity as a web developer. You will learn]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Optional Types in Swift – How to Use and Unwrap Optionals]]></title>
|
||||
<id>60939bde01fc34080ef81a19</id>
|
||||
<link href="https://www.freecodecamp.org/news/optional-types-in-swift/"/>
|
||||
<updated>2021-05-06T16:06:35.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you're coming from Java, C++, or other object-oriented languages, chances are that you've never come across optional types or "optionals". And you might be quite surprised to know that such a concept exists in Swift. Optionals are a fundamental topic that you need to thoroughly understand to code in]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Custom State Pseudo-Classes in Chrome]]></title>
|
||||
<id>https://css-tricks.com/?p=339586</id>
|
||||
|
|
@ -260,16 +369,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Python and OpenCV Course –Create Computer Vision Apps in the Cloud]]></title>
|
||||
<id>609307e801fc34080ef8191e</id>
|
||||
<link href="https://www.freecodecamp.org/news/create-computer-vision-apps-in-the-cloud-with-opencv-and-python/"/>
|
||||
<updated>2021-05-05T21:11:40.000Z</updated>
|
||||
<summary type="html"><![CDATA[OpenCV is a library of programming functions mainly aimed at real-time computer vision. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenCV in the cloud with Python. Misbah Mohammed created this course. He has a lot of experience with machine]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Progress Delayed Is Progress Denied]]></title>
|
||||
<id>https://css-tricks.com/?p=339954</id>
|
||||
|
|
@ -282,19 +381,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Is Vendor Prefixing Dead?]]></title>
|
||||
<id>https://css-tricks.com/?p=339518</id>
|
||||
<link href="https://css-tricks.com/is-vendor-prefixing-dead/"/>
|
||||
<updated>2021-05-05T14:18:28.000Z</updated>
|
||||
<summary type="html"><![CDATA[Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone!
|
||||
It‘s not clear who started prefixing, or when it began exactly. What is clear, is …
|
||||
The post Is Vendor Prefixing Dead? appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Rob O'Leary</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Reducing HTML Payload With Next.js (Case Study)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/reduce-data-sent-client-nextjs/</id>
|
||||
|
|
@ -388,50 +474,6 @@ Fixed: Item…]]></summary>
|
|||
<name>Release notes from osmosfeed</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[16px or Larger Text Prevents iOS Form Zoom]]></title>
|
||||
<id>https://css-tricks.com/?p=339455</id>
|
||||
<link href="https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/"/>
|
||||
<updated>2021-05-04T21:16:04.000Z</updated>
|
||||
<summary type="html"><![CDATA[This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is …
|
||||
The post 16px or Larger Text Prevents iOS Form Zoom 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[Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders]]></title>
|
||||
<id>https://css-tricks.com/?p=339867</id>
|
||||
<link href="https://css-tricks.com/jetpack-backup-roll-back-your-woocommerce-site-without-losing-orders/"/>
|
||||
<updated>2021-05-04T21:15:57.000Z</updated>
|
||||
<summary type="html"><![CDATA[Here’s a dilemma: what happens if your WooCommerce site has a problem and the quickest and best way to fix it is to roll back to a previous version? The dilemma is, if you roll back the database, you would …
|
||||
The post Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Geoff Graham</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Node.js Async Await Tutorial – With Asynchronous JavaScript Examples]]></title>
|
||||
<id>609011fd8eb3fb07cf09a034</id>
|
||||
<link href="https://www.freecodecamp.org/news/node-js-async-await-tutorial-with-asynchronous-javascript-examples/"/>
|
||||
<updated>2021-05-04T16:07:17.000Z</updated>
|
||||
<summary type="html"><![CDATA[A complete guide to Node.js async await]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Copy a Directory in Linux – How to cp a Folder in the Command Line in Linux and Unix (MacOS)]]></title>
|
||||
<id>608f5ad48eb3fb07cf099ddb</id>
|
||||
<link href="https://www.freecodecamp.org/news/copy-a-directory-in-linux-how-to-cp-a-folder-in-the-command-line-in-linux-and-unix-macos/"/>
|
||||
<updated>2021-05-04T15:33:12.000Z</updated>
|
||||
<summary type="html"><![CDATA[To copy files or directories in Unix-based operating systems (Linux and MacOS), you use the cp command. The cp command is a relatively simple command, but its behavior changes slightly depending on the inputs (files vs directories) and the options you pass to it. To view the documentation or manual]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Guide To Undoing Mistakes With Git]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/</id>
|
||||
|
|
@ -442,18 +484,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Tobias Günther)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Let’s use (X, X, X, X) for talking about specificity]]></title>
|
||||
<id>https://css-tricks.com/?p=339449</id>
|
||||
<link href="https://css-tricks.com/lets-use-x-x-x-x-for-talking-about-specificity/"/>
|
||||
<updated>2021-05-04T14:19:55.000Z</updated>
|
||||
<summary type="html"><![CDATA[I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and Eric took the time to point out the misleading nature …
|
||||
The post Let’s use (X, X, X, X) for talking about specificity 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[Smashing Podcast Episode 36 With Miriam Suzanne: What Is The Future Of CSS?]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/smashing-podcast-episode-36/</id>
|
||||
|
|
@ -464,16 +494,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Drew McLellan)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Fetch Data in React from a GraphQL API]]></title>
|
||||
<id>6090187c8eb3fb07cf09a060</id>
|
||||
<link href="https://www.freecodecamp.org/news/5-ways-to-fetch-data-react-graphql/"/>
|
||||
<updated>2021-05-03T17:20:56.000Z</updated>
|
||||
<summary type="html"><![CDATA[Let's go through the five best ways that you can fetch data with React from a GraphQL API. While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL. I've included]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Evolution Of Jamstack]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/evolution-jamstack/</id>
|
||||
|
|
@ -644,14 +664,4 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Deven Rathore)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Complete Guide To HTML Email]]></title>
|
||||
<id>https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/</id>
|
||||
<link href="https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/"/>
|
||||
<updated>2021-04-12T12:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
425
index.html
425
index.html
|
|
@ -14,6 +14,211 @@
|
|||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-11">2021-05-11</time></h2>
|
||||
<ul class="sources card">
|
||||
|
||||
<li class="source">
|
||||
<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">CSS Pie Timer Re-Revisited</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/css-pie-timer-re-revisited/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 1 min )</span>
|
||||
<span>Kitty reflected on an ancient blog post here on CSS-Tricks on how to make an animated pie timer. The old technique is still clever. The new technique is equally clever and much easier. I particularly like the steps() animation function…
|
||||
The post CSS Pie Timer Re-Revisited 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">I could build this during the weekend</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://world.hey.com/joaoqalves/i-could-build-this-during-the-weekend-aa093c5e">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 5 min )</span>
|
||||
<span>How many times have you heard that (or even uttered it under your own breath)? I know I’ve heard it in conversations. I also know I’ve wondered the same thing about a product or two — hey, the idea here …
|
||||
The post I could build this during the weekend 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">Next Gen CSS: @container</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/next-gen-css-container/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 4 min )</span>
|
||||
<span>Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …
|
||||
The post Next Gen CSS: @container 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">Distributed Persistent Rendering (DPR)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/distributed-persistent-rendering-dpr/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 3 min )</span>
|
||||
<span>Like Jamstack, Netlify is coining this term.
|
||||
If your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push …
|
||||
The post Distributed Persistent Rendering (DPR) 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">
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Primer On CSS Container Queries</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 16 min )</span>
|
||||
<span>A prototype of the long-awaited CSS container queries has landed in Chrome Canary and is available for experimentation. Let’s look at what problem is being solved, learn how container queries work, and see how they compare with and complement existing CSS features for layout.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Conference Platform We Use For Our Online Events: Hopin</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 7 min )</span>
|
||||
<span>At the beginning of 2020, the SmashingConf team was ready for a new year. We had so many things that excited us. New speakers, new workshops, new cities, new attendees, new experiences. And as we all know, 2020 had other ideas. With so many people working from home, we thought we would bring our [Smashing workshops](https://smashingconf.com/online-workshops/) from our home offices to yours — but how?</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="source">
|
||||
<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 Use Selenium and Python to Scrape Websites More Effectively</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/improve-web-scraping-with-selenium/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 4 min )</span>
|
||||
<span>When you're scraping data from the web with Python, Selenium will often come up as an helpful tool to use. It was originally designed for automated testing, but its scraping capabilities are impressive, too. This is because Selenium can do things that other libraries or frameworks often can't when collecting</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Write a Résumé – Practical Guide with Example Résumé</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-write-a-resume-with-example/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 6 min )</span>
|
||||
<span>Writing a résumé can be a little intimidating. And the pressure to make it really good and fill in each detail can be tiresome and scary. This is especially true if you're doing it for the first time, because you might not know what to add in or what to</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Build Beautiful Page Transitions in Angular</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/beautiful-page-transitions-in-angular/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 4 min )</span>
|
||||
<span>In today’s world, just having a website is not enough. The website needs to have a clean UI and it needs to be intuitive. And most importantly, it needs to have some sort of interactive element. Interactivity keeps users glued to your site for longer periods of time. As</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Get a Job by Building Relationships – Advice from a Senior Software Engineer</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-get-a-job-by-building-relationships/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 5 min )</span>
|
||||
<span>The job search is exhausting. You apply to countless jobs through LinkedIn and company websites. Apply, apply, apply. Submit, submit, submit. You're tired. But you know that's not even the worst part. The worst part is the black hole your applications seem to fall into 95% of the time. Is</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">JavaScript Hash Table – Associative Array Hashing in JS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/javascript-hash-table-associative-array-hashing-in-js/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 8 min )</span>
|
||||
<span>Hash Tables are a data structure that allow you to create a list of paired values. You can then retrieve a certain value by using the key for that value, which you put into the table beforehand. A Hash Table transforms a key into an integer index using a hash</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Why You Should Start Using Chakra UI</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/why-should-you-start-using-chakraui/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 6 min )</span>
|
||||
<span>In this article, I'll talk about what ChakraUI is and why you should use it. Chakra UI is a component-based library. It's made up of basic building blocks that can help you build the front-end of your web application. It is customizable and reusable, and most importantly it supports ReactJs,</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Design Good Typography - Free Treehouse Course</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-design-good-typography/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 1 min )</span>
|
||||
<span>Typography is one of the most important aspects of good design. It is especially important for web designers. We just released a course on the freeCodeCamp.org YouTube channel that will teach you all you need to know about creating good typography as a UX Designer. Hope Armstrong developed this</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Get Your First Developer Job through Intelligent, Genuine Networking</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/networking-for-aspiring-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 10 min )</span>
|
||||
<span>"It's not about what you know, it's about whom you know." "70-80% of jobs are found via someone's network." Most of us have heard cliches and stats like the above. And I think most of us intuitively know that having a network of people that can help us find opportunities</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-10">2021-05-10</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -94,7 +299,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/variable-aspect-ratio-card-with-conic-gradients-meeting-along-the-diagonal/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 9 min )</span>
|
||||
<span class="article-reading-time">( 10 min )</span>
|
||||
<span>I recently came across an interesting problem. I had to implement a grid of cards with a variable (user-set) aspect ratio that was stored in a --ratio custom property. Boxes with a certain aspect ratio are a classic problem in …
|
||||
The post Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -264,18 +469,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Recursion Might Seem Scary – But it Doesn't Have to Be</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/recursion-doesnt-have-to-be-scary/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 4 min )</span>
|
||||
<span>Any concept that we don't fully understand can be scary at first. Recursion is a topic that programming students don't learn right away. But that doesn't mean it needs to be scary or cause anxiety. In fact, recursion is a concept that we can define rather simply. According to Wikipedia:</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
|
|
@ -326,7 +519,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">Custom State Pseudo-Classes in Chrome</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/custom-state-pseudo-classes-in-chrome/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 3 min )</span>
|
||||
<span class="article-reading-time">( 4 min )</span>
|
||||
<span>There is an increasing number of “custom” features on the web platform. We have custom properties (--my-property), custom elements (<my-element>), and custom events (new CustomEvent('myEvent')). At one point, we might even get custom media …
|
||||
The post Custom State Pseudo-Classes in Chrome appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -356,49 +549,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</section>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="source">
|
||||
<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 "Lifting State Up" in React?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-lifting-state-up-in-react/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 4 min )</span>
|
||||
<span>Here is a simple and practical example what it means to "lift state up" in React, and how it can help you build your applications. Lifting state up is a common pattern that is essential for React developers to know. It helps you avoid more complex (and often unnecessary) patterns</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn How to Use the Chrome DevTools to Troubleshoot Websites</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-how-to-use-the-chrome-devtools-to-troubleshoot-websites/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 1 min )</span>
|
||||
<span>Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. They can be super helpful for web developers. We just published a crash course that will teach you how to use Chrome DevTools to improve your productivity as a web developer. You will learn</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Optional Types in Swift – How to Use and Unwrap Optionals</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/optional-types-in-swift/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 6 min )</span>
|
||||
<span>If you're coming from Java, C++, or other object-oriented languages, chances are that you've never come across optional types or "optionals". And you might be quite surprised to know that such a concept exists in Swift. Optionals are a fundamental topic that you need to thoroughly understand to code in</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
|
@ -538,21 +688,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<span class="article-reading-time">( 22 min )</span>
|
||||
<span>The bombshell article of the week is from Alex Russell of Google/Chrome. Alex has long been super critical of Apple, particularly about how there is literally no option to run any other browser than Safari on iOS. This article isn’t …
|
||||
The post Progress Delayed Is Progress Denied 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">Is Vendor Prefixing Dead?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/is-vendor-prefixing-dead/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 10 min )</span>
|
||||
<span>Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone!
|
||||
It‘s not clear who started prefixing, or when it began exactly. What is clear, is …
|
||||
The post Is Vendor Prefixing Dead? appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -580,25 +715,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</section>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="source">
|
||||
<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">Python and OpenCV Course –Create Computer Vision Apps in the Cloud</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/create-computer-vision-apps-in-the-cloud-with-opencv-and-python/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 1 min )</span>
|
||||
<span>OpenCV is a library of programming functions mainly aimed at real-time computer vision. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenCV in the cloud with Python. Misbah Mohammed created this course. He has a lot of experience with machine</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
|
@ -607,55 +723,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<h2 class="daily-heading"><time datatime="2021-05-04">2021-05-04</time></h2>
|
||||
<ul class="sources card">
|
||||
|
||||
<li class="source">
|
||||
<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">16px or Larger Text Prevents iOS Form Zoom</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 3 min )</span>
|
||||
<span>This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is …
|
||||
The post 16px or Larger Text Prevents iOS Form Zoom 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">Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/jetpack-backup-roll-back-your-woocommerce-site-without-losing-orders/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 2 min )</span>
|
||||
<span>Here’s a dilemma: what happens if your WooCommerce site has a problem and the quickest and best way to fix it is to roll back to a previous version? The dilemma is, if you roll back the database, you would …
|
||||
The post Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders 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">Let’s use (X, X, X, X) for talking about specificity</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/lets-use-x-x-x-x-for-talking-about-specificity/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 3 min )</span>
|
||||
<span>I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and Eric took the time to point out the misleading nature …
|
||||
The post Let’s use (X, X, X, X) for talking about specificity 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">
|
||||
<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">
|
||||
|
|
@ -686,37 +753,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</section>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="source">
|
||||
<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">Node.js Async Await Tutorial – With Asynchronous JavaScript Examples</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/node-js-async-await-tutorial-with-asynchronous-javascript-examples/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 7 min )</span>
|
||||
<span>A complete guide to Node.js async await</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Copy a Directory in Linux – How to cp a Folder in the Command Line in Linux and Unix (MacOS)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/copy-a-directory-in-linux-how-to-cp-a-folder-in-the-command-line-in-linux-and-unix-macos/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 3 min )</span>
|
||||
<span>To copy files or directories in Unix-based operating systems (Linux and MacOS), you use the cp command. The cp command is a relatively simple command, but its behavior changes slightly depending on the inputs (files vs directories) and the options you pass to it. To view the documentation or manual</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
|
@ -743,25 +779,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</section>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="source">
|
||||
<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 Fetch Data in React from a GraphQL API</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/5-ways-to-fetch-data-react-graphql/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 8 min )</span>
|
||||
<span>Let's go through the five best ways that you can fetch data with React from a GraphQL API. While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL. I've included</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
|
@ -1153,34 +1170,8 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-04-12">2021-04-12</time></h2>
|
||||
<ul class="sources card">
|
||||
|
||||
<li class="source">
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Complete Guide To HTML Email</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">( 10 min )</span>
|
||||
<span>Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-05-11T00:36:32.703Z">2021-05-11T00:36:32.703Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-12T00:38:11.870Z">2021-05-12T00:38:11.870Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.6.0</a></span>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue