From fe8f20ce5aecbd152f49056e47eb4ffd9bc81588 Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Sat, 29 May 2021 01:21:21 +0000 Subject: [PATCH] deploy: 1f5684a2ae67184fc44cacebc2a14d1ec87ed0f6 --- cache.json | 146 ++++++++++++++++++---------------------- feed.atom | 120 +++++++++++++++------------------ index.html | 192 ++++++++++++++++++++++++----------------------------- 3 files changed, 206 insertions(+), 252 deletions(-) diff --git a/cache.json b/cache.json index ea496ea..b9b9a94 100644 --- a/cache.json +++ b/cache.json @@ -102,13 +102,22 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=341163", + "author": "Thomas Park", + "description": "Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A website might change the favicon to match the content being viewed. Or a site …\nThe post Dynamic Favicons for WordPress appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/dynamic-favicons-for-wordpress/", + "publishedOn": "2021-05-28T14:36:47.000Z", + "wordCount": 1844, + "title": "Dynamic Favicons for WordPress" + }, { "id": "https://css-tricks.com/?p=341298", "author": "Chris Coyier", "description": "It’s very popular to put a $ on lines that are intended to be a command in code documentation that involves the terminal (i.e. the command line).\nLike this:\n$ brew install somepackage\nThe point of that is that it …\nThe post To $ or Not to $: Displaying Terminal Code Snippets appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/to-or-not-to-displaying-terminal-code-snippets/", "publishedOn": "2021-05-27T18:22:11.000Z", - "wordCount": 1049, + "wordCount": 1288, "title": "To $ or Not to $: Displaying Terminal Code Snippets" }, { @@ -117,7 +126,7 @@ "description": "Most images on the web are superfluous. If I might be a jerk for a bit, 99% of them aren’t even that helpful at all (although there are rare exceptions). That’s because images don’t often complement the text they’re …\nThe post How to Show Images on Click appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/how-to-show-images-on-click/", "publishedOn": "2021-05-27T14:25:29.000Z", - "wordCount": 1421, + "wordCount": 1491, "title": "How to Show Images on Click" }, { @@ -126,7 +135,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": 2327, + "wordCount": 2452, "title": "Rethinking Postgres in a Post-Server World" }, { @@ -144,7 +153,7 @@ "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": 747, + "wordCount": 862, "title": "Links on Web Components" }, { @@ -162,7 +171,7 @@ "description": "I fell in love with coding the moment I created my first CSS :hover effect. Years later, that initial bite into interactivity on the web led me to a new goal: making a game.\nTable of contents\nWhat’s the game \n…\nThe post What I Learned Building a Word Game App With Nuxt on Google Play appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/what-i-learned-building-a-word-game-app-with-nuxt-on-google-play/", "publishedOn": "2021-05-25T14:25:06.000Z", - "wordCount": 7561, + "wordCount": 7589, "title": "What I Learned Building a Word Game App With Nuxt on Google Play" }, { @@ -227,15 +236,6 @@ "publishedOn": "2021-05-21T14:29:16.000Z", "wordCount": 295, "title": "CSS Hell" - }, - { - "id": "https://css-tricks.com/?p=340599", - "author": "Chris Coyier", - "description": "Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom properties are quite liberal! So this looks for a CSS rule (e.g. a …\nThe post JSON in CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/json-in-css/", - "publishedOn": "2021-05-20T22:29:53.000Z", - "wordCount": 1092, - "title": "JSON in CSS" } ] }, @@ -244,13 +244,27 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/", + "author": "hello@smashingmagazine.com (Shalabh Vyas)", + "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": 10214, + "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", + "length": "0", + "type": "image/jpg" + } + }, { "id": "https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/", "author": "hello@smashingmagazine.com (Cosima Mielke)", "description": "Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. With auto log messages, auto code formatting, file utils, file labels, code snippets, highlight brackets, tags, indents and workspaces, onboarding and remote SSH.", "link": "https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/", "publishedOn": "2021-05-27T13:30:00.000Z", - "wordCount": 3747, + "wordCount": 3735, "title": "Useful VS Code Extensions For Front-End Developers", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2c5dbb73-94e1-486f-9daa-351699faaa2d/peacock-extension.png", @@ -292,7 +306,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": 2116, + "wordCount": 2126, "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", @@ -334,8 +348,8 @@ "description": "Let’s build a rich text, WYSIWYG-editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations.", "link": "https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/", "publishedOn": "2021-05-21T11:30:00.000Z", - "wordCount": 9435, - "title": "Building A Rich Text Editor (WYSIWYG) From Scratch", + "wordCount": 9441, + "title": "Building A Rich Text Editor (WYSIWYG)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bafdd817-038e-4e70-a830-de0f5da659c4/building-wysiwyg-editor-javascript-slatejs.jpg", "length": "0", @@ -362,7 +376,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": 1919, + "wordCount": 1961, "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", @@ -418,7 +432,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": 2906, + "wordCount": 2945, "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", @@ -502,7 +516,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": 6352, + "wordCount": 6355, "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", @@ -516,7 +530,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": 4178, + "wordCount": 4174, "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", @@ -544,7 +558,7 @@ "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": 2341, + "wordCount": 2338, "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", @@ -558,7 +572,7 @@ "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": 1834, + "wordCount": 1837, "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", @@ -600,41 +614,13 @@ "description": "Do you need a little inspiration boost? Well, then our new collection of wallpapers is for you. Designed with love by the community for the community, the wallpapers are available with and without a calendar for May 2021.", "link": "https://smashingmagazine.com/2021/04/desktop-wallpaper-calendars-may-2021/", "publishedOn": "2021-04-30T09:00:00.000Z", - "wordCount": 2190, + "wordCount": 2178, "title": "May Is In The Air (2021 Wallpapers Edition)", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1608f515-bf92-4faa-b3e5-1090f1a22696/may-21-from-nope-to-hope-preview-opt.png", "length": "0", "type": "image/png" } - }, - { - "id": "https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/", - "author": "hello@smashingmagazine.com (Addy Osmani)", - "description": "Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from [Addy's new book](https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/) (also, check a [free PDF preview](http://provide.smashingmagazine.com/eBooks/image-optimization-sample-chapter.pdf)).", - "link": "https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/", - "publishedOn": "2021-04-29T12:15:00.000Z", - "wordCount": 5370, - "title": "The Humble `` Element And Core Web Vitals", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a7ec5e4a-099e-4a1a-a1a3-b7545835520f/26-humble-img-element-and-core-web-vitals.png", - "length": "0", - "type": "image/png" - } - }, - { - "id": "https://smashingmagazine.com/2021/04/image-optimization-pre-release/", - "author": "hello@smashingmagazine.com (Vitaly Friedman)", - "description": "The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.", - "link": "https://smashingmagazine.com/2021/04/image-optimization-pre-release/", - "publishedOn": "2021-04-28T13:20:00.000Z", - "wordCount": 2130, - "title": "Meet Image Optimization, A New Smashing Book By Addy Osmani", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b41ae541-7618-44f2-81cd-cc681c64d0d0/image-optimization-header.png", - "length": "0", - "type": "image/png" - } } ] }, @@ -643,6 +629,33 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "60acf28e11ffb70827ef6dd9", + "author": null, + "description": "Hey everyone, my name is Santosh. In this article, I will tell you how I ramped up my career and ended up making $100,000 a year as a developer. I'll share what I learned from each job along the way, how you can stand out, tips for negotiating salary,", + "link": "https://www.freecodecamp.org/news/my-developer-journey-how-i-went-from-1000-a-year-to-100000-as-a-dev/", + "publishedOn": "2021-05-28T22:58:18.000Z", + "wordCount": 2775, + "title": "My Developer Journey – How I Went from Making $1,000 to $100,000 a Year" + }, + { + "id": "60b08d8811ffb70827ef8c7b", + "author": null, + "description": "If you've been following the news lately, you may have noticed a worrisome tech trend. The frequency and severity of cybersecurity attacks are exploding. We've seen news of a sprawling hack involving the SolarWinds management platform. That attack may have compromised the systems of over 18,000 SolarWinds customers. Then,", + "link": "https://www.freecodecamp.org/news/how-to-secure-your-android-app/", + "publishedOn": "2021-05-28T16:01:05.000Z", + "wordCount": 1568, + "title": "How to Secure Your Android App – Four Security Best Practices Every Android Dev Should Know" + }, + { + "id": "60b0de2211ffb70827ef8d7c", + "author": null, + "description": "More and more applications are using computer vision these days. We just published a full course on the freeCodeCamp.org YouTube channel that will help you learn advanced computer vision using Python. You will learn state of the art computer vision techniques by building five projects with libraries such as", + "link": "https://www.freecodecamp.org/news/advanced-computer-vision-with-python/", + "publishedOn": "2021-05-28T12:26:38.000Z", + "wordCount": 368, + "title": "Advanced Computer Vision with Python" + }, { "id": "60af931811ffb70827ef85d3", "author": null, @@ -705,33 +718,6 @@ "publishedOn": "2021-05-26T14:12:27.000Z", "wordCount": 1273, "title": "How to Build Super Mario Bros, Zelda, and Space Invaders with Kaboom.js" - }, - { - "id": "60ac3a2711ffb70827ef6aec", - "author": null, - "description": "Walkthrough for Hack The Box Valentine machine", - "link": "https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-valentine/", - "publishedOn": "2021-05-25T22:43:11.000Z", - "wordCount": 1664, - "title": "Keep Calm and Hack The Box – Valentine" - }, - { - "id": "60a93b0011ffb70827ef5b0d", - "author": null, - "description": "In HTML, it’s the default behavior for forms to redirect to a new page whenever they're submitted. So in order to provide dynamic functionality, React uses a strategy called controlled components. If you have recently gone through a React course, you probably didn't like this part, because there are", - "link": "https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/", - "publishedOn": "2021-05-25T20:26:38.000Z", - "wordCount": 1748, - "title": "Chakra UI and React-Hook-Form –How to Build Beautiful Forms" - }, - { - "id": "608706aedd38b9088c2c012c", - "author": null, - "description": "If you're a beginner developer, it can be difficult to find ways to use your limited knowledge to support yourself. And at the same time, you won't be able to hone your skills if you aren't using them full time. It's a precarious spot that I remember being in when", - "link": "https://www.freecodecamp.org/news/web-design-best-practices-for-new-developers/", - "publishedOn": "2021-05-25T16:51:37.000Z", - "wordCount": 1940, - "title": "How to Create Portfolio-Worthy Work – Web Design Best Practices for New Developers" } ] } diff --git a/feed.atom b/feed.atom index 2184467..0344de5 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,62 @@ - urn:2021-05-28T01:08:32.212Z + urn:2021-05-29T01:21:21.514Z osmos::feed - 2021-05-28T01:08:32.212Z + 2021-05-29T01:21:21.514Z osmosfeed 1.9.0 + + <![CDATA[My Developer Journey – How I Went from Making $1,000 to $100,000 a Year]]> + 60acf28e11ffb70827ef6dd9 + + 2021-05-28T22:58:18.000Z + + + freeCodeCamp.org + + + + <![CDATA[How to Secure Your Android App – Four Security Best Practices Every Android Dev Should Know]]> + 60b08d8811ffb70827ef8c7b + + 2021-05-28T16:01:05.000Z + + + freeCodeCamp.org + + + + <![CDATA[Dynamic Favicons for WordPress]]> + https://css-tricks.com/?p=341163 + + 2021-05-28T14:36:47.000Z + + + Thomas Park + + + + <![CDATA[Advanced Computer Vision with Python]]> + 60b0de2211ffb70827ef8d7c + + 2021-05-28T12:26:38.000Z + + + freeCodeCamp.org + + + + <![CDATA[Adding A Commenting System To A WYSIWYG Editor]]> + https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/ + + 2021-05-28T11:00:00.000Z + + + hello@smashingmagazine.com (Shalabh Vyas) + + <![CDATA[To $ or Not to $: Displaying Terminal Code Snippets]]> https://css-tricks.com/?p=341298 @@ -199,36 +251,6 @@ Thank you @Zenigata]]> Release notes from osmosfeed - - <![CDATA[Keep Calm and Hack The Box – Valentine]]> - 60ac3a2711ffb70827ef6aec - - 2021-05-25T22:43:11.000Z - - - freeCodeCamp.org - - - - <![CDATA[Chakra UI and React-Hook-Form –How to Build Beautiful Forms]]> - 60a93b0011ffb70827ef5b0d - - 2021-05-25T20:26:38.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Create Portfolio-Worthy Work – Web Design Best Practices for New Developers]]> - 608706aedd38b9088c2c012c - - 2021-05-25T16:51:37.000Z - - - freeCodeCamp.org - - <![CDATA[What I Learned Building a Word Game App With Nuxt on Google Play]]> https://css-tricks.com/?p=340759 @@ -387,7 +409,7 @@ You can support CSS-Tricks by being an MVP Supporter.]]> - <![CDATA[Building A Rich Text Editor (WYSIWYG) From Scratch]]> + <![CDATA[Building A Rich Text Editor (WYSIWYG)]]> https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/ 2021-05-21T11:30:00.000Z @@ -396,18 +418,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]> hello@smashingmagazine.com (Shalabh Vyas) - - <![CDATA[JSON in CSS]]> - https://css-tricks.com/?p=340599 - - 2021-05-20T22:29:53.000Z - - - Chris Coyier - - <![CDATA[Boost Your Skills Online: Smashing Workshops On Front-End And Design]]> https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/ @@ -684,24 +694,4 @@ Thank you: @dym-sh, @tabokie, @cheese1]]> hello@smashingmagazine.com (Cosima Mielke) - - <![CDATA[The Humble `<img>` Element And Core Web Vitals]]> - https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/ - - 2021-04-29T12:15:00.000Z - - - hello@smashingmagazine.com (Addy Osmani) - - - - <![CDATA[Meet Image Optimization, A New Smashing Book By Addy Osmani]]> - https://smashingmagazine.com/2021/04/image-optimization-pre-release/ - - 2021-04-28T13:20:00.000Z - - - hello@smashingmagazine.com (Vitaly Friedman) - - \ No newline at end of file diff --git a/index.html b/index.html index 171d599..a03ca90 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,86 @@ +
+

+ +

-
  • -
    -

    freeCodeCamp.org

    -
    - - - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -547,7 +588,7 @@ You can support CSS-Tricks by being an MVP Supporter.
    - Building A Rich Text Editor (WYSIWYG) From Scratch + Building A Rich Text Editor (WYSIWYG)
    (31 min) @@ -563,25 +604,6 @@ You can support CSS-Tricks by being an MVP Supporter.

    -
    -

    - -
    -
    -

    - -