From 8799d8c19ecef1065529278e5a468736e4e03f6f Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Fri, 4 Jun 2021 01:29:49 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 212 +++++++++++++++++++---------------------- feed.atom | 205 +++++++++++++++++++-------------------- index.html | 275 +++++++++++++++++++++++++---------------------------- 3 files changed, 325 insertions(+), 367 deletions(-) diff --git a/cache.json b/cache.json index 3ddcd28..418a273 100644 --- a/cache.json +++ b/cache.json @@ -102,13 +102,31 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=341584", + "author": "Temani Afif", + "description": "A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping …\nThe post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/", + "publishedOn": "2021-06-03T14:25:57.000Z", + "wordCount": 4971, + "title": "Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries" + }, + { + "id": "https://css-tricks.com/?p=341494", + "author": "Chris Coyier", + "description": "DebugBear takes just a few seconds to start using. You literally point it at a URL you want to watch, and it’ll start watching it. You install nothing.\nIt’ll start running tests, and you’ve immediately got performance charts you can …\nThe post Monitoring Lighthouse Scores and Core Web Vitals with DebugBear appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/monitoring-lighthouse-scores-and-core-web-vitals-with-debugbear/", + "publishedOn": "2021-06-03T14:25:19.000Z", + "wordCount": 865, + "title": "Monitoring Lighthouse Scores and Core Web Vitals with DebugBear" + }, { "id": "https://css-tricks.com/?p=341724", "author": "Chris Coyier", "description": "How do I debug Safari on iOS?\nThese are my general steps, starting with not even using iOS Safari.\n1. Is this just a small-screen problem?\nLemme just use the device mode in Chrome quick.\nNote that this does a …\nThe post Debugging iOS Safari appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/debugging-ios-safari/", "publishedOn": "2021-06-02T21:15:28.000Z", - "wordCount": 974, + "wordCount": 1039, "title": "Debugging iOS Safari" }, { @@ -144,7 +162,7 @@ "description": "Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, …\nThe post Front-End Testing is For Everyone appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/front-end-testing-is-for-everyone/", "publishedOn": "2021-06-01T14:17:43.000Z", - "wordCount": 3993, + "wordCount": 4077, "title": "Front-End Testing is For Everyone" }, { @@ -162,7 +180,7 @@ "description": "Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion’s share of that work is falling to front-end devs:\nbuilding modern, accessible user interfaces\ncreating interactive elements and complex animations\nmanaging complex application state\n…\nThe post Serverless Functions: The Secret to Ultra-Productive Front-End Teams appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/serverless-functions-the-secret-to-ultra-productive-front-end-teams/", "publishedOn": "2021-05-31T17:16:22.000Z", - "wordCount": 1952, + "wordCount": 2069, "title": "Serverless Functions: The Secret to Ultra-Productive Front-End Teams" }, { @@ -207,7 +225,7 @@ "description": "Serverless architectures have brought engineering teams a great number of benefits. We get simpler deployments, automatic and infinite scale, better concurrency, and a stateless API surface. It’s hard to imagine going back to the world of managed services, broken local …\nThe post Rethinking Postgres in a Post-Server World appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/rethinking-postgres-in-a-post-server-world/", "publishedOn": "2021-05-27T14:23:23.000Z", - "wordCount": 2479, + "wordCount": 2494, "title": "Rethinking Postgres in a Post-Server World" }, { @@ -218,24 +236,6 @@ "publishedOn": "2021-05-26T17:56:34.000Z", "wordCount": 1389, "title": "Awesome Standalone (Web Components)" - }, - { - "id": "https://css-tricks.com/?p=340901", - "author": "Chris Coyier", - "description": "How we use Web Components at GitHub — Kristján Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it says here they released a component in 2014! Now they’ve got a \n…\nThe post Links on Web Components appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/links-on-web-components/", - "publishedOn": "2021-05-26T17:56:12.000Z", - "wordCount": 856, - "title": "Links on Web Components" - }, - { - "id": "https://css-tricks.com/?p=340705", - "author": "Andrei Pfeiffer", - "description": "Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more than 50 libraries out there, each of them offering a unique set of features.\nWe tested 10 different …\nThe post A Thorough Analysis of CSS-in-JS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/a-thorough-analysis-of-css-in-js/", - "publishedOn": "2021-05-26T14:08:49.000Z", - "wordCount": 4042, - "title": "A Thorough Analysis of CSS-in-JS" } ] }, @@ -244,6 +244,20 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/06/managing-shared-state-vue3/", + "author": "hello@smashingmagazine.com (Shawn Wildermuth)", + "description": "Writing large-scale Vue applications can be a challenge. In this article, Shawn Wildermuth dives into the pros and cons of approaches like factories, shared objects, and using Vuex. He also explains what is coming in Vuex 5.0 that might change how we all use shared state in Vue 3.", + "link": "https://smashingmagazine.com/2021/06/managing-shared-state-vue3/", + "publishedOn": "2021-06-03T10:30:00.000Z", + "wordCount": 3510, + "title": "Managing Shared State In Vue 3", + "enclosure": { + "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0a70815d-28e5-44af-8306-0e992e99593a/managing-shared-state-vue3.jpg", + "length": "0", + "type": "image/jpg" + } + }, { "id": "https://smashingmagazine.com/2021/06/how-to-fix-cumulative-layout-shift-issues/", "author": "hello@smashingmagazine.com (Barry Pollard)", @@ -264,7 +278,7 @@ "description": "Getting a good performance score from Google is hard for any website — but doing so for an online store is even harder. We achieved green scores — even several for mobile. Here is how we did it.", "link": "https://smashingmagazine.com/2021/06/front-end-performance-online-store-jewellerybox/", "publishedOn": "2021-06-02T10:30:00.000Z", - "wordCount": 5387, + "wordCount": 5384, "title": "Improving The Performance Of An Online Store (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8a350bf5-9114-420c-b587-fee03ea4acb6/jewellerybox-uk-online-store-scipioerp.jpg", @@ -306,7 +320,7 @@ "description": "What could be a better way to welcome June than with some colorful inspiration? Well, we might have something for you: wallpapers created with love by artists and designers from across the globe.", "link": "https://smashingmagazine.com/2021/05/desktop-wallpaper-calendars-june-2021/", "publishedOn": "2021-05-31T11:30:00.000Z", - "wordCount": 2484, + "wordCount": 2482, "title": "Happy June Vibes For Your Screen (2021 Desktop Wallpapers Edition)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/374464b5-093e-4ca2-9397-6f26c83756d4/june-20-summer-coziness-preview-opt.png", @@ -320,7 +334,7 @@ "description": "In this article, we’ll be re-using the foundational WYSIWYG Editor built in the first article to build a commenting system for a WYSIWYG Editor that enables users to select text inside a document and share their comments on it. Let’s dig in!", "link": "https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/", "publishedOn": "2021-05-28T11:00:00.000Z", - "wordCount": 10222, + "wordCount": 10175, "title": "Adding A Commenting System To A WYSIWYG Editor", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ec39e154-d3d3-4a12-91fd-f0c068cd5247/commenting-system-wysiwyg-editor.jpg", @@ -376,7 +390,7 @@ "description": "Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! This post will show the right tools for your daily work with Git.", "link": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/", "publishedOn": "2021-05-25T14:00:00.000Z", - "wordCount": 2079, + "wordCount": 2116, "title": "A Guide To Undoing Mistakes With Git (Part 2)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/211042ae-7a72-42ba-804e-9f8132815200/undoing-mistakes-git-part1.jpg", @@ -446,7 +460,7 @@ "description": "A step-by-step tutorial on adding authentication and authorization to your Next.js apps, with Auth0. We’ll be using a Next.js SDK to connect our application to the Auth0 API and will create the dynamic API route for React.", "link": "https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/", "publishedOn": "2021-05-20T11:00:00.000Z", - "wordCount": 1958, + "wordCount": 1970, "title": "How To Implement Authentication In Next.js With Auth0", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3e905cbf-b17b-47da-aec4-15c9701bf4bf/implement-authentication-nextjs-auth0.jpg", @@ -502,7 +516,7 @@ "description": "Google’s “Page Experience Update” will start rolling out in June. At first, sites that meet Core Web Vitals thresholds will have a minor ranking advantage in mobile search for all browsers. Search is important to any business, and this is the story of how Beau Hartshorne and his team at Instant Domain Search improved their Core Web Vitals scores.", "link": "https://smashingmagazine.com/2021/05/core-web-vitals-case-study/", "publishedOn": "2021-05-17T11:30:00.000Z", - "wordCount": 2957, + "wordCount": 2953, "title": "How We Improved Our Core Web Vitals (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b68aa1ba-94b7-4e70-83e5-5f58b37bf7cd/core-web-vitals-case-study.jpg", @@ -586,7 +600,7 @@ "description": "Want to get started with React but struggling to find a good place to start? This article should have you covered. We’ll focus on some of the main concepts of React and then we’ll be building a game from scratch!", "link": "https://smashingmagazine.com/2021/05/get-started-whac-a-mole-react-game/", "publishedOn": "2021-05-10T11:00:00.000Z", - "wordCount": 6349, + "wordCount": 6352, "title": "Get Started With React By Building A Whac-A-Mole Game", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7a9db037-1a8d-42ad-b0c3-1c885e456693/get-started-whac-a-mole-react-game.jpg", @@ -600,7 +614,7 @@ "description": "How do you organize your Google Drive assets? How do you name your Dropbox Paper documents? How do you deal with comments? Let’s get it right.", "link": "https://smashingmagazine.com/2021/05/product-records-organization-collaboration-best-practices/", "publishedOn": "2021-05-07T10:00:00.000Z", - "wordCount": 4174, + "wordCount": 4164, "title": "How To Organize Product-Related Assets And Collaborate Better", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2bd6b075-9b54-4fa6-a709-1a8248435c17/product-records-organization-collaboration.jpg", @@ -614,41 +628,13 @@ "description": "When dealing with themes for large platforms and CMS, legacy issues often become a bottleneck. In this article, Carson Shold discusses how his team improved the performance and organization of their Shopify themes, and improved maintainability along the way.", "link": "https://smashingmagazine.com/2021/05/improving-performance-shopify-themes-case-study/", "publishedOn": "2021-05-06T11:00:00.000Z", - "wordCount": 2659, + "wordCount": 2662, "title": "Improving The Performance Of Shopify Themes (Case Study)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2286332a-4912-4fb0-9578-530f44f905ed/improving-performance-shopify-themes-case-study.jpg", "length": "0", "type": "image/jpg" } - }, - { - "id": "https://smashingmagazine.com/2021/05/reduce-data-sent-client-nextjs/", - "author": "hello@smashingmagazine.com (Liran Cohen)", - "description": "This article showcases a case study of Bookaway’s landing page performance. We’ll see how taking care of the props we send to Next.js pages can make loading times and Web Vitals better.", - "link": "https://smashingmagazine.com/2021/05/reduce-data-sent-client-nextjs/", - "publishedOn": "2021-05-05T10:30:00.000Z", - "wordCount": 2333, - "title": "Reducing HTML Payload With Next.js (Case Study)", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0019f4c3-ebdd-4b09-9f45-47173587307b/reduce-data-sent-client-nextjs.jpg", - "length": "0", - "type": "image/jpg" - } - }, - { - "id": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/", - "author": "hello@smashingmagazine.com (Tobias Günther)", - "description": "No matter how experienced you are, mistakes are an inevitable part of software development. But we can learn to repair them! And this is what we'll be looking at in this two-part series: how to undo mistakes using Git.", - "link": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/", - "publishedOn": "2021-05-04T14:30:00.000Z", - "wordCount": 1840, - "title": "A Guide To Undoing Mistakes With Git (Part 1)", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/211042ae-7a72-42ba-804e-9f8132815200/undoing-mistakes-git-part1.jpg", - "length": "0", - "type": "image/jpg" - } } ] }, @@ -657,6 +643,60 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "60b11ff811ffb70827ef8f94", + "author": null, + "description": "Let’s say you plan to build a website. Before you start, you want to set up a few tools to make your life easier. But which tools should you have? The JavaScript ecosystem is changing so fast that it can be overwhelming to pick the best tools to use.", + "link": "https://www.freecodecamp.org/news/how-to-set-up-a-front-end-development-project/", + "publishedOn": "2021-06-03T21:44:03.000Z", + "wordCount": 3978, + "title": "JavaScript Tutorial – How to Set Up a Front End Development Project" + }, + { + "id": "60afd68611ffb70827ef86d8", + "author": null, + "description": "Schofield's Laws of Computing are principles that anyone who works with computers should know. They're focused on data portability, integrity, and security. Jack Schofield was a British journalist who wrote for The Guardian. During that time, he wrote three particular articles called \"Schofield's Laws of Computing\". Jack didn't create these", + "link": "https://www.freecodecamp.org/news/schofields-laws-of-computing/", + "publishedOn": "2021-06-03T18:46:12.000Z", + "wordCount": 1588, + "title": "Schofield's Laws of Computing – What they Are and Why You Should Know Them" + }, + { + "id": "60b7c02cacb62507dd1d7b80", + "author": null, + "description": "Let’s suppose you’re planning to visit your neighborhood store to stock up on essentials. What is the first thing you’d do? Have the answer already? Yes, you'd probably write down a shopping list! Python also has a built-in data structure called List that’s very similar to", + "link": "https://www.freecodecamp.org/news/lists-in-python-comprehensive-guide/", + "publishedOn": "2021-06-03T18:42:20.000Z", + "wordCount": 1748, + "title": "Lists in Python – A Comprehensive Guide" + }, + { + "id": "60affbe411ffb70827ef8951", + "author": null, + "description": "A Hackintosh is a non-Mac computer system, made with PC parts, that runs the macOS operating system. In this tutorial, you will learn how to create a Hackintosh. You will learn how to install macOS Big Sur (or any other version of macOS) using OpenCore. The main benefit of a", + "link": "https://www.freecodecamp.org/news/build-a-hackintosh/", + "publishedOn": "2021-06-03T18:07:17.000Z", + "wordCount": 2708, + "title": "How to Build a Hackintosh - Install MacOS Big Sur on a PC Using OpenCore" + }, + { + "id": "60aa708711ffb70827ef5f4b", + "author": null, + "description": "If you're new to cloud technologies, you might be confused about the difference between serverless technologies and managed services. So in this article you'll learn what these terms mean and what the main differences are. What Are Managed Services? A managed service let the end-user focus on using a service", + "link": "https://www.freecodecamp.org/news/serverless-fully-managed-service-difference/", + "publishedOn": "2021-06-03T16:51:37.000Z", + "wordCount": 1453, + "title": "Serverless vs Fully Managed Services: What's the Difference?" + }, + { + "id": "5fff3d3098be260817e495bd", + "author": null, + "description": "Cryptography is the science of using codes and ciphers to protect messages. And encryption involves encoding messages so that only the intended recipient can understand the meaning of the message. It's often used to protect data in transit. Encryption is a two way function – that is, you need to be", + "link": "https://www.freecodecamp.org/news/what-is-a-block-cipher/", + "publishedOn": "2021-06-03T16:21:19.000Z", + "wordCount": 2747, + "title": "Cipher Definition – What is a Block Cipher and How Does it Work to Protect Your Data?" + }, { "id": "60afce3011ffb70827ef869c", "author": null, @@ -692,60 +732,6 @@ "publishedOn": "2021-06-02T20:44:22.000Z", "wordCount": 3441, "title": "Vimrc Configuration Guide - How to Customize Your Vim Code Editor with Mappings, Vimscript, Status Line, and More" - }, - { - "id": "60b0f11411ffb70827ef8dbc", - "author": null, - "description": "Often times you might want your system to communicate with other web servers to get information. For example, let's say a new user wants to sign up for an account on your website. And instead of having to manually fill out a form to send their information to your system,", - "link": "https://www.freecodecamp.org/news/how-to-make-api-calls-with-fetch/", - "publishedOn": "2021-06-02T19:39:05.000Z", - "wordCount": 1155, - "title": "Fetch API – How to Make a GET Request and POST Request in JavaScript" - }, - { - "id": "60b4ff4711ffb70827ef9eb2", - "author": null, - "description": "What is Vue.js? Vue.js is a progressive JavaScript frontend framework written by Evan You. It's one of the most powerful and easy to learn frameworks, and it has over 9.5 million downloads per month. In September 2020, Vue 3 core was released. The new Vue.js release", - "link": "https://www.freecodecamp.org/news/migrate-from-vue2-to-vue3-with-example-project/", - "publishedOn": "2021-06-02T19:14:53.000Z", - "wordCount": 2649, - "title": "How to Migrate from Vue v.2 to Vue v.3 with a Simple Example Project" - }, - { - "id": "60b51f6e11ffb70827ef9f7c", - "author": null, - "description": "Today we're going to build and run an ice cream shop and learn asynchronous JavaScript at the same time. Along the way, you'll learn how to use: CallbacksPromisesAsync / AwaitHere's what we'll cover in this article:What is Asynchronous JavaScript?Synchronous vs Asynchronous JavaScriptHow Callbacks Work in JavaScriptHow Promises Work in", - "link": "https://www.freecodecamp.org/news/javascript-async-await-tutorial-learn-callbacks-promises-async-await-by-making-icecream/", - "publishedOn": "2021-06-02T14:45:18.000Z", - "wordCount": 3302, - "title": "JavaScript Async/Await Tutorial – Learn Callbacks, Promises, and Async/Await in JS by Making Ice Cream 🍧🍨🍦" - }, - { - "id": "60b5025111ffb70827ef9ebe", - "author": null, - "description": "Let's build an AI model that speaks just like your favorite character and deploy that model as a Discord chatbot. All the coding and deployment happen in the cloud (for free!), so you don't even need a local IDE to follow along.", - "link": "https://www.freecodecamp.org/news/discord-ai-chatbot/", - "publishedOn": "2021-06-01T23:47:33.000Z", - "wordCount": 1861, - "title": "How to Build a Discord AI Chatbot that Talks Like Your Favorite Character" - }, - { - "id": "60b1eed311ffb70827ef9504", - "author": null, - "description": "A Pandas dataframe is a two dimensional data structure which allows you to store data in rows and columns. It's very useful when you're analyzing data. When you have a list of data records in a dataframe, you may need to drop a specific list of rows depending on the", - "link": "https://www.freecodecamp.org/news/drop-list-of-rows-from-pandas-dataframe/", - "publishedOn": "2021-06-01T20:47:43.000Z", - "wordCount": 1416, - "title": "Data Analytics with Pandas – How to Drop a List of Rows from a Pandas Dataframe" - }, - { - "id": "60b668c0acb62507dd1d710b", - "author": null, - "description": "Next.js makes developing React applications simpler. It provides a common structure that allows you to build frontend React applications, and transparently handles server-side rendering for you. We just released a full course on the freeCodeCamp.org YouTube channel that will teach you the basics of Next.js. Kapehe developed", - "link": "https://www.freecodecamp.org/news/learn-next-js/", - "publishedOn": "2021-06-01T17:43:56.000Z", - "wordCount": 407, - "title": "Learn Next.js and Make React Development Simpler" } ] } diff --git a/feed.atom b/feed.atom index d647558..492d390 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,105 @@ - urn:2021-06-03T01:47:41.788Z + urn:2021-06-04T01:29:49.404Z osmos::feed - 2021-06-03T01:47:41.788Z + 2021-06-04T01:29:49.404Z osmosfeed 1.10.2 + + <![CDATA[JavaScript Tutorial – How to Set Up a Front End Development Project]]> + 60b11ff811ffb70827ef8f94 + + 2021-06-03T21:44:03.000Z + + + freeCodeCamp.org + + + + <![CDATA[Schofield's Laws of Computing – What they Are and Why You Should Know Them]]> + 60afd68611ffb70827ef86d8 + + 2021-06-03T18:46:12.000Z + + + freeCodeCamp.org + + + + <![CDATA[Lists in Python – A Comprehensive Guide]]> + 60b7c02cacb62507dd1d7b80 + + 2021-06-03T18:42:20.000Z + + + freeCodeCamp.org + + + + <![CDATA[How to Build a Hackintosh - Install MacOS Big Sur on a PC Using OpenCore]]> + 60affbe411ffb70827ef8951 + + 2021-06-03T18:07:17.000Z + + + freeCodeCamp.org + + + + <![CDATA[Serverless vs Fully Managed Services: What's the Difference?]]> + 60aa708711ffb70827ef5f4b + + 2021-06-03T16:51:37.000Z + + + freeCodeCamp.org + + + + <![CDATA[Cipher Definition – What is a Block Cipher and How Does it Work to Protect Your Data?]]> + 5fff3d3098be260817e495bd + + 2021-06-03T16:21:19.000Z + + + freeCodeCamp.org + + + + <![CDATA[Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries]]> + https://css-tricks.com/?p=341584 + + 2021-06-03T14:25:57.000Z + + + Temani Afif + + + + <![CDATA[Monitoring Lighthouse Scores and Core Web Vitals with DebugBear]]> + https://css-tricks.com/?p=341494 + + 2021-06-03T14:25:19.000Z + + + Chris Coyier + + + + <![CDATA[Managing Shared State In Vue 3]]> + https://smashingmagazine.com/2021/06/managing-shared-state-vue3/ + + 2021-06-03T10:30:00.000Z + + + hello@smashingmagazine.com (Shawn Wildermuth) + + <![CDATA[What is Commit Signing in Git?]]> 60afce3011ffb70827ef869c @@ -61,36 +156,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]> freeCodeCamp.org - - <![CDATA[Fetch API – How to Make a GET Request and POST Request in JavaScript]]> - 60b0f11411ffb70827ef8dbc - - 2021-06-02T19:39:05.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Migrate from Vue v.2 to Vue v.3 with a Simple Example Project]]> - 60b4ff4711ffb70827ef9eb2 - - 2021-06-02T19:14:53.000Z - - - freeCodeCamp.org - - - - <![CDATA[JavaScript Async/Await Tutorial – Learn Callbacks, Promises, and Async/Await in JS by Making Ice Cream 🍧🍨🍦]]> - 60b51f6e11ffb70827ef9f7c - - 2021-06-02T14:45:18.000Z - - - freeCodeCamp.org - - <![CDATA[A Crash Course in WordPress Block Filters]]> https://css-tricks.com/?p=341442 @@ -135,16 +200,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]> hello@smashingmagazine.com (Jennifer Brehm) - - <![CDATA[How to Build a Discord AI Chatbot that Talks Like Your Favorite Character]]> - 60b5025111ffb70827ef9ebe - - 2021-06-01T23:47:33.000Z - - - freeCodeCamp.org - - <![CDATA[Code blocks, but better]]> https://css-tricks.com/?p=341720 @@ -157,26 +212,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]> Chris Coyier - - <![CDATA[Data Analytics with Pandas – How to Drop a List of Rows from a Pandas Dataframe]]> - 60b1eed311ffb70827ef9504 - - 2021-06-01T20:47:43.000Z - - - freeCodeCamp.org - - - - <![CDATA[Learn Next.js and Make React Development Simpler]]> - 60b668c0acb62507dd1d710b - - 2021-06-01T17:43:56.000Z - - - freeCodeCamp.org - - <![CDATA[Front-End Testing is For Everyone]]> https://css-tricks.com/?p=341342 @@ -362,32 +397,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]> Chris Coyier - - <![CDATA[Links on Web Components]]> - https://css-tricks.com/?p=340901 - - 2021-05-26T17:56:12.000Z - component in 2014! Now they’ve got a -… -The post Links on Web Components appeared first on CSS-Tricks. -You can support CSS-Tricks by being an MVP Supporter.]]> - - Chris Coyier - - - - <![CDATA[A Thorough Analysis of CSS-in-JS]]> - https://css-tricks.com/?p=340705 - - 2021-05-26T14:08:49.000Z - - - Andrei Pfeiffer - - <![CDATA[Accessible SVGs: Perfect Patterns For Screen Reader Users]]> https://smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/ @@ -689,24 +698,4 @@ Chore: Excluded testing files from repo.]]> hello@smashingmagazine.com (Carson Shold) - - <![CDATA[Reducing HTML Payload With Next.js (Case Study)]]> - https://smashingmagazine.com/2021/05/reduce-data-sent-client-nextjs/ - - 2021-05-05T10:30:00.000Z - - - hello@smashingmagazine.com (Liran Cohen) - - - - <![CDATA[A Guide To Undoing Mistakes With Git (Part 1)]]> - https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/ - - 2021-05-04T14:30:00.000Z - - - hello@smashingmagazine.com (Tobias Günther) - - \ No newline at end of file diff --git a/index.html b/index.html index 9887d7b..cb925c6 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,133 @@ +
+

+ +

  • @@ -205,7 +299,7 @@ You can support CSS-Tricks by being an MVP Supporter. Front-End Testing is For Everyone
    - (13 min) + (14 min) Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, … The post Front-End Testing is For Everyone appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. @@ -245,45 +339,6 @@ You can support CSS-Tricks by being an MVP Supporter.
    • -
  • -
    -

    freeCodeCamp.org

    -
    - - - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -509,34 +564,6 @@ You can support CSS-Tricks by being an MVP Supporter. (5 min) In his last An Event Apart talk, Dave made a point that it’s really only just about right now that Web Components are becoming a practical choice for production web development. For example, it has only been about a year … The post Awesome Standalone (Web Components) appeared first on CSS-Tricks. -You can support CSS-Tricks by being an MVP Supporter. - - - - - -
    -
    - A Thorough Analysis of CSS-in-JS - -
    - (13 min) - Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more than 50 libraries out there, each of them offering a unique set of features. -We tested 10 different … -The post A Thorough Analysis of CSS-in-JS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
    @@ -1075,53 +1102,9 @@ Chore: Excluded testing files from repo.
    • -
    -

    - -
    -
    -

    - -