From a40f564b66ff3758940a4ac764b0ddc9c45b7870 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Wed, 28 Jul 2021 00:40:50 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 214 +++++++++++++++++++++++----------------------- feed.atom | 193 +++++++++++++++++++++--------------------- index.html | 244 +++++++++++++++++++++++++---------------------------- 3 files changed, 319 insertions(+), 332 deletions(-) diff --git a/cache.json b/cache.json index 706d793..0585a67 100644 --- a/cache.json +++ b/cache.json @@ -11,6 +11,33 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=345169", + "author": "Chris Coyier", + "description": "I got together with Tim Kadlec from over at WebPageTest the other day to use do a bit of performance testing on CSS-Tricks. Essentially use the tool, poke around, and identify performance pain points to work on. You can watch …\nThe post Learnings From a WebPageTest Session on CSS-Tricks appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/learnings-from-a-webpagetest-session-on-css-tricks/", + "publishedOn": "2021-07-27T23:18:33.000Z", + "wordCount": 1430, + "title": "Learnings From a WebPageTest Session on CSS-Tricks" + }, + { + "id": "https://css-tricks.com/?p=345400", + "author": "Chris Coyier", + "description": "Hemanth HM very succinctly shows off ES2021 features. Gosh it doesn’t feel like that long ago that all we could talk about is ES2015, and now that’s over a half-decade behind us. \nThere are new things like “arbitrarily chuck underscores …\nThe post ES2021 Features appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://h3manth.com/ES2021/", + "publishedOn": "2021-07-27T23:18:12.000Z", + "wordCount": 316, + "title": "ES2021 Features" + }, + { + "id": "https://css-tricks.com/?p=344815", + "author": "Ollie Williams", + "description": "Now that cross-browser support is at a tipping point, it’s a good time to take a look at logical properties and values. If you’re creating a website in multiple languages, logical properties and values are incredibly useful. Even if you’re …\nThe post CSS Logical Properties and Values appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/css-logical-properties-and-values/", + "publishedOn": "2021-07-27T15:02:43.000Z", + "wordCount": 2605, + "title": "CSS Logical Properties and Values" + }, { "id": "https://css-tricks.com/?p=345297", "author": "Chris Coyier", @@ -26,7 +53,7 @@ "description": "At Cloudflare, we have a great product called Workers KV which is a key-value storage layer that replicates globally. It can handle millions of keys, each of which is accessible from within a Worker script at exceptionally low latencies, …\nThe post How I Built a Cross-Platform Desktop Application with Svelte, Redis, and Rust appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/how-i-built-a-cross-platform-desktop-application-with-svelte-redis-and-rust/", "publishedOn": "2021-07-26T14:36:13.000Z", - "wordCount": 4189, + "wordCount": 4266, "title": "How I Built a Cross-Platform Desktop Application with Svelte, Redis, and Rust" }, { @@ -44,7 +71,7 @@ "description": "As the web gets more and more capable, developers are able to make richer online experiences. There are times, however, where some new web capabilities may not work as you would expect in the interest of usability, security and privacy.…\nThe post Web Features That May Not Work As You’d Expect appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/web-features-that-may-not-work-as-youd-expect/", "publishedOn": "2021-07-23T15:12:11.000Z", - "wordCount": 2288, + "wordCount": 2365, "title": "Web Features That May Not Work As You’d Expect" }, { @@ -71,7 +98,7 @@ "description": "We’re going to walk through the technical process of hooking into Google Drive’s API to source content on a website. We’ll examine the step-by-step implementation, as well as how to utilize server-side caching to avoid the major pitfalls to avoid …\nThe post Using Google Drive as a CMS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/using-google-drive-as-a-cms/", "publishedOn": "2021-07-22T14:44:26.000Z", - "wordCount": 3227, + "wordCount": 3255, "title": "Using Google Drive as a CMS" }, { @@ -107,7 +134,7 @@ "description": "Turning website design files into a combination of HTML, CSS and JavaScript is the bread and butter of many front-end web development jobs, but there’s a part of this work that doesn’t neatly fit in to tutorials on any specific …\nThe post A Step-By-Step Process for Turning Designs Into Code appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/a-step-by-step-process-for-turning-designs-into-code/", "publishedOn": "2021-07-21T14:37:07.000Z", - "wordCount": 4654, + "wordCount": 4679, "title": "A Step-By-Step Process for Turning Designs Into Code" }, { @@ -118,33 +145,6 @@ "publishedOn": "2021-07-20T23:34:53.000Z", "wordCount": 737, "title": "The Nine States of Design" - }, - { - "id": "https://css-tricks.com/?p=344944", - "author": "Chris Coyier", - "description": "Eric doesn’t mince words, especially in the title, but also in the conclusion:\nIn modern web design and development, displaying an image is a highly intentional act. Alternate descriptions allow us to explain the content of the image, and in \n…\nThe post Your Image Is Probably Not Decorative appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://www.smashingmagazine.com/2021/06/img-alt-attribute-alternate-description-decorative/", - "publishedOn": "2021-07-20T20:02:06.000Z", - "wordCount": 1640, - "title": "Your Image Is Probably Not Decorative" - }, - { - "id": "https://css-tricks.com/?p=344497", - "author": "Murtuzaali Surti", - "description": "I watched Kevin Powell’s video where he was able to recreate a nice typewriter-like animation using CSS. It’s neat and you should definitely check it out because there are bonafide CSS tricks in there. I’m sure you’ve seen other CSS …\nThe post Typewriter Animation That Handles Anything You Throw at It appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/typewriter-animation-that-handles-anything-you-throw-at-it/", - "publishedOn": "2021-07-20T15:03:40.000Z", - "wordCount": 3279, - "title": "Typewriter Animation That Handles Anything You Throw at It" - }, - { - "id": "https://css-tricks.com/?p=344404", - "author": "Chris Coyier", - "description": "Putting images on websites is incredibly simple, yes? Actually, yes, it is. You use and link it to a valid source in the src attribute and you’re done. Except that there are (counts fingers) 927 things you could (and …\nThe post Images are hard. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/images-are-hard/", - "publishedOn": "2021-07-19T20:51:07.000Z", - "wordCount": 970, - "title": "Images are hard." } ] }, @@ -153,13 +153,27 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/07/global-local-styling-nextjs/", + "author": "hello@smashingmagazine.com (Alexander Dubovoy)", + "description": "Next.js has strong opinions about how to organize JavaScript but not CSS. How can we develop patterns that encourage best CSS practices while also following the framework’s logic? The answer is surprisingly simple — to write well-structured CSS that balances global and local styling concerns.", + "link": "https://smashingmagazine.com/2021/07/global-local-styling-nextjs/", + "publishedOn": "2021-07-27T11:00:00.000Z", + "wordCount": 3560, + "title": "Global vs. Local Styling In Next.js", + "enclosure": { + "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a1756133-541e-429d-82dd-fb6f3988ef56/global-local-styling-nextjs.jpg", + "length": "0", + "type": "image/jpg" + } + }, { "id": "https://smashingmagazine.com/2021/07/gatsby-serverless-functions-international-space-station/", "author": "hello@smashingmagazine.com (Paul Scanlon)", "description": "Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to get the current location of the International Space Station (ISS) as it orbits the Earth in real-time using [Gatsby Functions](https://www.gatsbyjs.com/docs/reference/functions/) and then display it on a 3D interactive globe using [React Three Fibre](https://github.com/pmndrs/react-three-fiber).", "link": "https://smashingmagazine.com/2021/07/gatsby-serverless-functions-international-space-station/", "publishedOn": "2021-07-26T10:30:00.000Z", - "wordCount": 3092, + "wordCount": 3097, "title": "Gatsby Serverless Functions And The International Space Station", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c07c5052-399e-4aee-aa83-706eb1f0c1b6/gatsby-serverless-functions-international-space-station.jpg", @@ -173,7 +187,7 @@ "description": "Many web design agencies consider it a badge of honor that they win work exclusively through word-of-mouth recommendations. In this article, Paul Boag explains why that is entirely the wrong attitude and what to do about it.", "link": "https://smashingmagazine.com/2021/07/guide-attracting-clients-agency/", "publishedOn": "2021-07-23T11:00:00.000Z", - "wordCount": 3391, + "wordCount": 3392, "title": "A Guide To Attracting Clients To Your Agency", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1d72d311-2839-48d2-8d23-dbe8951c4ab5/guide-attracting-clients-agency.jpg", @@ -201,7 +215,7 @@ "description": "Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately — to help you get the most out of your creativity. We’ve also just recently covered [CSS auditing tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS generators](https://www.smashingmagazine.com/2021/03/css-generators/), [accessible front-end components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/), [front-end boilerplates](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) and [VS code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — you might find them useful, too.", "link": "https://smashingmagazine.com/2021/07/color-tools-resources/", "publishedOn": "2021-07-21T13:00:00.000Z", - "wordCount": 3060, + "wordCount": 3059, "title": "Color Tools And Resources", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/17380a77-f247-450e-be45-2b2e139f7a33/cool-backgrounds.png", @@ -229,7 +243,7 @@ "description": "By adding visual elements to your tests, you can gain more options to add meaningful ways in maintaining a high level of quality for your app. Colby Fayock explains how.", "link": "https://smashingmagazine.com/2021/07/maintaining-end-to-end-quality-visual-testing/", "publishedOn": "2021-07-19T10:30:00.000Z", - "wordCount": 4490, + "wordCount": 4487, "title": "Maintaining End-To-End Quality With Visual Testing", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/565523e3-0845-4042-9cd1-b3e48c75519d/maintaining-end-to-end-quality-visual-testing.jpg", @@ -243,7 +257,7 @@ "description": "Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns.", "link": "https://smashingmagazine.com/2021/07/three-insights-vuejs-accessibility/", "publishedOn": "2021-07-16T13:00:00.000Z", - "wordCount": 4788, + "wordCount": 4796, "title": "Three Insights I Gained While Researching Vue.js Accessibility", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c3908803-4ddc-4820-8f4e-85e11b4ebbb7/three-insights-vuejs-accessibility.jpg", @@ -257,7 +271,7 @@ "description": "There are two strategies for incrementally building websites that are growing in popularity: Incremental Static Regeneration and Distributed Persistent Rendering. What’s the difference? Let’s figure it out.", "link": "https://smashingmagazine.com/2021/07/isr-dpr-explained/", "publishedOn": "2021-07-15T14:00:00.000Z", - "wordCount": 1079, + "wordCount": 1072, "title": "ISR vs DPR: Big Words, Quick Explanation", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8e4090b9-8bd9-4d5a-aaed-5177c46a6803/isr-dpr-explained.jpg", @@ -285,7 +299,7 @@ "description": "Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.", "link": "https://smashingmagazine.com/2021/07/frustrating-design-patterns-broken-frozen-filters/", "publishedOn": "2021-07-14T13:30:00.000Z", - "wordCount": 5308, + "wordCount": 5307, "title": "Frustrating Design Patterns: Broken Filters", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0c5f2df3-3d78-4563-a599-8c924604e84a/7-frustrating-design-patterns.png", @@ -299,7 +313,7 @@ "description": "In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive. But there is a better way with Intersection Observer.", "link": "https://smashingmagazine.com/2021/07/dynamic-header-intersection-observer/", "publishedOn": "2021-07-13T12:00:00.000Z", - "wordCount": 3259, + "wordCount": 3261, "title": "Building A Dynamic Header With Intersection Observer", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/67cc7303-3dc9-4d67-b0f4-b6f77783380f/dynamic-header-intersection-observer.jpg", @@ -327,7 +341,7 @@ "description": "CSS refactoring is not an easy task — it needs to be done in a way that doesn't create problems. First we need to analyze the existing codebase, audit CSS codebase health, discover weaknesses, agree on the approach, and convince management to invest time and resources into the process.", "link": "https://smashingmagazine.com/2021/07/refactoring-css-introduction-part1/", "publishedOn": "2021-07-12T13:30:00.000Z", - "wordCount": 3618, + "wordCount": 3613, "title": "Refactoring CSS: Introduction (Part 1)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b8b722a7-791f-433e-8d76-f0382d387e82/refactoring-css-introduction-part1.jpg", @@ -341,7 +355,7 @@ "description": "Accessibility is often overlooked or bolted on to the end of a project. Let’s figure out how to implement and advocate for accessibility from the inception of a project to the release or handoff and beyond.", "link": "https://smashingmagazine.com/2021/07/strong-case-for-accessibility/", "publishedOn": "2021-07-09T10:30:00.000Z", - "wordCount": 2957, + "wordCount": 2948, "title": "Making A Strong Case For Accessibility", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/9c226eaa-3251-4d02-9ade-96a88ad759fc/strong-case-for-accessibility.jpg", @@ -355,7 +369,7 @@ "description": "Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze.", "link": "https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/", "publishedOn": "2021-07-08T11:00:00.000Z", - "wordCount": 4789, + "wordCount": 4785, "title": "Tools And Practices To Speed Up The Vue.js Development Process", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/83768020-8004-41f2-b9a9-14b86c18eb4d/tools-practices-speed-up-vuejs-development-process.jpg", @@ -369,7 +383,7 @@ "description": "Interactive Components in Figma allows designers to create a component with states (hover, active, clicked, focus) and make it interactive so that every copy of the component will inherit those same interactions by default. Let’s explore how it can reduce the time and effort needed to create interactions for your mock-ups.", "link": "https://smashingmagazine.com/2021/07/introduction-figma-interactive-components/", "publishedOn": "2021-07-07T11:00:00.000Z", - "wordCount": 4051, + "wordCount": 4062, "title": "An Introduction To Figma Interactive Components", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1a8390d0-26c0-4476-bc00-19e8c89b60c5/introduction-figma-interactive-components.jpg", @@ -397,7 +411,7 @@ "description": "In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.", "link": "https://smashingmagazine.com/2021/07/hsl-colors-css/", "publishedOn": "2021-07-05T10:30:00.000Z", - "wordCount": 1587, + "wordCount": 1591, "title": "Using HSL Colors In CSS", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/73607a1e-fe7f-47ea-aada-df79342d823a/hsl-colors-css.jpg", @@ -411,7 +425,7 @@ "description": "With so many tools and approaches, email still has quite a few pain points, both for developers and email marketers. Email is difficult because it has too many aspects to set and a few instances with no common rules to follow.", "link": "https://smashingmagazine.com/2021/07/email-testing-flow/", "publishedOn": "2021-07-02T10:30:00.000Z", - "wordCount": 4219, + "wordCount": 4221, "title": "Email Testing Flow As It Should Be", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/57a53d31-9651-4d88-b2fe-f8de70c08da1/email-testing-flow.jpg", @@ -425,7 +439,7 @@ "description": "When writing front-end tests, you’ll find a lot of pitfalls along the way. Let’s explore common mistakes developers make, and how to avoid them. Testing doesn’t need to be painful, after all.", "link": "https://smashingmagazine.com/2021/07/frontend-testing-pitfalls/", "publishedOn": "2021-07-01T12:30:00.000Z", - "wordCount": 4759, + "wordCount": 4776, "title": "It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/dc1434b9-70c3-4fb2-821e-2128e3373246/frontend-testing-pitfalls.jpg", @@ -439,7 +453,7 @@ "description": "The web is single-threaded. This makes it increasingly hard to write smooth and responsive apps. Workers have a bad rep, but can be an important and useful tool in any web developer's toolbelt for these kinds of problems. Let’s get up to speed on Workers on the Web!", "link": "https://smashingmagazine.com/2021/06/web-workers-2021/", "publishedOn": "2021-06-30T12:00:00.000Z", - "wordCount": 4748, + "wordCount": 4746, "title": "The State Of Web Workers In 2021", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/379e4510-b4ab-4fde-9a5d-122738be19b2/web-workers-2021.jpg", @@ -453,7 +467,7 @@ "description": "Let’s welcome July with some fresh desktop wallpapers. Designed by artists and designers from around the world, they are available with and without a calendar. Enjoy!", "link": "https://smashingmagazine.com/2021/06/desktop-wallpaper-calendars-july-2021/", "publishedOn": "2021-06-30T09:30:00.000Z", - "wordCount": 3709, + "wordCount": 3715, "title": "The Many Shades Of July (2021 Desktop Wallpapers Edition)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/814b3b6e-1510-4c12-8504-433157173355/july-21-against-the-current-preview-opt.png", @@ -488,20 +502,6 @@ "length": "0", "type": "image/jpg" } - }, - { - "id": "https://smashingmagazine.com/2021/06/custom-emmet-snippets-vscode/", - "author": "hello@smashingmagazine.com (Manuel Matuzović)", - "description": "In this article, Manuel explains why Emmet is one of his favorite productivity tools for writing HTML and CSS, and how you can create custom Emmet snippets in Visual Studio Code to help you improve your front-end workflows even more.", - "link": "https://smashingmagazine.com/2021/06/custom-emmet-snippets-vscode/", - "publishedOn": "2021-06-28T10:30:00.000Z", - "wordCount": 2532, - "title": "Creating Custom Emmet Snippets In VS Code", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b7ff6227-3a15-4237-8e58-aa783fc9c485/custom-emmet-snippets-vscode.jpg", - "length": "0", - "type": "image/jpg" - } } ] }, @@ -510,6 +510,51 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "60ffec493306a507d1bf98f4", + "author": null, + "description": "Loops let you control the logic and flow structures of your programs. Specifically, a for loop lets you execute a block of similar code operations, over and over again, until a condition is met. You repeat certain code instructions for a set of values you determine, and you perform actions", + "link": "https://www.freecodecamp.org/news/python-for-loop-example-and-tutorial/", + "publishedOn": "2021-07-27T22:36:10.000Z", + "wordCount": 1528, + "title": "Python For Loop – Example and Tutorial" + }, + { + "id": "60ff23533306a507d1bf9345", + "author": null, + "description": "In this post, we’ll look at 4 different ways to flatten a dict in Python. For each method I’ll point out the pros and cons, and I'll give a quick performance analysis. For this tutorial, I ran all examples on Python 3.7. Why Should You Know How", + "link": "https://www.freecodecamp.org/news/how-to-flatten-a-dictionary-in-python-in-4-different-ways/", + "publishedOn": "2021-07-27T19:59:00.000Z", + "wordCount": 1729, + "title": "How to Flatten a Dictionary in Python in 4 Different Ways" + }, + { + "id": "60dabcb327f80207bcdbb316", + "author": null, + "description": "CMSs are pretty hard to ignore because they're everywhere on the internet. WordPress, for example, powers nearly 40% of the internet today. In this article, we'll cover what CMSs are and why you should care about them. I'll also introduce you to a new type of CMS that seems to", + "link": "https://www.freecodecamp.org/news/what-is-headless-cms-explained/", + "publishedOn": "2021-07-27T17:53:47.000Z", + "wordCount": 1363, + "title": "Headless CMS Explained – What it is and When You Should Use it" + }, + { + "id": "60fa5ec41d2b080797b81bf8", + "author": null, + "description": "In JavaScript, we use an Object to store multiple values as a complex data structure. You create an object with a pair of curly braces {}. An object can have one or more properties. Each of the properties is a key-value pair separated by a colon(:). The key must be a", + "link": "https://www.freecodecamp.org/news/javascript-immutability-frozen-objects-with-examples/", + "publishedOn": "2021-07-27T15:49:00.000Z", + "wordCount": 1704, + "title": "JavaScript Immutability – Frozen Objects in JS Explained with Examples" + }, + { + "id": "60fbe07822b0e2078fcd09bc", + "author": null, + "description": "In Python, a string is a sequence of characters that may contain special characters or alphanumeric characters. An example of a string is \"we meet on Friday at 08:00 am\". And you can access specific sub-parts of the string commonly known as substrings. We can define a substring as", + "link": "https://www.freecodecamp.org/news/python-substring-how-to-slice-a-string/", + "publishedOn": "2021-07-27T15:24:00.000Z", + "wordCount": 974, + "title": "Python Substring – How to Slice a String" + }, { "id": "60fc070722b0e2078fcd0ae1", "author": null, @@ -554,51 +599,6 @@ "publishedOn": "2021-07-23T21:42:07.000Z", "wordCount": 1401, "title": "How to Clear Search History – Delete All Browsing Data in Chrome" - }, - { - "id": "60f5aca466c61b07d458f119", - "author": null, - "description": "Have you ever needed to loop through multiple iterables in parallel when coding in Python? In this tutorial, we'll use Python's zip() function to efficiently perform parallel iteration over multiple iterables. Here's what we'll cover in this post: How to Use the 'in' Operator in Python to Traverse Iterables Why", - "link": "https://www.freecodecamp.org/news/the-zip-function-in-python-explained-with-examples/", - "publishedOn": "2021-07-23T17:25:34.000Z", - "wordCount": 1545, - "title": "Python zip() Function – Explained with Code Examples" - }, - { - "id": "60f969ee1d2b080797b8160a", - "author": null, - "description": "Using just a few keystrokes, it's easy to capture part or all of your screen on a Mac. Screenshots are useful in many cases, like when you're writing a blog post and you want to use images that will drive home the points you are making. This guide will show", - "link": "https://www.freecodecamp.org/news/how-to-screenshot-on-mac-take-a-screen-capture-with-a-keyboard-shortcut/", - "publishedOn": "2021-07-22T22:05:03.000Z", - "wordCount": 898, - "title": "How to Screenshot on Mac – Take a Screen Capture with a Keyboard Shortcut" - }, - { - "id": "6063b98a9618b008528a9d92", - "author": null, - "description": "Today we're gonna learn how to use the CSS box model with examples. This will help you make pixel perfect websites and will teach you to use the box-sizing, margin, padding, and border properties more accurately. We're also going to see some practical use cases for these properties. Let's get", - "link": "https://www.freecodecamp.org/news/css-box-model-explained-with-examples/", - "publishedOn": "2021-07-22T17:31:57.000Z", - "wordCount": 1630, - "title": "CSS Box Model Properties – Explained With Examples ✨" - }, - { - "id": "60f716ab1d2b080797b80532", - "author": null, - "description": "In music terminology, an onset refers to the beginning of a musical note or other sound. In this post, we will look at how to detect music onsets with Python's audio signal processing libraries, Aubio and librosa. This tutorial is relevant even if your application doesn't use Python - for", - "link": "https://www.freecodecamp.org/news/use-python-to-detect-music-onsets/", - "publishedOn": "2021-07-22T16:56:17.000Z", - "wordCount": 1306, - "title": "How to Use Python to Detect Music Onsets" - }, - { - "id": "60af854611ffb70827ef8526", - "author": null, - "description": "Webmention is a simple protocol developed by the IndieWeb Community that you can use to request notifications when your URLs are mentioned on the web. When you post on your own site and syndicate elsewhere (POSSE), Webmention lets you enable rich interactions on your syndicated posts. This article will walk", - "link": "https://www.freecodecamp.org/news/how-to-use-webmentions-with-gatsby-beginners-guide/", - "publishedOn": "2021-07-22T16:33:55.000Z", - "wordCount": 1861, - "title": "How to Use Webmentions with Gatsby.js – A Beginner's Guide" } ] } diff --git a/feed.atom b/feed.atom index 5ac5628..d1c82d4 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,104 @@ - urn:2021-07-27T00:41:34.707Z + urn:2021-07-28T00:40:50.192Z osmos::feed - 2021-07-27T00:41:34.707Z + 2021-07-28T00:40:50.192Z osmosfeed 1.11.0 + + <![CDATA[Learnings From a WebPageTest Session on CSS-Tricks]]> + https://css-tricks.com/?p=345169 + + 2021-07-27T23:18:33.000Z + + + Chris Coyier + + + + <![CDATA[ES2021 Features]]> + https://css-tricks.com/?p=345400 + + 2021-07-27T23:18:12.000Z + + + Chris Coyier + + + + <![CDATA[Python For Loop – Example and Tutorial]]> + 60ffec493306a507d1bf98f4 + + 2021-07-27T22:36:10.000Z + + + freeCodeCamp.org + + + + <![CDATA[How to Flatten a Dictionary in Python in 4 Different Ways]]> + 60ff23533306a507d1bf9345 + + 2021-07-27T19:59:00.000Z + + + freeCodeCamp.org + + + + <![CDATA[Headless CMS Explained – What it is and When You Should Use it]]> + 60dabcb327f80207bcdbb316 + + 2021-07-27T17:53:47.000Z + + + freeCodeCamp.org + + + + <![CDATA[JavaScript Immutability – Frozen Objects in JS Explained with Examples]]> + 60fa5ec41d2b080797b81bf8 + + 2021-07-27T15:49:00.000Z + + + freeCodeCamp.org + + + + <![CDATA[Python Substring – How to Slice a String]]> + 60fbe07822b0e2078fcd09bc + + 2021-07-27T15:24:00.000Z + + + freeCodeCamp.org + + + + <![CDATA[CSS Logical Properties and Values]]> + https://css-tricks.com/?p=344815 + + 2021-07-27T15:02:43.000Z + + + Ollie Williams + + + + <![CDATA[Global vs. Local Styling In Next.js]]> + https://smashingmagazine.com/2021/07/global-local-styling-nextjs/ + + 2021-07-27T11:00:00.000Z + + + hello@smashingmagazine.com (Alexander Dubovoy) + + <![CDATA[Demystifying styled-components]]> https://css-tricks.com/?p=345297 @@ -99,16 +193,6 @@ The post Slinkity appeared first on CSS-Tricks. You can support CSS-Tricks by be freeCodeCamp.org - - <![CDATA[Python zip() Function – Explained with Code Examples]]> - 60f5aca466c61b07d458f119 - - 2021-07-23T17:25:34.000Z - - - freeCodeCamp.org - - <![CDATA[Web Features That May Not Work As You’d Expect]]> https://css-tricks.com/?p=344019 @@ -156,46 +240,6 @@ The post Organize your CSS declarations alphabetically appeared first on CSS-Tri Chris Coyier - - <![CDATA[How to Screenshot on Mac – Take a Screen Capture with a Keyboard Shortcut]]> - 60f969ee1d2b080797b8160a - - 2021-07-22T22:05:03.000Z - - - freeCodeCamp.org - - - - <![CDATA[CSS Box Model Properties – Explained With Examples ✨]]> - 6063b98a9618b008528a9d92 - - 2021-07-22T17:31:57.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Use Python to Detect Music Onsets]]> - 60f716ab1d2b080797b80532 - - 2021-07-22T16:56:17.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Use Webmentions with Gatsby.js – A Beginner's Guide]]> - 60af854611ffb70827ef8526 - - 2021-07-22T16:33:55.000Z - - - freeCodeCamp.org - - <![CDATA[Using Google Drive as a CMS]]> https://css-tricks.com/?p=344580 @@ -286,30 +330,6 @@ The post The Nine States of Design appeared first on CSS-Tricks. You can support Robin Rendle - - <![CDATA[Your Image Is Probably Not Decorative]]> - https://css-tricks.com/?p=344944 - - 2021-07-20T20:02:06.000Z - - - Chris Coyier - - - - <![CDATA[Typewriter Animation That Handles Anything You Throw at It]]> - https://css-tricks.com/?p=344497 - - 2021-07-20T15:03:40.000Z - - - Murtuzaali Surti - - <![CDATA[How To Migrate From WordPress To A Headless CMS]]> https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/ @@ -320,17 +340,6 @@ The post Typewriter Animation That Handles Anything You Throw at It appeared fir hello@smashingmagazine.com (Alba Silvente) - - <![CDATA[Images are hard.]]> - https://css-tricks.com/?p=344404 - - 2021-07-19T20:51:07.000Z - and link it to a valid source in the src attribute and you’re done. Except that there are (counts fingers) 927 things you could (and … -The post Images are hard. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]> - - Chris Coyier - - <![CDATA[Maintaining End-To-End Quality With Visual Testing]]> https://smashingmagazine.com/2021/07/maintaining-end-to-end-quality-visual-testing/ @@ -521,14 +530,4 @@ The post Images are hard. appeared first on CSS-Tricks. You can support CSS-Tric hello@smashingmagazine.com (Drew McLellan) - - <![CDATA[Creating Custom Emmet Snippets In VS Code]]> - https://smashingmagazine.com/2021/06/custom-emmet-snippets-vscode/ - - 2021-06-28T10:30:00.000Z - - - hello@smashingmagazine.com (Manuel Matuzović) - - \ No newline at end of file diff --git a/index.html b/index.html index ce5a620..385ebb3 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,43 @@

CSS-Tricks

+ + +
Demystifying styled-components @@ -37,6 +74,84 @@ The post Demystifying styled-components appeared first on CSS-Tricks. You can su
+
  • +
    +

    freeCodeCamp.org

    +
    + + + + + +
    +
    • +
  • +
    +

    Articles on Smashing Magazine — For Web Designers And Developers

    +
    + +
    +
    • @@ -191,17 +306,6 @@ The post My petite-vue review appeared first on CSS-Tricks. You can support CSS- -
  • @@ -270,56 +374,6 @@ The post Hashnode: A Blogging Platform for Developers appeared first on CSS-Tric
    • -
  • -
    -

    freeCodeCamp.org

    -
    - - - - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -426,32 +480,6 @@ The post The Nine States of Design appeared first on CSS-Tricks. You can support - -
  • @@ -476,24 +504,6 @@ The post Typewriter Animation That Handles Anything You Throw at It appeared fir

    -
    -

    - -