From dbf9c5c02a665588b930dc92d33445647cb16399 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Thu, 15 Jul 2021 00:39:35 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 180 +++++++++++++++++++++++--------------------------- feed.atom | 139 ++++++++++++++++++--------------------- index.html | 190 ++++++++++++++++++++++++++--------------------------- 3 files changed, 239 insertions(+), 270 deletions(-) diff --git a/cache.json b/cache.json index c13a450..2bd7e56 100644 --- a/cache.json +++ b/cache.json @@ -21,6 +21,24 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=344249", + "author": "Temani Afif", + "description": "I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions. I was able to create complex hover effect without resorting to keyframes. In this article, I …\nThe post Build Complex CSS Transitions using Custom Properties and cubic-bezier() appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/build-complex-css-transitions-using-custom-properties-and-cubic-bezier/", + "publishedOn": "2021-07-14T14:31:02.000Z", + "wordCount": 1964, + "title": "Build Complex CSS Transitions using Custom Properties and cubic-bezier()" + }, + { + "id": "https://css-tricks.com/?p=344407", + "author": "Chris Coyier", + "description": "Most of us grumble when running across a frustrating UX experience online (like not being able to complete a transaction because of a misplaced button). We might pen a whiny tweet. Jason Grigsby is like I’m going to write 2,000 …\nThe post A Bashful Button Worth $8 Million appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://cloudfour.com/thinks/a-bashful-button-worth-8-million/", + "publishedOn": "2021-07-14T14:25:08.000Z", + "wordCount": 2461, + "title": "A Bashful Button Worth $8 Million" + }, { "id": "https://css-tricks.com/?p=344316", "author": "Chris Coyier", @@ -36,7 +54,7 @@ "description": "Starting with Version 15, Safari supports the theme-color tag both on macOS and iOS. That’s exciting news because now the first desktop browser supports this tag and it also supports the media attribute and the prefers-color-scheme media feature.…\nThe post Meta Theme Color and Trickery appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/meta-theme-color-and-trickery/", "publishedOn": "2021-07-13T14:58:33.000Z", - "wordCount": 2597, + "wordCount": 2679, "title": "Meta Theme Color and Trickery" }, { @@ -54,7 +72,7 @@ "description": "The reasons that are often cited that make container queries difficult or impossible is things like infinite loops—e.g. changing the width of an element, invalidating a container query, which changes the width again, which makes the container query take effect, …\nThe post Meet `:has`, A Native CSS Parent Selector appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://www.smashingmagazine.com/2021/06/has-native-css-parent-selector/", "publishedOn": "2021-07-12T19:45:00.000Z", - "wordCount": 2791, + "wordCount": 2795, "title": "Meet `:has`, A Native CSS Parent Selector" }, { @@ -63,7 +81,7 @@ "description": "I don’t know about you, but I write these three declarations many times in my CSS:\nul {\n padding: 0;\n margin: 0;\n list-style-type: none;\n}\nYou might yell at me and say I can just put those in my CSS …\nThe post Using the Specificity of :where() as a CSS Reset appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/using-the-specificity-of-where-as-a-css-reset/", "publishedOn": "2021-07-12T14:30:34.000Z", - "wordCount": 944, + "wordCount": 962, "title": "Using the Specificity of :where() as a CSS Reset" }, { @@ -137,24 +155,6 @@ "publishedOn": "2021-07-06T20:55:45.000Z", "wordCount": 681, "title": "Body Toggle" - }, - { - "id": "https://css-tricks.com/?p=343560", - "author": "Chris Coyier", - "description": "And maybe an optional follow-up if you’re up for it.\nAutomattic, the makers of Jetpack and many other WordPress-y things, have sponsored my site (me = Chris Coyier; site = CSS-Tricks) for quite a while. I use Jetpack myself, …\nThe post I’ve got one question about Jetpack for you. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/ive-got-one-question-about-jetpack-for-you/", - "publishedOn": "2021-07-06T20:00:30.000Z", - "wordCount": 720, - "title": "I’ve got one question about Jetpack for you." - }, - { - "id": "https://css-tricks.com/?p=343149", - "author": "Martin Lexelius", - "description": "Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and consistency. Any project of considerable size can use something like that. There are always …\nThe post The Dilemma of Naming Font Size Variables appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/the-dilemma-of-naming-font-size-variables/", - "publishedOn": "2021-07-06T14:41:22.000Z", - "wordCount": 4359, - "title": "The Dilemma of Naming Font Size Variables" } ] }, @@ -163,13 +163,27 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/07/frustrating-design-patterns-broken-frozen-filters/", + "author": "hello@smashingmagazine.com (Vitaly Friedman)", + "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": 5289, + "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", + "length": "0", + "type": "image/png" + } + }, { "id": "https://smashingmagazine.com/2021/07/dynamic-header-intersection-observer/", "author": "hello@smashingmagazine.com (Michelle Barker)", "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": 3263, + "wordCount": 3269, "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", @@ -183,7 +197,7 @@ "description": "In this article, we’re taking a closer look at different approaches and strategies on how we can migrate a web application that uses jQuery framework, and start using one of the coolest React frameworks in the market: Next.js.", "link": "https://smashingmagazine.com/2021/07/migrate-jquery-nextjs/", "publishedOn": "2021-07-13T10:30:00.000Z", - "wordCount": 4225, + "wordCount": 4180, "title": "How To Migrate From jQuery To Next.js", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ece22577-f23c-4e9c-a41c-f9000f14ae9d/migrate-jquery-nextjs.jpg", @@ -197,7 +211,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": 3626, + "wordCount": 3621, "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", @@ -211,7 +225,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": 2959, + "wordCount": 2956, "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", @@ -225,7 +239,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": 4784, + "wordCount": 4787, "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", @@ -239,7 +253,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": 4060, + "wordCount": 4065, "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", @@ -267,7 +281,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": 1597, + "wordCount": 1596, "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", @@ -281,7 +295,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": 4215, + "wordCount": 4219, "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", @@ -295,7 +309,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": 4769, + "wordCount": 4784, "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", @@ -309,7 +323,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": 4755, + "wordCount": 4757, "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", @@ -323,7 +337,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": 3712, + "wordCount": 3717, "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", @@ -365,7 +379,7 @@ "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": 2524, + "wordCount": 2525, "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", @@ -379,7 +393,7 @@ "description": "This article explains how we can connect different types of content in a Next.js application. With this technique, we can add any kind of one-to-one, one-to-many, or even many-to-many relationship to our projects.", "link": "https://smashingmagazine.com/2021/06/creating-multi-author-blog-nextjs/", "publishedOn": "2021-06-25T11:30:00.000Z", - "wordCount": 5453, + "wordCount": 5468, "title": "Creating A Multi-Author Blog With Next.js", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/28d0f286-9b01-4f8d-aede-01248ba3491d/creating-multi-author-blog-nextjs.jpg", @@ -393,7 +407,7 @@ "description": "This article is a case study of how a UX audit affects a UI. It explains how a famous educational platform can be analyzed edX against Jakob Nielsen’s usability guidelines. To get started, Mark Lankmiller shares all of the criteria and metrics he used for his UX audit.", "link": "https://smashingmagazine.com/2021/06/ux-audit-edtech-platform-case-study/", "publishedOn": "2021-06-25T10:00:00.000Z", - "wordCount": 3550, + "wordCount": 3549, "title": "How To Run A UX Audit For A Major EdTech Platform (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d5116c31-3d66-47b0-aa81-1a6759c68b92/ux-audit-edtech-platform-case-study.jpg", @@ -407,7 +421,7 @@ "description": "In the dynamic and unpredictable environments in which we work, even the most carefully crafted solutions can have a short shelf life. When we accept that our work is impermanent and our problem-solving abilities are limited, our goal can shift from delivering full solutions to developing tools that empower our users to adaptively design for themselves.", "link": "https://smashingmagazine.com/2021/06/design-thinking-problem-solving-strategy/", "publishedOn": "2021-06-24T14:00:00.000Z", - "wordCount": 4183, + "wordCount": 4188, "title": "The Rise Of Design Thinking As A Problem Solving Strategy", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e5ea9274-2ff4-49d8-b259-a5f0904cec77/design-thinking-problem-solving-strategy.jpg", @@ -435,7 +449,7 @@ "description": "Automated testing is an important part of any software project, including testing for accessibility. There are already tools for linting and integration testing accessibility, but what about end-to-end testing with real assistive technology? Since I hadn’t seen this before, I set out to build Auto VO, a driver for the VoiceOver screen reader.", "link": "https://smashingmagazine.com/2021/06/automating-screen-reader-testing-macos-autovo/", "publishedOn": "2021-06-23T09:30:00.000Z", - "wordCount": 1400, + "wordCount": 1415, "title": "Automating Screen Reader Testing On macOS Using Auto VO", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c81018b9-c45e-4c21-9762-dff84dd2682c/automating-screen-reader-testing-macos-autovo.jpg", @@ -463,7 +477,7 @@ "description": "Do you have to process data manually because it is served through images or scanned documents? An image-to-text conversion makes it possible to extract text from images to automate the processing of texts on images, videos, and scanned documents. In this article, we look at how to convert an image to text with React and Tesseract.js(OCR), preprocess images, and deal with the limitations of Tesseract (OCR).", "link": "https://smashingmagazine.com/2021/06/image-text-conversion-react-tesseract-js-ocr/", "publishedOn": "2021-06-21T14:30:00.000Z", - "wordCount": 5365, + "wordCount": 5367, "title": "Image To Text Conversion With React And Tesseract.js (OCR)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/012f3fbe-980a-44fc-b973-a459f6d9bf1a/image-text-conversion-react-tesseract-js-ocr.jpg", @@ -477,7 +491,7 @@ "description": "Voice assistants are currently the most popular use case for voice user interfaces. However, due to the bad feedback loop resulting from voice assistants can only solve simple user tasks such as setting an alarm or playing music. In order for voice user interfaces to really break through, feedback to the user must be visual, not auditive.", "link": "https://smashingmagazine.com/2021/06/alternative-voice-ui-voice-assistants/", "publishedOn": "2021-06-18T15:00:00.000Z", - "wordCount": 3442, + "wordCount": 3441, "title": "An Alternative Voice UI To Voice Assistants", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8ebd2c76-ebe5-4885-be3e-f9acc3608072/alternative-voice-ui-voice-assistants.jpg", @@ -491,7 +505,7 @@ "description": "Next.js has a file-based routing system in which each page automatically becomes a route based on its file name. This article will guide you through almost everything you need to know about Routing in Next.js and point you in the direction of related topics and concepts.", "link": "https://smashingmagazine.com/2021/06/client-side-routing-next-js/", "publishedOn": "2021-06-18T13:00:00.000Z", - "wordCount": 3971, + "wordCount": 3983, "title": "Client-Side Routing In Next.js", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a51f6c83-5e1a-4535-b28a-2018310ffc3b/client-side-routing-next-js.jpg", @@ -505,7 +519,7 @@ "description": "Image placement on the modern web is highly intentional, helping to communicate the overall purpose of a page or view. This means that nearly every image you declare needs to have an alternate description.", "link": "https://smashingmagazine.com/2021/06/img-alt-attribute-alternate-description-decorative/", "publishedOn": "2021-06-17T10:30:00.000Z", - "wordCount": 1650, + "wordCount": 1652, "title": "Your Image Is Probably Not Decorative", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/95585fe9-52b8-4bd4-adac-a3580ef87b98/img-alt-attribute-alternate-description-decorative.jpg", @@ -519,41 +533,13 @@ "description": "In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.", "link": "https://smashingmagazine.com/2021/06/complete-guide-accessibility-tooling/", "publishedOn": "2021-06-16T10:30:00.000Z", - "wordCount": 4112, + "wordCount": 4108, "title": "A Complete Guide To Accessibility Tooling", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0e0ea8e6-a4ad-489c-b062-749a22d5e38e/complete-guide-accessibility-tooling.jpg", "length": "0", "type": "image/jpg" } - }, - { - "id": "https://smashingmagazine.com/2021/06/multiple-wordpress-sites-locally-devkinsta/", - "author": "hello@smashingmagazine.com (Leonardo Losoviz)", - "description": "When developing themes and plugins for WordPress, we need to test them in different environments. How can we create multiple testing sites on our computer, quickly and easily, without having to become a sysadmin?", - "link": "https://smashingmagazine.com/2021/06/multiple-wordpress-sites-locally-devkinsta/", - "publishedOn": "2021-06-15T10:15:00.000Z", - "wordCount": 2387, - "title": "Spinning Up Multiple WordPress Sites Locally With DevKinsta", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2798d879-8878-49e3-bc0f-a1b2008210c0/devkinsta-frontpage.png", - "length": "0", - "type": "image/png" - } - }, - { - "id": "https://smashingmagazine.com/2021/06/smashing-podcast-episode-39/", - "author": "hello@smashingmagazine.com (Drew McLellan)", - "description": "In this episode of the Smashing Podcast, we’re talking about image optimization. What steps should we follow for performant images in 2021? We talk to expert Addy Osmani to find out.", - "link": "https://smashingmagazine.com/2021/06/smashing-podcast-episode-39/", - "publishedOn": "2021-06-15T07:00:00.000Z", - "wordCount": 10721, - "title": "Smashing Podcast Episode 39 With Addy Osmani: Image Optimization", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bf1aeccc-a603-4cb3-b716-69bd0c86d33a/smashing-podcast-episode-39.jpg", - "length": "0", - "type": "image/jpg" - } } ] }, @@ -562,6 +548,33 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "60d4e7596e1a1407b6b0bb56", + "author": null, + "description": "Did you know that marketers (and even hackers) can use images to track you in your email inbox? Here's how so-called tracking pixels work: Someone creates an image and host it on their server. Often a transparent 1x1 \"tracking pixel\" that you don't even see.They send you an email", + "link": "https://www.freecodecamp.org/news/stop-email-tracking-pixel-disable-images-gmail/", + "publishedOn": "2021-07-14T17:51:43.000Z", + "wordCount": 577, + "title": "How to Stop Email Tracking in Gmail – Disable Images by Default" + }, + { + "id": "60ebb55be8ee9b08300ed731", + "author": null, + "description": "Websites are a critical part of almost every business or organization in the world. From your nearby florist to global brands, almost everyone uses a website as part of their branding. Unfortunately, websites are also one of the most unsecured gateways through which an attacker can exploit your company. Since", + "link": "https://www.freecodecamp.org/news/an-introduction-to-web-server-scanning-with-nikto/", + "publishedOn": "2021-07-14T07:18:59.000Z", + "wordCount": 1136, + "title": "An Introduction to Web Server Scanning With Nikto" + }, + { + "id": "60eb2a69e8ee9b08300ed5b3", + "author": null, + "description": "Redis is a type of database that can be added to your produciton level applicaiton to make it more performant. In this article, I'll go over the Redis basics and show a real world example of Redis in action. Here's everything we'll go over: What is Redis? Why the Hype", + "link": "https://www.freecodecamp.org/news/redis-crash-course/", + "publishedOn": "2021-07-14T06:11:13.000Z", + "wordCount": 1435, + "title": "Redis Crash Course" + }, { "id": "60e73db9134ad707be00f206", "author": null, @@ -624,33 +637,6 @@ "publishedOn": "2021-07-12T11:26:39.000Z", "wordCount": 1208, "title": "Google BigQuery Beginner's Guide – How to Analyze Large Datasets" - }, - { - "id": "60e8864de8ee9b08300ecc3f", - "author": null, - "description": "There are literally 100s of great React libraries to choose from, but which libraries do you need most for your React projects? In this article, we're going to break down five libraries you need for your React projects. Each of them will cover virtually every major tool you need, plus", - "link": "https://www.freecodecamp.org/news/5-react-libraries-every-project-needs/", - "publishedOn": "2021-07-09T20:06:31.000Z", - "wordCount": 1729, - "title": "5 React Libraries Every Project Should Use in 2021" - }, - { - "id": "60e81c50134ad707be00f79f", - "author": null, - "description": "Hey everyone! In this article, I'm going to show you what's new in the latest of version of React – React 18 – in under 8 minutes. First, you might be wondering whether the latest set of changes will break anything with your current setup, or whether you will have to learn", - "link": "https://www.freecodecamp.org/news/whats-new-in-react-18/", - "publishedOn": "2021-07-09T18:42:26.000Z", - "wordCount": 1930, - "title": "What's New in React 18? Concurrency, Batching, the Transition API and More" - }, - { - "id": "60dcb93727f80207bcdbc17e", - "author": null, - "description": "When you use code snippets in Visual Studio, it can make your coding process a lot easier and faster. But what are code snippets? And how can you use them? In this article, we'll look at how you can create code snippets in C#. Just keep in mind that snippets", - "link": "https://www.freecodecamp.org/news/how-to-automatically-generate-code-snippets-visual-studio/", - "publishedOn": "2021-07-09T18:28:18.000Z", - "wordCount": 3957, - "title": "How to Automatically Generate C# Code Snippets in Visual Studio" } ] } diff --git a/feed.atom b/feed.atom index 99da9a1..f68f180 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,72 @@ - urn:2021-07-14T00:36:09.632Z + urn:2021-07-15T00:39:34.808Z osmos::feed - 2021-07-14T00:36:09.632Z + 2021-07-15T00:39:34.808Z osmosfeed 1.11.0 + + <![CDATA[How to Stop Email Tracking in Gmail – Disable Images by Default]]> + 60d4e7596e1a1407b6b0bb56 + + 2021-07-14T17:51:43.000Z + + + freeCodeCamp.org + + + + <![CDATA[Build Complex CSS Transitions using Custom Properties and cubic-bezier()]]> + https://css-tricks.com/?p=344249 + + 2021-07-14T14:31:02.000Z + + + Temani Afif + + + + <![CDATA[A Bashful Button Worth $8 Million]]> + https://css-tricks.com/?p=344407 + + 2021-07-14T14:25:08.000Z + + + Chris Coyier + + + + <![CDATA[Frustrating Design Patterns: Broken Filters]]> + https://smashingmagazine.com/2021/07/frustrating-design-patterns-broken-frozen-filters/ + + 2021-07-14T13:30:00.000Z + + + hello@smashingmagazine.com (Vitaly Friedman) + + + + <![CDATA[An Introduction to Web Server Scanning With Nikto]]> + 60ebb55be8ee9b08300ed731 + + 2021-07-14T07:18:59.000Z + + + freeCodeCamp.org + + + + <![CDATA[Redis Crash Course]]> + 60eb2a69e8ee9b08300ed5b3 + + 2021-07-14T06:11:13.000Z + + + freeCodeCamp.org + + <![CDATA[Links on React and JavaScript]]> https://css-tricks.com/?p=344316 @@ -167,16 +229,6 @@ The post Using the Specificity of :where() as a CSS Reset appeared first on CSS- freeCodeCamp.org - - <![CDATA[5 React Libraries Every Project Should Use in 2021]]> - 60e8864de8ee9b08300ecc3f - - 2021-07-09T20:06:31.000Z - - - freeCodeCamp.org - - <![CDATA[:focus-visible in WebKit]]> https://css-tricks.com/?p=344334 @@ -188,26 +240,6 @@ The post :focus-visible in WebKit appeared first on CSS-Tricks. You can support Chris Coyier - - <![CDATA[What's New in React 18? Concurrency, Batching, the Transition API and More]]> - 60e81c50134ad707be00f79f - - 2021-07-09T18:42:26.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Automatically Generate C# Code Snippets in Visual Studio]]> - 60dcb93727f80207bcdbc17e - - 2021-07-09T18:28:18.000Z - - - freeCodeCamp.org - - <![CDATA[SVG Favicons in Action]]> https://css-tricks.com/?p=343598 @@ -319,29 +351,6 @@ The post Body Toggle appeared first on CSS-Tricks. You can support CSS-Tricks by Chris Coyier - - <![CDATA[I’ve got one question about Jetpack for you.]]> - https://css-tricks.com/?p=343560 - - 2021-07-06T20:00:30.000Z - - - Chris Coyier - - - - <![CDATA[The Dilemma of Naming Font Size Variables]]> - https://css-tricks.com/?p=343149 - - 2021-07-06T14:41:22.000Z - - - Martin Lexelius - - <![CDATA[How To Choose A Headless CMS]]> https://smashingmagazine.com/2021/07/how-to-choose-a-headless-cms/ @@ -561,24 +570,4 @@ Thank you @PiyushLosalka]]> hello@smashingmagazine.com (Nic Chan) - - <![CDATA[Spinning Up Multiple WordPress Sites Locally With DevKinsta]]> - https://smashingmagazine.com/2021/06/multiple-wordpress-sites-locally-devkinsta/ - - 2021-06-15T10:15:00.000Z - - - hello@smashingmagazine.com (Leonardo Losoviz) - - - - <![CDATA[Smashing Podcast Episode 39 With Addy Osmani: Image Optimization]]> - https://smashingmagazine.com/2021/06/smashing-podcast-episode-39/ - - 2021-06-15T07:00:00.000Z - - - hello@smashingmagazine.com (Drew McLellan) - - \ No newline at end of file diff --git a/index.html b/index.html index 7f989d0..8ac0c36 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,97 @@ +
+

+ +

-
  • -
    -

    freeCodeCamp.org

    -
    - - - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -468,31 +520,6 @@ The post Body Toggle appeared first on CSS-Tricks. You can support CSS-Tricks by - -
  • @@ -903,42 +930,9 @@ Thank you @PiyushLosalka
    • -
    -

    - -