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
d09c041596
commit
db0d28359c
3 changed files with 347 additions and 308 deletions
218
cache.json
218
cache.json
|
|
@ -11,7 +11,7 @@
|
|||
"description": "Fixed: Unexpected nested element in author field crashes the parser\nThank you @ad-m",
|
||||
"link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.1",
|
||||
"publishedOn": "2021-09-16T06:39:32.000Z",
|
||||
"wordCount": 343,
|
||||
"wordCount": 348,
|
||||
"title": "v1.11.1"
|
||||
}
|
||||
]
|
||||
|
|
@ -21,13 +21,49 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352287",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Say you have a z-index bug. Something is being covered up by something else. In my experience, a typical solution is to put position: relative on the thing so z-index works in the first place, and maybe rejigger the z-index…\nThe post Systems for z-index appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/systems-for-z-index/",
|
||||
"publishedOn": "2021-09-24T21:19:49.000Z",
|
||||
"wordCount": 1015,
|
||||
"title": "Systems for z-index"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352533",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Big thoughts on where the industry is headed from Shawn Wang:\nAdvancements in two fields — programming languages and cloud infrastructure — will converge in a single paradigm: where all resources required by a program will be automatically provisioned, and \n…\nThe post The Self Provisioning Runtime appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.swyx.io/self-provisioning-runtime/",
|
||||
"publishedOn": "2021-09-24T18:56:43.000Z",
|
||||
"wordCount": 2149,
|
||||
"title": "The Self Provisioning Runtime"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352342",
|
||||
"author": "Eric Markfield",
|
||||
"description": "Let’s say we want to add something to a webpage after the initial load. JavaScript gives us a variety of tools. Perhaps you’ve used some of them, like append, appendChild, insertAdjacentHTML, or innerHTML.\nThe difficult thing …\nThe post Comparing Methods for Appending and Inserting With JavaScript appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/",
|
||||
"publishedOn": "2021-09-24T14:34:59.000Z",
|
||||
"wordCount": 2251,
|
||||
"title": "Comparing Methods for Appending and Inserting With JavaScript"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=351975",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer …\nThe post Our Learning Partner: Frontend Masters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/our-learning-partner-frontend-masters-2/",
|
||||
"publishedOn": "2021-09-24T14:34:05.000Z",
|
||||
"wordCount": 612,
|
||||
"title": "Our Learning Partner: Frontend Masters"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352279",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Whatever Google wants it to be. I always thought it was exactly what your <title> element was. Perhaps in lieu of that, what the first <h1> on the page is. But recently I noticed some pages on this site that …\nThe post What is Your Page Title on a Google Search Engine Results Page? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/what-is-your-page-title-on-a-google-search-engine-results-page/",
|
||||
"publishedOn": "2021-09-23T18:11:15.000Z",
|
||||
"wordCount": 902,
|
||||
"wordCount": 1090,
|
||||
"title": "What is Your Page Title on a Google Search Engine Results Page?"
|
||||
},
|
||||
{
|
||||
|
|
@ -36,7 +72,7 @@
|
|||
"description": "If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal.\nThe official …\nThe post Working With GraphQL Caching appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/working-with-graphql-caching/",
|
||||
"publishedOn": "2021-09-23T14:32:01.000Z",
|
||||
"wordCount": 1402,
|
||||
"wordCount": 1486,
|
||||
"title": "Working With GraphQL Caching"
|
||||
},
|
||||
{
|
||||
|
|
@ -86,7 +122,7 @@
|
|||
"description": "CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals. \n🎉 CSSWG just resolved to adopt @tabatkins when/else proposal into the next level of CSS \n…\nThe post Proposal for CSS @when appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/proposal-for-css-when/",
|
||||
"publishedOn": "2021-09-21T22:54:51.000Z",
|
||||
"wordCount": 948,
|
||||
"wordCount": 1079,
|
||||
"title": "Proposal for CSS @when"
|
||||
},
|
||||
{
|
||||
|
|
@ -95,7 +131,7 @@
|
|||
"description": "There is a new thing coming in CSS: @layer. As with all new things, it takes time to really wrap your head around it. And despite me tapping at my keyboard about it, full disclosure, I’m not sure my …\nThe post Cascade Layers? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/cascade-layers/",
|
||||
"publishedOn": "2021-09-21T19:23:05.000Z",
|
||||
"wordCount": 1855,
|
||||
"wordCount": 1932,
|
||||
"title": "Cascade Layers?"
|
||||
},
|
||||
{
|
||||
|
|
@ -122,44 +158,8 @@
|
|||
"description": "This is a good tweet from Harry:\nSimple yet significant thing all developers should keep in mind: CSS resources (fonts, background images) are not requested by your CSS, but by the DOM node that needs them [Note: slight oversimplification, but \n…\nThe post Resources aren’t requested by CSS, but by the DOM appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/resources-arent-requested-by-css-but-by-the-dom/",
|
||||
"publishedOn": "2021-09-20T23:16:14.000Z",
|
||||
"wordCount": 608,
|
||||
"wordCount": 651,
|
||||
"title": "Resources aren’t requested by CSS, but by the DOM"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352274",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I’ll never forget one of Karen McGrane’s great lessons to the world: truncation is not a content strategy. The idea is that just clipping off text programmatically is a sledgehammer, and avoids the kind of real thinking and planning that …\nThe post Embracing Asymmetrical Design appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.bennadel.com/blog/4102-embracing-asymmetrical-design-and-overcoming-the-harmful-effects-of-text-overflow-ellipsis-in-css.htm",
|
||||
"publishedOn": "2021-09-20T19:17:33.000Z",
|
||||
"wordCount": 956,
|
||||
"title": "Embracing Asymmetrical Design"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352283",
|
||||
"author": "Chris Coyier",
|
||||
"description": "It’s not every day you see a new processor for building websites that reinvents the syntax for HTML and CSS and JavaScript. That’s what imba is doing.\nThat’s an awful lot of vendor lock-in, but I guess if you get …\nThe post imba appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://imba.io/",
|
||||
"publishedOn": "2021-09-20T19:13:36.000Z",
|
||||
"wordCount": null,
|
||||
"title": "imba"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=351917",
|
||||
"author": "Temani Afif",
|
||||
"description": "Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and we always need to produce specific “hacky” code for each particular …\nThe post Exploring the CSS Paint API: Polygon Border appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/exploring-the-css-paint-api-polygon-border/",
|
||||
"publishedOn": "2021-09-20T14:36:50.000Z",
|
||||
"wordCount": 3662,
|
||||
"title": "Exploring the CSS Paint API: Polygon Border"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352082",
|
||||
"author": "Robin Rendle",
|
||||
"description": "My favorite kind of blog post is when someone takes a subject that I’ve spent all of five minutes considering and then says—no!—this is an enormous topic worthy of a dissertation. Look at all the things you can do with …\nThe post Designing Beautiful Shadows in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.joshwcomeau.com/css/designing-shadows/",
|
||||
"publishedOn": "2021-09-17T22:49:39.000Z",
|
||||
"wordCount": 3620,
|
||||
"title": "Designing Beautiful Shadows in CSS"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -168,13 +168,41 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/",
|
||||
"author": "hello@smashingmagazine.com (Jonne Kats)",
|
||||
"description": "We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e-commerce site with Next.js.",
|
||||
"link": "https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/",
|
||||
"publishedOn": "2021-09-24T10:00:00.000Z",
|
||||
"wordCount": 3790,
|
||||
"title": "Rebuilding A Large E-Commerce Website With Next.js (Case Study)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5f1d9e62-ec85-435a-8899-56ac48b4190b/lessons-learned-ecommerce-nextjs.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/",
|
||||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||||
"description": "You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. It’s time to fix them for good in a [free Smashing online workshop](https://smashingconf.com/online-workshops/workshops/vitaly-friedman-frustrating-patterns/) next week.",
|
||||
"link": "https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/",
|
||||
"publishedOn": "2021-09-24T06:50:00.000Z",
|
||||
"wordCount": 784,
|
||||
"title": "Free Online Workshop: Frustrating Design Patterns And How To Fix Them",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76262eaa-9498-4682-a320-6a7469bef697/sept27-workshop.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/",
|
||||
"author": "hello@smashingmagazine.com (Michelle Barker)",
|
||||
"description": "The new CSS `accent-color` property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future.",
|
||||
"link": "https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/",
|
||||
"publishedOn": "2021-09-23T11:00:00.000Z",
|
||||
"wordCount": 2151,
|
||||
"wordCount": 2153,
|
||||
"title": "Simplifying Form Styles With `accent-color`",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/195a9e83-5686-47fd-80d9-3c1d6dc4655a/simplifying-form-styles-accent-color.jpg",
|
||||
|
|
@ -202,7 +230,7 @@
|
|||
"description": "Building a development environment with the shell as a keystone offers multiple benefits. You can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard.",
|
||||
"link": "https://smashingmagazine.com/2021/09/mouseless-development-environment/",
|
||||
"publishedOn": "2021-09-21T11:30:00.000Z",
|
||||
"wordCount": 4153,
|
||||
"wordCount": 4149,
|
||||
"title": "How To Build Your Own Mouseless Development Environment",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5c58e67b-deff-4745-b162-f60f468469ac/mouseless-development-environment.jpg",
|
||||
|
|
@ -230,7 +258,7 @@
|
|||
"description": "Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening.",
|
||||
"link": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/",
|
||||
"publishedOn": "2021-09-20T11:30:00.000Z",
|
||||
"wordCount": 3956,
|
||||
"wordCount": 3955,
|
||||
"title": "Are Imposter Domains Re-Publishing Your Website?",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4504ea89-0356-45c7-a7c1-a5c360ecc471/imposter-domains-republishing-website.jpg",
|
||||
|
|
@ -244,7 +272,7 @@
|
|||
"description": "Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for.",
|
||||
"link": "https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/",
|
||||
"publishedOn": "2021-09-17T09:00:00.000Z",
|
||||
"wordCount": 2577,
|
||||
"wordCount": 2576,
|
||||
"title": "Monetize Open-Source Software With Gatsby Functions And Stripe",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/73f6525b-6678-4db1-a875-16150bc822cd/monetize-open-source-software-gatsby-functions-stripe.jpg",
|
||||
|
|
@ -258,7 +286,7 @@
|
|||
"description": "Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way.",
|
||||
"link": "https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/",
|
||||
"publishedOn": "2021-09-16T12:00:00.000Z",
|
||||
"wordCount": 4505,
|
||||
"wordCount": 4503,
|
||||
"title": "Web Quality Assurance: From User Requirements To Web Risk Management",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/da816ee2-199c-49e8-8f63-f50d1fb5adb7/journey-into-web-quality-assurance.jpg",
|
||||
|
|
@ -286,7 +314,7 @@
|
|||
"description": "For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.",
|
||||
"link": "https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/",
|
||||
"publishedOn": "2021-09-15T10:00:00.000Z",
|
||||
"wordCount": 1933,
|
||||
"wordCount": 1930,
|
||||
"title": "Reducing The Need For Pseudo-Elements",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c994e024-5695-4cf7-b9b6-dc589e547f19/reducing-need-pseudo-elements.jpg",
|
||||
|
|
@ -300,7 +328,7 @@
|
|||
"description": "When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.",
|
||||
"link": "https://smashingmagazine.com/2021/09/power-pen-paper-sketching/",
|
||||
"publishedOn": "2021-09-14T09:30:00.000Z",
|
||||
"wordCount": 2081,
|
||||
"wordCount": 2079,
|
||||
"title": "The Power Of Pen And Paper Sketching",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e4a5bd0b-53db-40c2-90d9-9d0a19b8d377/power-pen-paper-sketching.jpg",
|
||||
|
|
@ -314,7 +342,7 @@
|
|||
"description": "There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.",
|
||||
"link": "https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/",
|
||||
"publishedOn": "2021-09-13T09:00:00.000Z",
|
||||
"wordCount": 2994,
|
||||
"wordCount": 2991,
|
||||
"title": "Orchestrating Complexity With Web Animations API",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/cc4a9b5f-fd83-4fc0-9966-6f98707d1466/orchestrating-complexity-web-animations-api.jpg",
|
||||
|
|
@ -328,7 +356,7 @@
|
|||
"description": "They say content is king, and they’re right. The web has unlocked untold possibilities for storytellers — provided the story is right, of course. Here are some of our favorite examples of editorial content thriving in the digital realm.",
|
||||
"link": "https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/",
|
||||
"publishedOn": "2021-09-10T10:00:00.000Z",
|
||||
"wordCount": 2036,
|
||||
"wordCount": 2043,
|
||||
"title": "Web Design Done Well: Excellent Editorial",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7af3bbbe-821b-4e3c-870a-f8290ed52212/web-design-done-well-excellent-editorial.jpg",
|
||||
|
|
@ -342,7 +370,7 @@
|
|||
"description": "When paired with ISR and Next.js’ API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not), and how to build a website by using Incremental Static Regeneration.",
|
||||
"link": "https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/",
|
||||
"publishedOn": "2021-09-09T10:30:00.000Z",
|
||||
"wordCount": 2054,
|
||||
"wordCount": 2067,
|
||||
"title": "Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/47c6e5fc-73b3-41fe-afb7-b640b860efa0/useswr-react-hook-library-incremental-static-regeneration-nextjs.jpg",
|
||||
|
|
@ -356,7 +384,7 @@
|
|||
"description": "In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.",
|
||||
"link": "https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/",
|
||||
"publishedOn": "2021-09-08T10:30:00.000Z",
|
||||
"wordCount": 2854,
|
||||
"wordCount": 2855,
|
||||
"title": "Developer Decisions For Building Flexible Components",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76d3eef0-2a0a-45e0-b0bb-399da37c3834/developer-decisions-building-flexible-components.jpg",
|
||||
|
|
@ -384,7 +412,7 @@
|
|||
"description": "Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.",
|
||||
"link": "https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/",
|
||||
"publishedOn": "2021-09-07T10:00:00.000Z",
|
||||
"wordCount": 4033,
|
||||
"wordCount": 4044,
|
||||
"title": "What’s New With DevTools: Cross-Browser Edition",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1e0eef0e-e4b0-45b6-8afd-1d1a60b7c53b/devtools-cross-browsers.jpg",
|
||||
|
|
@ -398,7 +426,7 @@
|
|||
"description": "After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well.",
|
||||
"link": "https://smashingmagazine.com/2021/09/http3-practical-deployment-options-part3/",
|
||||
"publishedOn": "2021-09-06T11:00:00.000Z",
|
||||
"wordCount": 9719,
|
||||
"wordCount": 9718,
|
||||
"title": "HTTP/3: Practical Deployment Options (Part 3)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a19cca97-b411-44a6-a8be-e1468a0df78a/http3-practical-deployment-options-part3.jpg",
|
||||
|
|
@ -412,7 +440,7 @@
|
|||
"description": "Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up.",
|
||||
"link": "https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/",
|
||||
"publishedOn": "2021-09-03T11:30:00.000Z",
|
||||
"wordCount": 3556,
|
||||
"wordCount": 3554,
|
||||
"title": "Reducing Carbon Emissions On The Web",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdef7e38-4e37-4177-a7b3-d74860c7724f/reducing-carbon-emissions-on-web.jpg",
|
||||
|
|
@ -426,7 +454,7 @@
|
|||
"description": "Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.",
|
||||
"link": "https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/",
|
||||
"publishedOn": "2021-09-02T12:00:00.000Z",
|
||||
"wordCount": 2419,
|
||||
"wordCount": 2423,
|
||||
"title": "Interactive Learning Tools For Front-End Developers",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7f13aec3-8dd5-4085-afce-c752db3abfb6/interactive-learning-tools-front-end-developers.jpg",
|
||||
|
|
@ -440,7 +468,7 @@
|
|||
"description": "What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.",
|
||||
"link": "https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/",
|
||||
"publishedOn": "2021-09-01T10:30:00.000Z",
|
||||
"wordCount": 5566,
|
||||
"wordCount": 5567,
|
||||
"title": "A Deep Dive Into The Wonderful World Of SVG Displacement Filtering",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/92af7db6-94b4-4e48-8e20-875af2d5e024/deep-dive-svg-displacement-filtering.jpg",
|
||||
|
|
@ -468,7 +496,7 @@
|
|||
"description": "New month, new wallpapers! In this post, you’ll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy!",
|
||||
"link": "https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/",
|
||||
"publishedOn": "2021-08-31T08:00:00.000Z",
|
||||
"wordCount": 2398,
|
||||
"wordCount": 2395,
|
||||
"title": "Stories Of September (2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdfaaaac-a4fb-475b-997c-ac45db998da0/sep-21-finding-the-balance-preview-opt.png",
|
||||
|
|
@ -482,7 +510,7 @@
|
|||
"description": "There are many CSS optimization techniques to tackle potential file size and performance issues. Let’s take a look at some of them. After all, if deploying the refactored codebase causes loading or performance issues, it will result in less traffic and revenue, which might leave the management and project managers dissatisfied.",
|
||||
"link": "https://smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/",
|
||||
"publishedOn": "2021-08-30T10:00:00.000Z",
|
||||
"wordCount": 3679,
|
||||
"wordCount": 3680,
|
||||
"title": "Refactoring CSS: Optimizing Size And Performance (Part 3)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fa4e0eab-b23c-42ac-a622-b2ca8a02edd0/refactoring-css-optimizing-size-performance-part3.jpg",
|
||||
|
|
@ -496,27 +524,13 @@
|
|||
"description": "Compound components help developers build more expressive and flexible APIs to share state and logic within components. This tutorial explains how this can be achieved with the help of using the Context API and React to build components by using this advanced pattern.",
|
||||
"link": "https://smashingmagazine.com/2021/08/compound-components-react/",
|
||||
"publishedOn": "2021-08-27T13:00:00.000Z",
|
||||
"wordCount": 3101,
|
||||
"wordCount": 3097,
|
||||
"title": "Compound Components In React",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e9df8cb4-b274-407a-97a8-f06488571802/compound-components-react.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/08/against-privacy-infringement-web/",
|
||||
"author": "hello@smashingmagazine.com (Robin Berjon)",
|
||||
"description": "The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users’ data, and how you can too.",
|
||||
"link": "https://smashingmagazine.com/2021/08/against-privacy-infringement-web/",
|
||||
"publishedOn": "2021-08-26T08:00:00.000Z",
|
||||
"wordCount": 3771,
|
||||
"title": "Pushing Back Against Privacy Infringement On The Web",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fbab17a6-483b-4e8e-b9f1-9ab583202df1/against-privacy-infringement-web.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -525,6 +539,33 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "614df185ccc97307eb2bc079",
|
||||
"author": null,
|
||||
"description": "Buttons are an essential part of websites. You need them for various functionalities, from submitting information and getting access to more content to linking to different parts of the web page and other websites. HTML gives you several ways to add buttons to your website – with the button tag, the",
|
||||
"link": "https://www.freecodecamp.org/news/html-button-type-how-to-add-buttons-to-your-website/",
|
||||
"publishedOn": "2021-09-24T18:06:24.000Z",
|
||||
"wordCount": 1170,
|
||||
"title": "HTML Button Type – How to Add Buttons to your Website"
|
||||
},
|
||||
{
|
||||
"id": "614b428f9456b407b871068a",
|
||||
"author": null,
|
||||
"description": "Google Docs is one of the most popular text processors. It has many features available to help you visually enhance your writing and make specific parts stand out more. One of the ways you can add more functionality to your documents is by adding a textbox. A textbox helps make",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-insert-a-text-box-in-google-docs-add-textbox-tutorial/",
|
||||
"publishedOn": "2021-09-24T17:42:48.000Z",
|
||||
"wordCount": 1026,
|
||||
"title": "How to Insert a Text Box in Google Docs – Add Textbox Tutorial"
|
||||
},
|
||||
{
|
||||
"id": "6106568e3306a507d1bfc0f6",
|
||||
"author": null,
|
||||
"description": "Model–View–Controller is a popular software pattern used to break up the logic of your application into three different components. In this article, I will break down the three components behind the MVC pattern, provide some history, and show you how it can be used in an application. History",
|
||||
"link": "https://www.freecodecamp.org/news/mvc-architecture-what-is-a-model-view-controller-framework/",
|
||||
"publishedOn": "2021-09-24T17:36:14.000Z",
|
||||
"wordCount": 1275,
|
||||
"title": "MVC Architecture – What is a Model View Controller Framework?"
|
||||
},
|
||||
{
|
||||
"id": "614c72939456b407b8710f0a",
|
||||
"author": null,
|
||||
|
|
@ -587,33 +628,6 @@
|
|||
"publishedOn": "2021-09-22T18:02:22.000Z",
|
||||
"wordCount": 796,
|
||||
"title": "HTML Font Size – How to Change Text Size Using Inline CSS Style"
|
||||
},
|
||||
{
|
||||
"id": "612203ef3bccf807612a5752",
|
||||
"author": null,
|
||||
"description": "When you're coding in Python, you can use the enumerate() function and a for loop to print out each value of an iterable with a counter. In this article, I will show you how to use Python's enumerate() function with a for loop and explain why it is a better",
|
||||
"link": "https://www.freecodecamp.org/news/python-enumerate-python-enum-for-loop-index-example/",
|
||||
"publishedOn": "2021-09-22T17:53:56.000Z",
|
||||
"wordCount": 906,
|
||||
"title": "Python Enumerate – Python Enum For Loop Index Example"
|
||||
},
|
||||
{
|
||||
"id": "614b2a529456b407b8710629",
|
||||
"author": null,
|
||||
"description": "Shiny is an R package that makes it easy to build interactive and data-driven web apps straight from R. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use R Shiny. Dr. Chanin Nantasenamat, also known as the Data Professor, teaches this",
|
||||
"link": "https://www.freecodecamp.org/news/build-interactive-data-driven-web-apps-with-r-shiny/",
|
||||
"publishedOn": "2021-09-22T13:17:46.000Z",
|
||||
"wordCount": 13763,
|
||||
"title": "Build Interactive Data-Driven Web Apps With R Shiny"
|
||||
},
|
||||
{
|
||||
"id": "6114c92f72231b077cdae3fa",
|
||||
"author": null,
|
||||
"description": "Whenever you're working with computers or any electronic device that has storage capacity, you might need to distribute or share information and files in various ways. These might be sound files, images, notes, or any number of text configuration files. And the information you share will often be private or",
|
||||
"link": "https://www.freecodecamp.org/news/scp-linux-command-example-how-to-ssh-file-transfer-from-remote-to-local/",
|
||||
"publishedOn": "2021-09-21T21:41:38.000Z",
|
||||
"wordCount": 1333,
|
||||
"title": "SCP Linux Command – How to SSH File Transfer from Remote to Local"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
186
feed.atom
186
feed.atom
|
|
@ -1,10 +1,107 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-09-24T00:40:40.574Z</id>
|
||||
<id>urn:2021-09-25T00:40:20.818Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-09-24T00:40:40.574Z</updated>
|
||||
<updated>2021-09-25T00:40:20.818Z</updated>
|
||||
<generator>osmosfeed 1.11.1</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Systems for z-index]]></title>
|
||||
<id>https://css-tricks.com/?p=352287</id>
|
||||
<link href="https://css-tricks.com/systems-for-z-index/"/>
|
||||
<updated>2021-09-24T21:19:49.000Z</updated>
|
||||
<summary type="html"><![CDATA[Say you have a z-index bug. Something is being covered up by something else. In my experience, a typical solution is to put position: relative on the thing so z-index works in the first place, and maybe rejigger the z-index…
|
||||
The post Systems for z-index 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[The Self Provisioning Runtime]]></title>
|
||||
<id>https://css-tricks.com/?p=352533</id>
|
||||
<link href="https://www.swyx.io/self-provisioning-runtime/"/>
|
||||
<updated>2021-09-24T18:56:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[Big thoughts on where the industry is headed from Shawn Wang:
|
||||
Advancements in two fields — programming languages and cloud infrastructure — will converge in a single paradigm: where all resources required by a program will be automatically provisioned, and
|
||||
…
|
||||
The post The Self Provisioning Runtime 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[HTML Button Type – How to Add Buttons to your Website]]></title>
|
||||
<id>614df185ccc97307eb2bc079</id>
|
||||
<link href="https://www.freecodecamp.org/news/html-button-type-how-to-add-buttons-to-your-website/"/>
|
||||
<updated>2021-09-24T18:06:24.000Z</updated>
|
||||
<summary type="html"><![CDATA[Buttons are an essential part of websites. You need them for various functionalities, from submitting information and getting access to more content to linking to different parts of the web page and other websites. HTML gives you several ways to add buttons to your website – with the button tag, the]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Insert a Text Box in Google Docs – Add Textbox Tutorial]]></title>
|
||||
<id>614b428f9456b407b871068a</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-insert-a-text-box-in-google-docs-add-textbox-tutorial/"/>
|
||||
<updated>2021-09-24T17:42:48.000Z</updated>
|
||||
<summary type="html"><![CDATA[Google Docs is one of the most popular text processors. It has many features available to help you visually enhance your writing and make specific parts stand out more. One of the ways you can add more functionality to your documents is by adding a textbox. A textbox helps make]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[MVC Architecture – What is a Model View Controller Framework?]]></title>
|
||||
<id>6106568e3306a507d1bfc0f6</id>
|
||||
<link href="https://www.freecodecamp.org/news/mvc-architecture-what-is-a-model-view-controller-framework/"/>
|
||||
<updated>2021-09-24T17:36:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[Model–View–Controller is a popular software pattern used to break up the logic of your application into three different components. In this article, I will break down the three components behind the MVC pattern, provide some history, and show you how it can be used in an application. History]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Comparing Methods for Appending and Inserting With JavaScript]]></title>
|
||||
<id>https://css-tricks.com/?p=352342</id>
|
||||
<link href="https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/"/>
|
||||
<updated>2021-09-24T14:34:59.000Z</updated>
|
||||
<summary type="html"><![CDATA[Let’s say we want to add something to a webpage after the initial load. JavaScript gives us a variety of tools. Perhaps you’ve used some of them, like append, appendChild, insertAdjacentHTML, or innerHTML.
|
||||
The difficult thing …
|
||||
The post Comparing Methods for Appending and Inserting With JavaScript appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Eric Markfield</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Our Learning Partner: Frontend Masters]]></title>
|
||||
<id>https://css-tricks.com/?p=351975</id>
|
||||
<link href="https://css-tricks.com/our-learning-partner-frontend-masters-2/"/>
|
||||
<updated>2021-09-24T14:34:05.000Z</updated>
|
||||
<summary type="html"><![CDATA[Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer …
|
||||
The post Our Learning Partner: Frontend Masters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Rebuilding A Large E-Commerce Website With Next.js (Case Study)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/</id>
|
||||
<link href="https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/"/>
|
||||
<updated>2021-09-24T10:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e-commerce site with Next.js.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Jonne Kats)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Free Online Workshop: Frustrating Design Patterns And How To Fix Them]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/</id>
|
||||
<link href="https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/"/>
|
||||
<updated>2021-09-24T06:50:00.000Z</updated>
|
||||
<summary type="html">< next week.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Convert HEIC to JPG on Windows – HEIC File Format on PC]]></title>
|
||||
<id>614c72939456b407b8710f0a</id>
|
||||
|
|
@ -142,16 +239,6 @@ The post Twitter’s div Soup and Uglyfied CSS, Explained appeared first on CSS-
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Python Enumerate – Python Enum For Loop Index Example]]></title>
|
||||
<id>612203ef3bccf807612a5752</id>
|
||||
<link href="https://www.freecodecamp.org/news/python-enumerate-python-enum-for-loop-index-example/"/>
|
||||
<updated>2021-09-22T17:53:56.000Z</updated>
|
||||
<summary type="html"><![CDATA[When you're coding in Python, you can use the enumerate() function and a for loop to print out each value of an iterable with a counter. In this article, I will show you how to use Python's enumerate() function with a for loop and explain why it is a better]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/css-head-tag/</id>
|
||||
|
|
@ -173,16 +260,6 @@ The post How to Implement Logging in a Node.js Application With Pino-logger appe
|
|||
<name>Sarthak Duggal</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Build Interactive Data-Driven Web Apps With R Shiny]]></title>
|
||||
<id>614b2a529456b407b8710629</id>
|
||||
<link href="https://www.freecodecamp.org/news/build-interactive-data-driven-web-apps-with-r-shiny/"/>
|
||||
<updated>2021-09-22T13:17:46.000Z</updated>
|
||||
<summary type="html"><![CDATA[Shiny is an R package that makes it easy to build interactive and data-driven web apps straight from R. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use R Shiny. Dr. Chanin Nantasenamat, also known as the Data Professor, teaches this]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Proposal for CSS @when]]></title>
|
||||
<id>https://css-tricks.com/?p=352328</id>
|
||||
|
|
@ -196,16 +273,6 @@ The post Proposal for CSS @when appeared first on CSS-Tricks. You can support CS
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[SCP Linux Command – How to SSH File Transfer from Remote to Local]]></title>
|
||||
<id>6114c92f72231b077cdae3fa</id>
|
||||
<link href="https://www.freecodecamp.org/news/scp-linux-command-example-how-to-ssh-file-transfer-from-remote-to-local/"/>
|
||||
<updated>2021-09-21T21:41:38.000Z</updated>
|
||||
<summary type="html"><![CDATA[Whenever you're working with computers or any electronic device that has storage capacity, you might need to distribute or share information and files in various ways. These might be sound files, images, notes, or any number of text configuration files. And the information you share will often be private or]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Cascade Layers?]]></title>
|
||||
<id>https://css-tricks.com/?p=352140</id>
|
||||
|
|
@ -273,40 +340,6 @@ The post Resources aren’t requested by CSS, but by the DOM appeared first on C
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Embracing Asymmetrical Design]]></title>
|
||||
<id>https://css-tricks.com/?p=352274</id>
|
||||
<link href="https://www.bennadel.com/blog/4102-embracing-asymmetrical-design-and-overcoming-the-harmful-effects-of-text-overflow-ellipsis-in-css.htm"/>
|
||||
<updated>2021-09-20T19:17:33.000Z</updated>
|
||||
<summary type="html"><![CDATA[I’ll never forget one of Karen McGrane’s great lessons to the world: truncation is not a content strategy. The idea is that just clipping off text programmatically is a sledgehammer, and avoids the kind of real thinking and planning that …
|
||||
The post Embracing Asymmetrical Design 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[imba]]></title>
|
||||
<id>https://css-tricks.com/?p=352283</id>
|
||||
<link href="https://imba.io/"/>
|
||||
<updated>2021-09-20T19:13:36.000Z</updated>
|
||||
<summary type="html"><![CDATA[It’s not every day you see a new processor for building websites that reinvents the syntax for HTML and CSS and JavaScript. That’s what imba is doing.
|
||||
That’s an awful lot of vendor lock-in, but I guess if you get …
|
||||
The post imba 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[Exploring the CSS Paint API: Polygon Border]]></title>
|
||||
<id>https://css-tricks.com/?p=351917</id>
|
||||
<link href="https://css-tricks.com/exploring-the-css-paint-api-polygon-border/"/>
|
||||
<updated>2021-09-20T14:36:50.000Z</updated>
|
||||
<summary type="html"><![CDATA[Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and we always need to produce specific “hacky” code for each particular …
|
||||
The post Exploring the CSS Paint API: Polygon Border appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Temani Afif</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Are Imposter Domains Re-Publishing Your Website?]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/</id>
|
||||
|
|
@ -317,17 +350,6 @@ The post Exploring the CSS Paint API: Polygon Border appeared first on CSS-Trick
|
|||
<name>hello@smashingmagazine.com (Ken Harker)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Designing Beautiful Shadows in CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=352082</id>
|
||||
<link href="https://www.joshwcomeau.com/css/designing-shadows/"/>
|
||||
<updated>2021-09-17T22:49:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[My favorite kind of blog post is when someone takes a subject that I’ve spent all of five minutes considering and then says—no!—this is an enormous topic worthy of a dissertation. Look at all the things you can do with …
|
||||
The post Designing Beautiful Shadows in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Robin Rendle</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Monetize Open-Source Software With Gatsby Functions And Stripe]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/</id>
|
||||
|
|
@ -529,14 +551,4 @@ Thank you @ad-m]]></summary>
|
|||
<name>hello@smashingmagazine.com (Ichoku Chinonso)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Pushing Back Against Privacy Infringement On The Web]]></title>
|
||||
<id>https://smashingmagazine.com/2021/08/against-privacy-infringement-web/</id>
|
||||
<link href="https://smashingmagazine.com/2021/08/against-privacy-infringement-web/"/>
|
||||
<updated>2021-08-26T08:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users’ data, and how you can too.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Robin Berjon)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
251
index.html
251
index.html
|
|
@ -15,6 +15,135 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-24">2021-09-24</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">Systems for z-index</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/systems-for-z-index/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Say you have a z-index bug. Something is being covered up by something else. In my experience, a typical solution is to put position: relative on the thing so z-index works in the first place, and maybe rejigger the z-index…
|
||||
The post Systems for z-index 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">The Self Provisioning Runtime</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.swyx.io/self-provisioning-runtime/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>Big thoughts on where the industry is headed from Shawn Wang:
|
||||
Advancements in two fields — programming languages and cloud infrastructure — will converge in a single paradigm: where all resources required by a program will be automatically provisioned, and
|
||||
…
|
||||
The post The Self Provisioning Runtime appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Comparing Methods for Appending and Inserting With JavaScript</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Let’s say we want to add something to a webpage after the initial load. JavaScript gives us a variety of tools. Perhaps you’ve used some of them, like append, appendChild, insertAdjacentHTML, or innerHTML.
|
||||
The difficult thing …
|
||||
The post Comparing Methods for Appending and Inserting With JavaScript 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">Our Learning Partner: Frontend Masters</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/our-learning-partner-frontend-masters-2/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer …
|
||||
The post Our Learning Partner: Frontend Masters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<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">HTML Button Type – How to Add Buttons to your Website</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/html-button-type-how-to-add-buttons-to-your-website/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Buttons are an essential part of websites. You need them for various functionalities, from submitting information and getting access to more content to linking to different parts of the web page and other websites. HTML gives you several ways to add buttons to your website – with the button tag, the</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Insert a Text Box in Google Docs – Add Textbox Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-insert-a-text-box-in-google-docs-add-textbox-tutorial/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Google Docs is one of the most popular text processors. It has many features available to help you visually enhance your writing and make specific parts stand out more. One of the ways you can add more functionality to your documents is by adding a textbox. A textbox helps make</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">MVC Architecture – What is a Model View Controller Framework?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/mvc-architecture-what-is-a-model-view-controller-framework/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Model–View–Controller is a popular software pattern used to break up the logic of your application into three different components. In this article, I will break down the three components behind the MVC pattern, provide some history, and show you how it can be used in an application. History</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">Rebuilding A Large E-Commerce Website With Next.js (Case Study)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(13 min)</span>
|
||||
<span>We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e-commerce site with Next.js.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Free Online Workshop: Frustrating Design Patterns And How To Fix Them</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. It’s time to fix them for good in a [free Smashing online workshop](https://smashingconf.com/online-workshops/workshops/vitaly-friedman-frustrating-patterns/) next week.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-23">2021-09-23</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -27,7 +156,7 @@
|
|||
<summary class="article-expander__title">What is Your Page Title on a Google Search Engine Results Page?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/what-is-your-page-title-on-a-google-search-engine-results-page/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Whatever Google wants it to be. I always thought it was exactly what your element was. Perhaps in lieu of that, what the first
|
||||
on the page is. But recently I noticed some pages on this site that …
|
||||
The post What is Your Page Title on a Google Search Engine Results Page? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -214,28 +343,6 @@ The post How to Implement Logging in a Node.js Application With Pino-logger appe
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Python Enumerate – Python Enum For Loop Index Example</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/python-enumerate-python-enum-for-loop-index-example/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>When you're coding in Python, you can use the enumerate() function and a for loop to print out each value of an iterable with a counter. In this article, I will show you how to use Python's enumerate() function with a for loop and explain why it is a better</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Build Interactive Data-Driven Web Apps With R Shiny</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/build-interactive-data-driven-web-apps-with-r-shiny/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(46 min)</span>
|
||||
<span>Shiny is an R package that makes it easy to build interactive and data-driven web apps straight from R. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use R Shiny. Dr. Chanin Nantasenamat, also known as the Data Professor, teaches this</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -269,7 +376,7 @@ The post How to Implement Logging in a Node.js Application With Pino-logger appe
|
|||
<summary class="article-expander__title">Proposal for CSS @when</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/proposal-for-css-when/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals.
|
||||
🎉 CSSWG just resolved to adopt @tabatkins when/else proposal into the next level of CSS
|
||||
…
|
||||
|
|
@ -318,23 +425,6 @@ The post An Event Apart Fall Summit 2021! (Use Coupon AEACSST21) appeared first
|
|||
</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">SCP Linux Command – How to SSH File Transfer from Remote to Local</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/scp-linux-command-example-how-to-ssh-file-transfer-from-remote-to-local/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Whenever you're working with computers or any electronic device that has storage capacity, you might need to distribute or share information and files in various ways. These might be sound files, images, notes, or any number of text configuration files. And the information you share will often be private or</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>
|
||||
|
|
@ -386,43 +476,6 @@ The post Resources aren’t requested by CSS, but by the DOM appeared first on C
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Embracing Asymmetrical Design</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.bennadel.com/blog/4102-embracing-asymmetrical-design-and-overcoming-the-harmful-effects-of-text-overflow-ellipsis-in-css.htm">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>I’ll never forget one of Karen McGrane’s great lessons to the world: truncation is not a content strategy. The idea is that just clipping off text programmatically is a sledgehammer, and avoids the kind of real thinking and planning that …
|
||||
The post Embracing Asymmetrical Design 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">imba</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://imba.io/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(0 min)</span>
|
||||
<span>It’s not every day you see a new processor for building websites that reinvents the syntax for HTML and CSS and JavaScript. That’s what imba is doing.
|
||||
That’s an awful lot of vendor lock-in, but I guess if you get …
|
||||
The post imba 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">Exploring the CSS Paint API: Polygon Border</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/exploring-the-css-paint-api-polygon-border/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and we always need to produce specific “hacky” code for each particular …
|
||||
The post Exploring the CSS Paint API: Polygon Border 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">
|
||||
|
|
@ -447,24 +500,6 @@ The post Exploring the CSS Paint API: Polygon Border appeared first on CSS-Trick
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-17">2021-09-17</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">Designing Beautiful Shadows in CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.joshwcomeau.com/css/designing-shadows/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>My favorite kind of blog post is when someone takes a subject that I’ve spent all of five minutes considering and then says—no!—this is an enormous topic worthy of a dissertation. Look at all the things you can do with …
|
||||
The post Designing Beautiful Shadows in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
|
|
@ -865,31 +900,9 @@ Thank you @ad-m</span>
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-08-26">2021-08-26</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">Pushing Back Against Privacy Infringement On The Web</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/against-privacy-infringement-web/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(13 min)</span>
|
||||
<span>The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users’ data, and how you can too.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-09-24T00:40:40.549Z">2021-09-24T00:40:40.549Z</time>
|
||||
<time id="build-timestamp" datetime="2021-09-25T00:40:20.794Z">2021-09-25T00:40:20.794Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.1</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue