diff --git a/cache.json b/cache.json index 533ab12..149f0c4 100644 --- a/cache.json +++ b/cache.json @@ -21,13 +21,40 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=344024", + "author": "Chris Coyier", + "description": "Wes has a heck of a set of “notes” for learning JavaScript. It’s organized like a curriculum, meaning if you teach JavaScript, you could do a lot worse. It’s actually more like 85 really fleshed-out blog posts organized into sections …\nThe post Beginner JavaScript Notes appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://wesbos.com/javascript", + "publishedOn": "2021-07-08T22:25:22.000Z", + "wordCount": 700, + "title": "Beginner JavaScript Notes" + }, + { + "id": "https://css-tricks.com/?p=343623", + "author": "Amit Sheen", + "description": "The wonderful company I work for, Payoneer, has a new logo, and my job was to recreate it and animate it for a loader component in our app. I’ll explain exactly how I did it, share the problems I …\nThe post My Struggle to Use and Animate a Conic Gradient in SVG appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/my-struggle-to-use-and-animate-a-conic-gradient-in-svg/", + "publishedOn": "2021-07-08T14:35:38.000Z", + "wordCount": 1712, + "title": "My Struggle to Use and Animate a Conic Gradient in SVG" + }, + { + "id": "https://css-tricks.com/?p=343574", + "author": "Fortune Ikechi", + "description": "Command line tools are one of the most popular applications we have today. We use command line tools every day, and they range from git, npm or yarn. Command line tools are very fast and useful for automating applications and …\nThe post Building a Command Line Tool with Nodejs and Fauna appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/building-a-command-line-tool-with-nodejs-and-fauna/", + "publishedOn": "2021-07-08T14:35:09.000Z", + "wordCount": 1131, + "title": "Building a Command Line Tool with Nodejs and Fauna" + }, { "id": "https://css-tricks.com/?p=343495", "author": "Chris Coyier", "description": "Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you’re using a JavaScript framework (and you are), but the output is a zero-JavaScript static site. …\nThe post A Look at Building with Astro appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/a-look-at-building-with-astro/", "publishedOn": "2021-07-07T21:06:35.000Z", - "wordCount": 2391, + "wordCount": 2622, "title": "A Look at Building with Astro" }, { @@ -36,7 +63,7 @@ "description": "There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t have to do weird stuff, like this example from Manuel…\nThe post The Web’s Worst Default appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/the-webs-worst-default/", "publishedOn": "2021-07-07T14:30:34.000Z", - "wordCount": 1322, + "wordCount": 1562, "title": "The Web’s Worst Default" }, { @@ -45,7 +72,7 @@ "description": "I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:\nIt’s a one-liner that toggles the class on the so you can mock up different states and toggle between them on click.\n:has, A Native CSS Parent Selector (And More)", - "enclosure": { - "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/89aef48d-9be9-45df-a7f4-775168deb8dd/has-native-css-parent-selector.jpg", - "length": "0", - "type": "image/jpg" - } } ] }, @@ -562,10 +562,37 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "60e59724134ad707be00e5d1", + "author": null, + "description": "This post will show you how to build the Feature Toggle mechanism in your Next.JS application. We are going to use Next.JS, React, and TypeScript. We will deploy our application to Vercel to demonstrate the real-life example. You can find the code and video in the summary at", + "link": "https://www.freecodecamp.org/news/how-to-use-feature-toggles-in-next-js-and-react/", + "publishedOn": "2021-07-08T17:13:58.000Z", + "wordCount": 2850, + "title": "Build Your Own Feature Toggle with Next.js and React in Under 30 Minutes" + }, + { + "id": "60e3ae66134ad707be00dbdb", + "author": null, + "description": "Developing web pages used to involve writing HTML, CSS, and a little scripting code like JavaScript for functionality. But over time, we've developed new and more advanced technologies and frameworks to create webpages. We now use things like reusable components, routing, and rendering to the document object model (DOM). These", + "link": "https://www.freecodecamp.org/news/build-accessible-vue-applications/", + "publishedOn": "2021-07-08T16:23:19.000Z", + "wordCount": 1935, + "title": "How to Build Accessible Vue Applications" + }, + { + "id": "60df723627f80207bcdbcf36", + "author": null, + "description": "According to Google trends, React is the most popular JavaScript frontend framework. Unless you're in the U.S. state of Nebraska, that is. 😀 Google Trends (React vs Angular)React is a declarative, efficient, and flexible JavaScript library for building user interfaces. We just released a full React course on the", + "link": "https://www.freecodecamp.org/news/learn-react-js-in-this-free-7-hour-course/", + "publishedOn": "2021-07-08T15:44:30.000Z", + "wordCount": 68137, + "title": "Learn React JS in This Free 7-Hour Course" + }, { "id": "60e521aa134ad707be00e41d", "author": null, - "description": "Objects are one of the most valuable things you can learn in Javascript. You can use them to take your programs to the next level. An object is a collection of data – or key value pairs – which consist of variables and functions that you can access using dot notation. Now", + "description": "Objects are one of the most valuable things you can learn in JavaScript. You can use them to take your programs to the next level. An object is a collection of data – or key value pairs – which consist of variables and functions that you can access using dot notation. Now", "link": "https://www.freecodecamp.org/news/what-is-a-javascript-object/", "publishedOn": "2021-07-07T22:04:00.000Z", "wordCount": 761, @@ -624,33 +651,6 @@ "publishedOn": "2021-07-06T16:02:13.000Z", "wordCount": 2286, "title": "How to Authenticate Users and Implement CORS in Node.js Apps" - }, - { - "id": "60df35f027f80207bcdbccea", - "author": null, - "description": "Let's look at five JavaScript tips you can use today to instantly improve your React applications. Because React is a JavaScript library, any improvements that we make in our JavaScript skills will directly improve the applications that we build with React. For this reason, I've put together a number of", - "link": "https://www.freecodecamp.org/news/javascript-tips-to-improve-your-react-code-today/", - "publishedOn": "2021-07-06T15:12:00.000Z", - "wordCount": 1570, - "title": "5 JavaScript Tips to Improve Your React Code" - }, - { - "id": "60aa196411ffb70827ef5f43", - "author": null, - "description": "In this article, you will learn how to schedule a job in Node using node-cron. Node-cron is a handy npm package which you can use to schedule jobs to run at specific times or intervals. It is most suitable for scheduling repetitive jobs such as email notifications, file downloads, and", - "link": "https://www.freecodecamp.org/news/schedule-a-job-in-node-with-nodecron/", - "publishedOn": "2021-07-06T14:27:26.000Z", - "wordCount": 2989, - "title": "How to Schedule a Job in Node Using node-cron" - }, - { - "id": "60df6dd827f80207bcdbcf06", - "author": null, - "description": "Earning the Certified Information Systems Security Professional (CISSP) Certification proves you have what it takes to effectively design, implement and manage a best-in-class cybersecurity program. The CISSP is one of the most valuable Cyber Security Certificates in the market today. We just posted a 13-hour course on the freeCodeCamp.org", - "link": "https://www.freecodecamp.org/news/get-ready-to-pass-cissp-exam/", - "publishedOn": "2021-07-06T13:55:00.000Z", - "wordCount": 109640, - "title": "Get Ready to Pass CISSP Exam" } ] } diff --git a/feed.atom b/feed.atom index e45f893..5dc00d5 100644 --- a/feed.atom +++ b/feed.atom @@ -1,16 +1,89 @@ - urn:2021-07-08T00:37:18.783Z + urn:2021-07-09T00:40:12.497Z osmos::feed - 2021-07-08T00:37:18.783Z + 2021-07-09T00:40:12.497Z osmosfeed 1.11.0 + + <![CDATA[Beginner JavaScript Notes]]> + https://css-tricks.com/?p=344024 + + 2021-07-08T22:25:22.000Z + + + Chris Coyier + + + + <![CDATA[Build Your Own Feature Toggle with Next.js and React in Under 30 Minutes]]> + 60e59724134ad707be00e5d1 + + 2021-07-08T17:13:58.000Z + + + freeCodeCamp.org + + + + <![CDATA[How to Build Accessible Vue Applications]]> + 60e3ae66134ad707be00dbdb + + 2021-07-08T16:23:19.000Z + + + freeCodeCamp.org + + + + <![CDATA[Learn React JS in This Free 7-Hour Course]]> + 60df723627f80207bcdbcf36 + + 2021-07-08T15:44:30.000Z + + + freeCodeCamp.org + + + + <![CDATA[My Struggle to Use and Animate a Conic Gradient in SVG]]> + https://css-tricks.com/?p=343623 + + 2021-07-08T14:35:38.000Z + + + Amit Sheen + + + + <![CDATA[Building a Command Line Tool with Nodejs and Fauna]]> + https://css-tricks.com/?p=343574 + + 2021-07-08T14:35:09.000Z + + + Fortune Ikechi + + + + <![CDATA[Tools And Practices To Speed Up The Vue.js Development Process]]> + https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/ + + 2021-07-08T11:00:00.000Z + + + hello@smashingmagazine.com (Uma Victor) + + <![CDATA[What is a JavaScript Object? Key Value Pairs and Dot Notation Explained]]> 60e521aa134ad707be00e41d 2021-07-07T22:04:00.000Z - + freeCodeCamp.org @@ -133,16 +206,6 @@ The post I’ve got one question about Jetpack for you. appeared first on CSS-Tr freeCodeCamp.org - - <![CDATA[5 JavaScript Tips to Improve Your React Code]]> - 60df35f027f80207bcdbccea - - 2021-07-06T15:12:00.000Z - - - freeCodeCamp.org - - <![CDATA[The Dilemma of Naming Font Size Variables]]> https://css-tricks.com/?p=343149 @@ -154,26 +217,6 @@ The post The Dilemma of Naming Font Size Variables appeared first on CSS-Tricks. Martin Lexelius - - <![CDATA[How to Schedule a Job in Node Using node-cron]]> - 60aa196411ffb70827ef5f43 - - 2021-07-06T14:27:26.000Z - - - freeCodeCamp.org - - - - <![CDATA[Get Ready to Pass CISSP Exam]]> - 60df6dd827f80207bcdbcf06 - - 2021-07-06T13:55:00.000Z - - - freeCodeCamp.org - - <![CDATA[How To Choose A Headless CMS]]> https://smashingmagazine.com/2021/07/how-to-choose-a-headless-cms/ @@ -284,31 +327,6 @@ The post CSS for Web Vitals appeared first on CSS-Tricks. You can support CSS-Tr Chris Coyier - - <![CDATA[App Platform on Digital Ocean]]> - https://css-tricks.com/?p=342591 - - 2021-07-01T18:54:12.000Z - - - Chris Coyier - - - - <![CDATA[Hack the “Deploy to Netlify” Button Using Environment Variables to Make a Customizable Site Generator]]> - https://css-tricks.com/?p=343092 - - 2021-07-01T14:40:14.000Z - - - Cassidy Williams - - <![CDATA[It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them]]> https://smashingmagazine.com/2021/07/frontend-testing-pitfalls/ @@ -319,17 +337,6 @@ The post Hack the “Deploy to Netlify” Button Using Environment Variables to hello@smashingmagazine.com (Ramona Schwering) - - <![CDATA[How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side?]]> - https://css-tricks.com/?p=343224 - - 2021-06-30T20:36:52.000Z - - - Chris Coyier - - <![CDATA[The State Of Web Workers In 2021]]> https://smashingmagazine.com/2021/06/web-workers-2021/ @@ -569,14 +576,4 @@ Thank you @PiyushLosalka]]> hello@smashingmagazine.com (Stefan Judis) - - <![CDATA[Meet <code>:has</code>, A Native CSS Parent Selector (And More)]]> - https://smashingmagazine.com/2021/06/has-native-css-parent-selector/ - - 2021-06-09T10:30:00.000Z - - - hello@smashingmagazine.com (Adrian Bece) - - \ No newline at end of file diff --git a/index.html b/index.html index 4c27e78..6000950 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,109 @@ +
+

+ +

  • @@ -418,33 +488,6 @@ The post CSS for Web Vitals appeared first on CSS-Tricks. You can support CSS-Tr -
    -
    - App Platform on Digital Ocean - -
    - (3 min) - This is new stuff from DO. -App Platform is a hosting product, no surprise there, but it has some features that are Jamstack-inspired in the best possible way, and an additional set of unique and powerful features. Let’s start with … -The post App Platform on Digital Ocean appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. -
    -     -
    -
    -
    -
    - Hack the “Deploy to Netlify” Button Using Environment Variables to Make a Customizable Site Generator - -
    - (5 min) - If you’re anything like me, you like being lazy shortcuts. The “Deploy to Netlify” button allows me to take this lovely feature of my personality and be productive with it. - -Clicking the button above lets me (or you!) instantly … -The post Hack the “Deploy to Netlify” Button Using Environment Variables to Make a Customizable Site Generator appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. -
    -     -
    -
  • @@ -469,24 +512,6 @@ The post Hack the “Deploy to Netlify” Button Using Environment Variables to

    -
    -

    - -