diff --git a/cache.json b/cache.json index ba80a31..055b60a 100644 --- a/cache.json +++ b/cache.json @@ -11,13 +11,40 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=357149", + "author": "Chris Coyier", + "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": 1616, + "title": "On User Tracking and Industry Standards on Privacy" + }, + { + "id": "https://css-tricks.com/?p=357046", + "author": "Chris Coyier", + "description": "A reader wrote to me the other day asking about this bit of CSS they came across in Wikipedia’s Common.css:\n.mw-collapsible-leftside-toggle .mw-collapsible-toggle {\n /* @noflip */\n float: left;\n /* @noflip */\n text-align: left;\n}\nWhat’s that @noflip business? That’s …\nThe post CSS “decorations” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/css-decorations/", + "publishedOn": "2021-11-22T18:48:00.000Z", + "wordCount": 770, + "title": "CSS “decorations”" + }, + { + "id": "https://css-tricks.com/?p=357080", + "author": "Temani Afif", + "description": "We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of …\nThe post Responsive Layouts, Fewer Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/responsive-layouts-fewer-media-queries/", + "publishedOn": "2021-11-22T15:29:03.000Z", + "wordCount": 4274, + "title": "Responsive Layouts, Fewer Media Queries" + }, { "id": "https://css-tricks.com/?p=357234", "author": "Chris Coyier", "description": "I’m not the biggest fan of Atomic CSS myself. I don’t like all the classes. I like to express my styles in CSS because I find CSS… good. But I appreciate that a lot of people seem to like it, …\nThe post Reimagine Atomic CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/reimagine-atomic-css/", "publishedOn": "2021-11-19T22:01:05.000Z", - "wordCount": 836, + "wordCount": 777, "title": "Reimagine Atomic CSS" }, { @@ -26,7 +53,7 @@ "description": "A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way to suss out your own taste and arrive at a choice.…\nThe post Coding Font Game appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/coding-font-game/", "publishedOn": "2021-11-19T21:18:50.000Z", - "wordCount": 659, + "wordCount": 742, "title": "Coding Font Game" }, { @@ -35,7 +62,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": 3188, + "wordCount": 3238, "title": "Parallax Powered by CSS Custom Properties" }, { @@ -44,7 +71,7 @@ "description": "VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of …\nThe post The Many Faces of VS Code in the Browser appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/the-many-faces-of-vs-code-in-the-browser/", "publishedOn": "2021-11-18T20:22:27.000Z", - "wordCount": 1677, + "wordCount": 1637, "title": "The Many Faces of VS Code in the Browser" }, { @@ -71,7 +98,7 @@ "description": "Like this: \nYou get an extra-round-y appearance in Safari, which at one time matched the macOS look for search inputs, but not really anymore. I don’t hate the look, except…\nSafari totally ignores the font-size you set on \n…\nThe post What do you get for using a search input type? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/what-do-you-get-for-using-a-search-input-type/", "publishedOn": "2021-11-17T23:09:46.000Z", - "wordCount": 691, + "wordCount": 715, "title": "What do you get for using a search input type?" }, { @@ -118,33 +145,6 @@ "publishedOn": "2021-11-16T15:37:50.000Z", "wordCount": 1784, "title": "Generate a Pull Request of Static Content With a Simple HTML Form" - }, - { - "id": "https://css-tricks.com/?p=356805", - "author": "Chris Coyier", - "description": "That’s the name of Netlify’s YouTube Channel. Love that. I linked up Rich’s talk the other day, which was a part of this past JamstackConf, but now all the talks are up on there. Rich got to talk …\nThe post Jamstack TV appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/jamstack-tv/", - "publishedOn": "2021-11-16T15:35:36.000Z", - "wordCount": 424, - "title": "Jamstack TV" - }, - { - "id": "https://css-tricks.com/?p=356611", - "author": "Chris Coyier", - "description": "In my “Different Degrees of Custom Property Usage” article, I noted a situation about colors and CSS custom properties where I went “too far” with breaking up HSL color values. Breaking every single color into its H, S, and L parts …\nThe post Color Alpha Anywhere appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/color-alpha-anywhere/", - "publishedOn": "2021-11-16T01:03:32.000Z", - "wordCount": 1036, - "title": "Color Alpha Anywhere" - }, - { - "id": "https://css-tricks.com/?p=355894", - "author": "Michael Michlin", - "description": "Theming UI refers to the ability to perform a change in visual styles in a consistent manner that defines the “look and feel” of a site. Swapping color palettes, à la dark mode or some other means, is a good …\nThe post Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/defining-and-applying-ui-themes-using-the-mimcss-css-in-js-library/", - "publishedOn": "2021-11-15T15:32:13.000Z", - "wordCount": 4457, - "title": "Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library" } ] }, @@ -153,13 +153,41 @@ "feedUrl": "https://www.smashingmagazine.com/feed/", "siteUrl": "https://www.smashingmagazine.com/", "articles": [ + { + "id": "https://smashingmagazine.com/2021/11/smashingconf-workshops-winter-2021/", + "author": "hello@smashingmagazine.com (Iris Lješnjanin)", + "description": "What’s the state of CSS, Vue.js and Next.js? What are new, smart interface design patterns we could use? Let’s figure it out. With our [online workshops on UX, front-end and design](https://smashingconf.com/online-workshops).", + "link": "https://smashingmagazine.com/2021/11/smashingconf-workshops-winter-2021/", + "publishedOn": "2021-11-22T16:00:00.000Z", + "wordCount": 1013, + "title": "Smashing Workshops: Winter 2021", + "enclosure": { + "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d2659d54-48e0-40d0-9fea-07c199eee87d/sanfran-2022.png", + "length": "0", + "type": "image/png" + } + }, + { + "id": "https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/", + "author": "hello@smashingmagazine.com (Dan Shappir)", + "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, + "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", + "length": "0", + "type": "image/jpg" + } + }, { "id": "https://smashingmagazine.com/2021/11/nextjs-wildcard-subdomains/", "author": "hello@smashingmagazine.com (Sam Poder)", "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": 2222, + "wordCount": 2205, "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", @@ -184,7 +212,7 @@ { "id": "https://smashingmagazine.com/2021/11/touch-design-pre-release/", "author": "hello@smashingmagazine.com (Vitaly Friedman)", - "description": "Meet “Touch Design for Mobile Interfaces”, our brand-new guide on designing for mobile with proven, universal, human-centric standards. 400 pages. Shipping starting late-December.", + "description": "Meet “Touch Design for Mobile Interfaces”, our brand-new guide on designing for mobile with proven, universal, human-centric standards. 400 pages. Shipping starting in early January.", "link": "https://smashingmagazine.com/2021/11/touch-design-pre-release/", "publishedOn": "2021-11-16T16:00:00.000Z", "wordCount": 2170, @@ -201,7 +229,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": 2154, + "wordCount": 2147, "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", @@ -215,7 +243,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": 10261, + "wordCount": 10274, "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", @@ -229,7 +257,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": 4305, + "wordCount": 4304, "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", @@ -243,7 +271,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": 1918, + "wordCount": 1924, "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", @@ -271,7 +299,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": 1524, + "wordCount": 1525, "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", @@ -285,7 +313,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": 6195, + "wordCount": 6203, "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", @@ -313,7 +341,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": 3400, + "wordCount": 3398, "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", @@ -327,7 +355,7 @@ "description": "Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform. In this article, we will learn and cover everything needed on using Serverless UI to deploy our projects or serverless applications to cloud services providers.", "link": "https://smashingmagazine.com/2021/11/deep-dive-into-serverless-ui-typescript/", "publishedOn": "2021-11-03T11:30:00.000Z", - "wordCount": 3625, + "wordCount": 3624, "title": "A Deep Dive Into Serverless UI With TypeScript", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/aff46dfe-164d-4bf7-8e14-057470001b41/deep-dive-into-serverless-ui-typescript.jpg", @@ -341,7 +369,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": 5958, + "wordCount": 5953, "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", @@ -355,7 +383,7 @@ "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": 2374, + "wordCount": 2386, "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", @@ -369,7 +397,7 @@ "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": 2512, + "wordCount": 2505, "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", @@ -383,7 +411,7 @@ "description": "The wealth of data that Amazon holds can make a huge difference when you’re designing a product or hunting for a bargain. But, how can a developer get that data? Simple, by using a web scraper. Here’s how to build your data extraction bot with Node.js.", "link": "https://smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/", "publishedOn": "2021-10-28T11:00:00.000Z", - "wordCount": 3164, + "wordCount": 3166, "title": "How To Build An Amazon Product Scraper With Node.js", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/069a1796-0f8d-4936-bfc0-4aa988ef0594/building-amazon-product-scraper-nodejs.jpg", @@ -397,7 +425,7 @@ "description": "Thanks to technology, eye-tracking has become more accessible to UX research as it allows researchers to get insights about users ’visual attention. This article explores the latest trends in the eye-tracking market and how the methodology can be included in the UX researcher’s toolbox.", "link": "https://smashingmagazine.com/2021/10/eye-tracking-mobile-ux-research/", "publishedOn": "2021-10-27T10:00:00.000Z", - "wordCount": 3516, + "wordCount": 3508, "title": "Eye-Tracking In Mobile UX Research", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3012986b-e407-4c49-8186-13a99528ef13/eye-tracking-mobile-ux-research.jpg", @@ -411,7 +439,7 @@ "description": "Nx is a build framework that facilitates optimization, efficient scaling of applications, and other features such as shared libraries and components. In this article, we will be looking at how we can effectively scale Next.js applications by using Nx.", "link": "https://smashingmagazine.com/2021/10/optimizing-nextjs-applications-nx/", "publishedOn": "2021-10-26T10:00:00.000Z", - "wordCount": 3029, + "wordCount": 3026, "title": "Optimizing Next.js Applications With Nx", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/32b5517f-415c-43ed-98a6-70215d408f7a/optimizing-nextjs-applications-nx.jpg", @@ -425,7 +453,7 @@ "description": "In this article, we will go through how `object-fit` and `background-size` work, when we can use them, and why, along with some practical use cases and recommendations. Let’s dive in.", "link": "https://smashingmagazine.com/2021/10/object-fit-background-size-css/", "publishedOn": "2021-10-25T13:00:00.000Z", - "wordCount": 2038, + "wordCount": 2035, "title": "A Deep Dive Into object-fit And background-size In CSS", "enclosure": { "url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/19e7f717-46d5-4949-96f4-671f4744d0e1/object-fit-background-size-css.jpg", @@ -440,6 +468,69 @@ "feedUrl": "https://www.freecodecamp.org/news/rss/", "siteUrl": "https://www.freecodecamp.org/news", "articles": [ + { + "id": "619909b111d3cb08287a9bd9", + "author": null, + "description": "A common practice in software projects is to keep certain information separated but accessible from the codebase which uses it. Developers usually do this with secrets such as passwords or private keys, or with user or context-specific info pieces. But managing environment variables can be a pain. There are a", + "link": "https://www.freecodecamp.org/news/how-to-manage-directory-scoped-envs-with-direnv-in-posix-systems/", + "publishedOn": "2021-11-22T21:39:20.000Z", + "wordCount": 725, + "title": "How to Manage Directory-Scoped Variables with direnv in POSIX Systems" + }, + { + "id": "613f3cad852f4307d372c7dc", + "author": null, + "description": "The Design Thinking Process is a way to come up with creative, user centric solutions to complex problems. But how does it work exactly? In this article, I will explain what the Design Thinking Process is and break down the five phases behind it. We will explore how this process", + "link": "https://www.freecodecamp.org/news/the-design-thinking-process-explained/", + "publishedOn": "2021-11-22T21:27:40.000Z", + "wordCount": 1069, + "title": "The Design Thinking Process Explained" + }, + { + "id": "619b998511d3cb08287aa257", + "author": null, + "description": "Today we're gonna practice our React JS skills by building a Rick and Morty Character Wiki. Here's what we'll build today: Here's a [live demo of the project] 👇 https://react-projects-psi.vercel.app/. And here's the GitHub Repository. The topics we'll cover while building this project are: React Hooks (useState, useEffect)", + "link": "https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/", + "publishedOn": "2021-11-22T19:13:34.000Z", + "wordCount": 4193, + "title": "ReactJS Project – Build a Rick and Morty Character Wiki" + }, + { + "id": "619bb03e11d3cb08287aa4c8", + "author": null, + "description": "If you have a Windows 10 PC, you might occasionally see the notorious \"scanning and repairing drive\" message. This error can happen to the C drive, hard drive, and any other external drive. This scanning and repairing can take several hours, or even cost you a whole workday", + "link": "https://www.freecodecamp.org/news/scanning-and-repairing-drive-how-to-fix-stuck-windows-10-pc-hard-drive/", + "publishedOn": "2021-11-22T17:10:42.000Z", + "wordCount": 736, + "title": "Scanning and Repairing Drive – How to Fix Stuck Windows 10 PC Hard Drive" + }, + { + "id": "619ba98511d3cb08287aa3a8", + "author": null, + "description": "In this conference talk, Magdalena Ostoja-Chyżyńska will not talk about the differences between developers and designers. Instead of focusing on the differences between the roles and how that might cause friction, she will approach the subject with a problem-solving attitude, and expand on how to make the relationship work. And", + "link": "https://www.freecodecamp.org/news/how-to-speak-to-a-designer-as-a-developer-tech-talk/", + "publishedOn": "2021-11-22T17:07:06.000Z", + "wordCount": 774, + "title": "Let's Talk Design – How to Speak to a Designer as a Developer" + }, + { + "id": "612cc005b5177808226d4a57", + "author": null, + "description": "You can use the % and _ wildcards with the SQL LIKE statement to compare values from an SQL table. But how does that work exactly? In this article, I will show you how to use the SQL LIKE statement through code examples. Basic syntax of SQL LIKE statementHere is the basic", + "link": "https://www.freecodecamp.org/news/sql-like-statement-how-to-query-sql-with-wildcard/", + "publishedOn": "2021-11-22T15:01:50.000Z", + "wordCount": 1083, + "title": "SQL LIKE Statement – How to Query SQL with Wildcard" + }, + { + "id": "619694ef11d3cb08287a88ce", + "author": null, + "description": "In this tutorial, you'll learn some of the different ways you can reverse lists and list ranges in Python. And we'll look at some coding examples along the way. Let's get started! How to create a range in Python An efficient way to create a list of a range of", + "link": "https://www.freecodecamp.org/news/python-reverse-list-how-to-reverse-a-range-or-array/", + "publishedOn": "2021-11-22T14:54:14.000Z", + "wordCount": 1242, + "title": "Python Reverse List – How to Reverse a Range or Array" + }, { "id": "618941df8bcfae07ca4e3869", "author": null, @@ -466,69 +557,6 @@ "publishedOn": "2021-11-18T23:59:00.000Z", "wordCount": 2168, "title": "Programming Projects for New Developers – What to Build to Get Coding Experience" - }, - { - "id": "619392bd11d3cb08287a6f36", - "author": null, - "description": "People in the tech industry face mental health issues like depression and anxiety every day, all around the world. But what can we do about it? In this article, I will talk about what I learned from Dr. Jennifer Akullian's freeCodeCamp Tech Talk and share her tips for reducing your", - "link": "https://www.freecodecamp.org/news/stress-and-mental-health-in-tech/", - "publishedOn": "2021-11-18T17:54:34.000Z", - "wordCount": 1187, - "title": "Stress and Mental Health in Tech – What I learned from Dr. Jennifer Akullian's freeCodeCamp Tech Talk" - }, - { - "id": "6196275811d3cb08287a850e", - "author": null, - "description": "On your computer desktop, you can use the taskbar to help you monitor applications, check battery life, and more. Being able to customize what your task bar can do is crucial for boosting your productivity. And there's more to it than just monitoring applications. In this guide, I will show", - "link": "https://www.freecodecamp.org/news/how-to-customize-your-windows10-taskbar-for-productivity/", - "publishedOn": "2021-11-18T16:44:28.000Z", - "wordCount": 694, - "title": "How to Customize Your Windows 10 Taskbar to Be More Productive" - }, - { - "id": "6193c41c11d3cb08287a70ce", - "author": null, - "description": "Lists are a helpful and frequently used feature in Python. And list comprehension gives you a way to create lists while writing more elegant code that is easy to read. In this beginner-friendly article, I'll give an overview of how list comprehension works in Python. I'll also show plenty of", - "link": "https://www.freecodecamp.org/news/list-comprehension-in-python-with-code-examples/", - "publishedOn": "2021-11-18T16:20:35.000Z", - "wordCount": 1598, - "title": "List Comprehension in Python" - }, - { - "id": "6196642611d3cb08287a8688", - "author": null, - "description": "If you are a software developer, you likely use Git all the time. But many developers don't use advanced git commands that can speed up their worflow. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use advanced git commands. Tobias Günther", - "link": "https://www.freecodecamp.org/news/advanced-git-interactive-rebase-cherry-picking-reflog-and-more/", - "publishedOn": "2021-11-18T14:42:26.000Z", - "wordCount": 313, - "title": "Advanced Git Tools—Interactive Rebase, Cherry-Picking, Reflog, and more" - }, - { - "id": "61971c7611d3cb08287a8d83", - "author": null, - "description": "I recently updated to MacOS Monterey (Version 12.0). Sometimes software companies like Apple will add features I don't like, then enable them by default. This is what happened with the New Quick Note hot corner. Here is what the Quick Notes feature looks like when you move your cursor", - "link": "https://www.freecodecamp.org/news/turn-off-quick-note-mac-monterey/", - "publishedOn": "2021-11-18T04:09:00.000Z", - "wordCount": 539, - "title": "How to Turn Off Quick Note on – Solved for MacOS Monterey Quick Notes Hot Corner" - }, - { - "id": "617a6ef033422e07df3667f4", - "author": null, - "description": "In this article, I'm going to share with you what I've learned so far at my first programming job as a junior full-stack developer. Ever since my developer career began in July, 2021 I've been learning constantly. And I'm gonna share some tips from my experiences so that you can", - "link": "https://www.freecodecamp.org/news/what-ive-learned-at-my-first-developer-job/", - "publishedOn": "2021-11-18T00:08:02.000Z", - "wordCount": 1971, - "title": "I Got My First Developer Job – Here's What I've Learned So Far" - }, - { - "id": "618fda8c11d3cb08287a5a51", - "author": null, - "description": "One of the first steps many young startups take is setting up a static web page, perhaps with an email newsletter, to help them build an audience. As the weeks go by and the MVP is getting further along, the subject of how to handle payments will eventually emerge. From", - "link": "https://www.freecodecamp.org/news/serverless-online-payments/", - "publishedOn": "2021-11-17T20:54:10.000Z", - "wordCount": 1327, - "title": "How to Set Up Serverless Online Payments with Netlify and Stripe" } ] } diff --git a/feed.atom b/feed.atom index 9aed15b..3d968be 100644 --- a/feed.atom +++ b/feed.atom @@ -1,10 +1,143 @@ - urn:2021-11-22T00:42:24.895Z + urn:2021-11-23T00:42:11.076Z osmos::feed - 2021-11-22T00:42:24.895Z + 2021-11-23T00:42:11.076Z osmosfeed 1.11.3 + + <![CDATA[How to Manage Directory-Scoped Variables with direnv in POSIX Systems]]> + 619909b111d3cb08287a9bd9 + + 2021-11-22T21:39:20.000Z + + + freeCodeCamp.org + + + + <![CDATA[The Design Thinking Process Explained]]> + 613f3cad852f4307d372c7dc + + 2021-11-22T21:27:40.000Z + + + freeCodeCamp.org + + + + <![CDATA[On User Tracking and Industry Standards on Privacy]]> + https://css-tricks.com/?p=357149 + + 2021-11-22T21:00:50.000Z + + + Chris Coyier + + + + <![CDATA[ReactJS Project – Build a Rick and Morty Character Wiki]]> + 619b998511d3cb08287aa257 + + 2021-11-22T19:13:34.000Z + + + freeCodeCamp.org + + + + <![CDATA[CSS “decorations”]]> + https://css-tricks.com/?p=357046 + + 2021-11-22T18:48:00.000Z + + + Chris Coyier + + + + <![CDATA[Scanning and Repairing Drive – How to Fix Stuck Windows 10 PC Hard Drive]]> + 619bb03e11d3cb08287aa4c8 + + 2021-11-22T17:10:42.000Z + + + freeCodeCamp.org + + + + <![CDATA[Let's Talk Design – How to Speak to a Designer as a Developer]]> + 619ba98511d3cb08287aa3a8 + + 2021-11-22T17:07:06.000Z + + + freeCodeCamp.org + + + + <![CDATA[Smashing Workshops: Winter 2021]]> + https://smashingmagazine.com/2021/11/smashingconf-workshops-winter-2021/ + + 2021-11-22T16:00:00.000Z + + + hello@smashingmagazine.com (Iris Lješnjanin) + + + + <![CDATA[Responsive Layouts, Fewer Media Queries]]> + https://css-tricks.com/?p=357080 + + 2021-11-22T15:29:03.000Z + + + Temani Afif + + + + <![CDATA[SQL LIKE Statement – How to Query SQL with Wildcard]]> + 612cc005b5177808226d4a57 + + 2021-11-22T15:01:50.000Z + + + freeCodeCamp.org + + + + <![CDATA[Python Reverse List – How to Reverse a Range or Array]]> + 619694ef11d3cb08287a88ce + + 2021-11-22T14:54:14.000Z + + + freeCodeCamp.org + + + + <![CDATA[Improving The Performance Of Wix Websites (Case Study)]]> + https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/ + + 2021-11-22T10:30:00.000Z + + + hello@smashingmagazine.com (Dan Shappir) + + <![CDATA[Reimagine Atomic CSS]]> https://css-tricks.com/?p=357234 @@ -89,36 +222,6 @@ The post The Many Faces of VS Code in the Browser appeared first on CSS-Tricks. Chris Coyier - - <![CDATA[Stress and Mental Health in Tech – What I learned from Dr. Jennifer Akullian's freeCodeCamp Tech Talk]]> - 619392bd11d3cb08287a6f36 - - 2021-11-18T17:54:34.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Customize Your Windows 10 Taskbar to Be More Productive]]> - 6196275811d3cb08287a850e - - 2021-11-18T16:44:28.000Z - - - freeCodeCamp.org - - - - <![CDATA[List Comprehension in Python]]> - 6193c41c11d3cb08287a70ce - - 2021-11-18T16:20:35.000Z - - - freeCodeCamp.org - - <![CDATA[PHP Date and Time Recipes]]> https://css-tricks.com/?p=356570 @@ -130,26 +233,6 @@ The post PHP Date and Time Recipes appeared first on CSS-Tricks. You can support Arjuna Sky Kok - - <![CDATA[Advanced Git Tools—Interactive Rebase, Cherry-Picking, Reflog, and more]]> - 6196642611d3cb08287a8688 - - 2021-11-18T14:42:26.000Z - - - freeCodeCamp.org - - - - <![CDATA[How to Turn Off Quick Note on – Solved for MacOS Monterey Quick Notes Hot Corner]]> - 61971c7611d3cb08287a8d83 - - 2021-11-18T04:09:00.000Z - - - freeCodeCamp.org - - <![CDATA[Zero Trickery Custom Radios and Checkboxes]]> https://css-tricks.com/?p=356895 @@ -164,16 +247,6 @@ The post Zero Trickery Custom Radios and Checkboxes appeared first on CSS-Tricks Chris Coyier - - <![CDATA[I Got My First Developer Job – Here's What I've Learned So Far]]> - 617a6ef033422e07df3667f4 - - 2021-11-18T00:08:02.000Z - - - freeCodeCamp.org - - <![CDATA[What do you get for using a search input type?]]> https://css-tricks.com/?p=356885 @@ -188,16 +261,6 @@ The post What do you get for using a search input type? appeared first on CSS-Tr Chris Coyier - - <![CDATA[How to Set Up Serverless Online Payments with Netlify and Stripe]]> - 618fda8c11d3cb08287a5a51 - - 2021-11-17T20:54:10.000Z - - - freeCodeCamp.org - - <![CDATA[A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH]]> https://smashingmagazine.com/2021/11/guide-modern-css-colors/ @@ -258,7 +321,7 @@ The post Line length revisited: following the research appeared first on CSS-Tri https://smashingmagazine.com/2021/11/touch-design-pre-release/ 2021-11-16T16:00:00.000Z - + hello@smashingmagazine.com (Vitaly Friedman) @@ -274,39 +337,6 @@ The post Generate a Pull Request of Static Content With a Simple HTML Form appea Hilman Ramadhan - - <![CDATA[Jamstack TV]]> - https://css-tricks.com/?p=356805 - - 2021-11-16T15:35:36.000Z - - - Chris Coyier - - - - <![CDATA[Color Alpha Anywhere]]> - https://css-tricks.com/?p=356611 - - 2021-11-16T01:03:32.000Z - - - Chris Coyier - - - - <![CDATA[Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library]]> - https://css-tricks.com/?p=355894 - - 2021-11-15T15:32:13.000Z - - - Michael Michlin - - <![CDATA[Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development]]> https://smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/ diff --git a/index.html b/index.html index f29795f..c8e5c2e 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,174 @@ +
+

+ +

@@ -301,23 +403,6 @@ The post A Clever Sticky Footer Technique appeared first on CSS-Tricks. You can -
  • -
    -

    freeCodeCamp.org

    -
    - -
    -

  • Articles on Smashing Magazine — For Web Designers And Developers

    @@ -368,30 +453,6 @@ The post Generate a Pull Request of Static Content With a Simple HTML Form appea - -
  • @@ -404,7 +465,7 @@ The post Color Alpha Anywhere appeared first on CSS-Tricks. You can support CSS-
    (7 min) - Meet “Touch Design for Mobile Interfaces”, our brand-new guide on designing for mobile with proven, universal, human-centric standards. 400 pages. Shipping starting late-December. + Meet “Touch Design for Mobile Interfaces”, our brand-new guide on designing for mobile with proven, universal, human-centric standards. 400 pages. Shipping starting in early January.
    @@ -416,24 +477,6 @@ The post Color Alpha Anywhere appeared first on CSS-Tricks. You can support CSS-