From 55703ed32a219ca65093d386f7058648a1c0c828 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Sun, 28 Nov 2021 00:44:02 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 48 +++++++++++++++++------------------------------- feed.atom | 14 ++------------ index.html | 28 +++------------------------- 3 files changed, 22 insertions(+), 68 deletions(-) diff --git a/cache.json b/cache.json index 977cf0d..41e9272 100644 --- a/cache.json +++ b/cache.json @@ -17,7 +17,7 @@ "description": "I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change:\n.el {\n will-change: opacity;\n\n…\nThe post When is it “Right” to Reach for contain and will-change in CSS? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/when-is-it-right-to-reach-for-contain-and-will-change-in-css/", "publishedOn": "2021-11-26T20:43:05.000Z", - "wordCount": 1015, + "wordCount": 1302, "title": "When is it “Right” to Reach for contain and will-change in CSS?" }, { @@ -62,7 +62,7 @@ "description": "Inspired by Eva PenzeyMoog’s new book, Jeremy highlights the widespread user tracking situation in this industry:\nThere was a line that really stood out to me: \nThe idea that it’s alright to do whatever unethical thing is currently the \n…\nThe post On User Tracking and Industry Standards on Privacy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/on-user-tracking-and-industry-standards-on-privacy/", "publishedOn": "2021-11-22T21:00:50.000Z", - "wordCount": 2212, + "wordCount": 2346, "title": "On User Tracking and Industry Standards on Privacy" }, { @@ -107,7 +107,7 @@ "description": "Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it. I was fortunate enough that Kent reached out a while back and asked if I could come up with some …\nThe post Parallax Powered by CSS Custom Properties appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/parallax-powered-by-css-custom-properties/", "publishedOn": "2021-11-19T15:13:46.000Z", - "wordCount": 3406, + "wordCount": 3238, "title": "Parallax Powered by CSS Custom Properties" }, { @@ -159,7 +159,7 @@ "description": "In this article, Nirmalya discusses some of the complex problems that he faced while building and maintaining large Next.js applications. He always explains how these problems can be solved by using various tools.", "link": "https://smashingmagazine.com/2021/11/maintain-large-nextjs-application/", "publishedOn": "2021-11-26T12:30:00.000Z", - "wordCount": 2643, + "wordCount": 2654, "title": "How To Maintain A Large Next.js Application", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d36d3a50-0f3f-402e-9ceb-8164b41065bc/maintain-large-nextjs-application.jpg", @@ -173,7 +173,7 @@ "description": "Instead of spending your coffee break scrolling through your social feeds, how about a lovely little website instead? We came across some fantastic ones that are just too good not to be shared. But be warned, your break might take a bit longer than intended.", "link": "https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/", "publishedOn": "2021-11-24T12:00:00.000Z", - "wordCount": 4255, + "wordCount": 4248, "title": "A Showcase Of Lovely Little Websites", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5a0a3a89-ba5a-40a8-af80-f8db0554af37/radiooooo-opt.png", @@ -187,7 +187,7 @@ "description": "With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, we’ll explore those techniques by adding a dyslexia-friendly mode to an existing design.", "link": "https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/", "publishedOn": "2021-11-23T10:00:00.000Z", - "wordCount": 2762, + "wordCount": 2760, "title": "Adding A Dyslexia-Friendly Mode To A Website", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e1fb4e46-6f0a-4631-a04c-d42376eddc82/dyslexia-friendly-mode-website.jpg", @@ -215,7 +215,7 @@ "description": "Implementing a performance culture is very important. In this article, Dan Shappir shares which actions and processes the Wix team put in place in order to achieve dramatic improvements in the performance of websites built and hosted on their platform.", "link": "https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/", "publishedOn": "2021-11-22T10:30:00.000Z", - "wordCount": 4765, + "wordCount": 4762, "title": "Improving The Performance Of Wix Websites (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/253b5a80-a208-4057-95b0-60762c922d07/improving-performance-wix-websites-case-study.jpg", @@ -229,7 +229,7 @@ "description": "Hosting with a wildcard subdomain enables your users to visit your site on any subdomain of your domain (*.example.com), and as you can imagine, we can use this to create unique user experiences which we’ll be exploring in this article through a Next.js lens.", "link": "https://smashingmagazine.com/2021/11/nextjs-wildcard-subdomains/", "publishedOn": "2021-11-19T10:30:00.000Z", - "wordCount": 2208, + "wordCount": 2209, "title": "Next.js Wildcard Subdomains", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2b24747b-6f11-4588-a119-16eaf38bc933/nextjs-wildcard-subdomains.jpg", @@ -271,7 +271,7 @@ "description": "What’s your favorite command-line tool? In this post, Louis Lazaris shares a collection of relevant command-line apps and utilities that he has personally come across in the past few years. If there’s a useful one that hasn’t been mentioned and one you use regularly, please do share it in the comments.", "link": "https://smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/", "publishedOn": "2021-11-15T13:00:00.000Z", - "wordCount": 2151, + "wordCount": 2148, "title": "Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a2d3081a-5a36-4763-9b94-13bf7d1cb5d6/powerful-terminal-commandline-tools-modern-web-development.jpg", @@ -285,7 +285,7 @@ "description": "The React team introduced several hooks in React 16.8 which you can use from third-party providers in your application, or even create your own custom hook. In this tutorial, we’ll take a look at some of the most useful hooks in React and how to use them.", "link": "https://smashingmagazine.com/2021/11/useful-react-hooks/", "publishedOn": "2021-11-12T10:00:00.000Z", - "wordCount": 10272, + "wordCount": 10262, "title": "Useful React Hooks That You Can Use In Your Projects", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ad5f8d5b-6da6-4441-a6f7-466c79e7fb0d/useful-react-hooks.jpg", @@ -299,7 +299,7 @@ "description": "Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity won’t do. We’ll pursue greatness. And in that pursuit, we’ll cover research, decluttering, and data visualization.", "link": "https://smashingmagazine.com/2021/11/dashboard-design-research-decluttering-data-viz/", "publishedOn": "2021-11-11T14:00:00.000Z", - "wordCount": 4307, + "wordCount": 4301, "title": "From Good To Great In Dashboard Design: Research, Decluttering And Data Viz", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/835f0cba-e214-437a-a025-e69ba7691997/dashboard-design-research-decluttering-data-viz.jpg", @@ -313,7 +313,7 @@ "description": "Internationalized routing is not exactly a new feature on Next.js. In this article, we are not only checking what we get from this feature, but also how to leverage such functionalities to achieve the best user experience and a smooth developer experience as well.", "link": "https://smashingmagazine.com/2021/11/localizing-your-nextjs-app/", "publishedOn": "2021-11-09T13:00:00.000Z", - "wordCount": 1917, + "wordCount": 1933, "title": "Localizing Your Next.js App", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/12e7620f-0e7b-4b95-a1b6-cd2f25ccac52/localizing-your-nextjs-app.jpg", @@ -341,7 +341,7 @@ "description": "A great commerce experience is not a Lighthouse score or a set of Core Web Vitals figures (although both are important inputs), but it’s also a trilemma that carefully balances competing needs of delivering a great customer experience, dynamic storefront capabilities and long-term business objectives.", "link": "https://smashingmagazine.com/2021/11/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce/", "publishedOn": "2021-11-08T14:30:00.000Z", - "wordCount": 1529, + "wordCount": 1527, "title": "Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ee33395f-684a-40e5-bf72-56d9e9e4d975/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce.jpg", @@ -355,7 +355,7 @@ "description": "Concept testing ideas before moving into a detailed design is good UX practice. In this article, Victor Yocco presents details on how and when to engage in concept testing, as well as case studies providing details on the insights gained in two very different settings.", "link": "https://smashingmagazine.com/2021/11/concept-testing-part-of-product-design/", "publishedOn": "2021-11-05T11:00:00.000Z", - "wordCount": 6194, + "wordCount": 6207, "title": "The Value Of Concept Testing As Part Of Product Design", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ca39dbc3-101c-4973-9dce-debb1ab283ff/concept-testing-part-of-product-design.jpg", @@ -383,7 +383,7 @@ "description": "Within the last decade, technologies like GraphQL have changed how we build web apps and how they communicate with each other. GraphQL provides certain benefits over REST APIs — let’s find out what they are.", "link": "https://smashingmagazine.com/2021/11/graphql-frontend-react-apollo/", "publishedOn": "2021-11-04T11:30:00.000Z", - "wordCount": 3403, + "wordCount": 3401, "title": "GraphQL On The Front-End (React And Apollo)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bb584488-c16f-4409-a992-993ce92d4b51/graphql-frontend-react-apollo.jpg", @@ -411,7 +411,7 @@ "description": "This article sheds the spotlight on Magento PWAs and explains why business owners are getting them (often instead of native applications). Alex Husar introduces ways of how progressive web applications can be developed on Magento, as well as go over the major pros and cons of each development path.", "link": "https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/", "publishedOn": "2021-11-02T12:00:00.000Z", - "wordCount": 5959, + "wordCount": 5957, "title": "Creating A Magento PWA: Customizing Themes vs. Coding From Scratch", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/77155632-96bd-44a8-af99-50ebad7534e6/magento-pwa-customizing-themes-coding.jpg", @@ -425,27 +425,13 @@ "description": "November is just around the corner, and with it, a new collection of desktop wallpapers to celebrate the beginning of the month. Designed by creatives from all across the globe, they come in versions with and without a calendar. Let’s make November colorful!", "link": "https://smashingmagazine.com/2021/10/desktop-wallpaper-calendars-november-2021/", "publishedOn": "2021-10-31T08:20:00.000Z", - "wordCount": 2379, + "wordCount": 2376, "title": "A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7a2a341f-4f72-4716-91c6-ed6da6add2fd/nov-21-no-shave-november-preview-opt.png", "length": "0", "type": "image/png" } - }, - { - "id": "https://smashingmagazine.com/2021/10/resources-tools-turbocharge-copywriting-skills/", - "author": "hello@smashingmagazine.com (Freya Giles)", - "description": "Stop wasting time and effort writing copy that falls flat. Raise your copywriting game and boost your powers of persuasion with these rich and informative online resources.", - "link": "https://smashingmagazine.com/2021/10/resources-tools-turbocharge-copywriting-skills/", - "publishedOn": "2021-10-29T10:00:00.000Z", - "wordCount": 2507, - "title": "50 Resources And Tools To Turbocharge Your Copywriting Skills", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/376436ee-7e40-4d99-ad14-e934df9f92c9/resources-tools-turbocharge-copywriting-skills.jpg", - "length": "0", - "type": "image/jpg" - } } ] }, diff --git a/feed.atom b/feed.atom index 360b529..b5ed684 100644 --- a/feed.atom +++ b/feed.atom @@ -1,8 +1,8 @@ - urn:2021-11-27T00:41:17.239Z + urn:2021-11-28T00:44:01.729Z osmos::feed - 2021-11-27T00:41:17.239Z + 2021-11-28T00:44:01.729Z osmosfeed 1.11.3 @@ -490,14 +490,4 @@ The post What do you get for using a search input type? appeared first on CSS-Tr hello@smashingmagazine.com (Cosima Mielke) - - <![CDATA[50 Resources And Tools To Turbocharge Your Copywriting Skills]]> - https://smashingmagazine.com/2021/10/resources-tools-turbocharge-copywriting-skills/ - - 2021-10-29T10:00:00.000Z - - - hello@smashingmagazine.com (Freya Giles) - - \ No newline at end of file diff --git a/index.html b/index.html index 12ba23d..b24a5af 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@ When is it “Right” to Reach for contain and will-change in CSS?
- (3 min) + (4 min) I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change: .el { will-change: opacity; @@ -297,7 +297,7 @@ The post Control Layout in a Multi-Directional Website appeared first on CSS-Tri On User Tracking and Industry Standards on Privacy
- (7 min) + (8 min) Inspired by Eva PenzeyMoog’s new book, Jeremy highlights the widespread user tracking situation in this industry: There was a line that really stood out to me: The idea that it’s alright to do whatever unethical thing is currently the @@ -791,31 +791,9 @@ The post What do you get for using a search input type? appeared first on CSS-Tr -
-

- -