mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: 1f5684a2ae
This commit is contained in:
chuanqisun
parent
ca0ea11357
commit
ea189bb091
3 changed files with 294 additions and 273 deletions
173
cache.json
173
cache.json
|
|
@ -102,13 +102,31 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340759",
|
||||
"author": "Josh Collinsworth",
|
||||
"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": 7475,
|
||||
"title": "What I Learned Building a Word Game App With Nuxt on Google Play"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=341383",
|
||||
"author": "Ahmed Bouchefra",
|
||||
"description": "Choosing the right tools to build a website for your organization is essential, but it can be tough to find the right fit. Simple site builders like Wix and Squarespace are easy for marketers to use, but severely limit developers …\nThe post Creating Powerful Websites with Serverless-Driven CMS Development appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/creating-powerful-websites-with-serverless-driven-cms-development/",
|
||||
"publishedOn": "2021-05-25T11:00:00.000Z",
|
||||
"wordCount": 1386,
|
||||
"title": "Creating Powerful Websites with Serverless-Driven CMS Development"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340808",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBoundingClientRect. Also, \n…\nThe post Links on Performance appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/links-on-performance/",
|
||||
"publishedOn": "2021-05-24T22:03:30.000Z",
|
||||
"wordCount": 817,
|
||||
"wordCount": 874,
|
||||
"title": "Links on Performance"
|
||||
},
|
||||
{
|
||||
|
|
@ -126,7 +144,7 @@
|
|||
"description": "By our last estimate, there are now more PDFs in the world than atoms in the universe (not verified by outside sources) so chances are, from time to time, you’re going to run into a PDF document or two. Browsers …\nThe post Wrangling Control Over PDFs with the Adobe PDF Embed API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/wrangling-control-over-pdfs-with-the-adobe-pdf-embed-api/",
|
||||
"publishedOn": "2021-05-24T13:57:21.000Z",
|
||||
"wordCount": 2851,
|
||||
"wordCount": 2872,
|
||||
"title": "Wrangling Control Over PDFs with the Adobe PDF Embed API"
|
||||
},
|
||||
{
|
||||
|
|
@ -144,7 +162,7 @@
|
|||
"description": "This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and then shift focus to things like state management and DOM interoperability, among other things. …\nThe post Svelte for the Experienced React Dev appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/svelte-for-the-experienced-react-dev/",
|
||||
"publishedOn": "2021-05-21T14:30:59.000Z",
|
||||
"wordCount": 3530,
|
||||
"wordCount": 3658,
|
||||
"title": "Svelte for the Experienced React Dev"
|
||||
},
|
||||
{
|
||||
|
|
@ -162,7 +180,7 @@
|
|||
"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": 1044,
|
||||
"wordCount": 1092,
|
||||
"title": "JSON in CSS"
|
||||
},
|
||||
{
|
||||
|
|
@ -218,24 +236,6 @@
|
|||
"publishedOn": "2021-05-18T19:14:53.000Z",
|
||||
"wordCount": 1082,
|
||||
"title": "Pinned Audio WordPress Theme"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340420",
|
||||
"author": "Silvia O'Dwyer",
|
||||
"description": "Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d share some tips on how to do it! In this article, …\nThe post How to Create Neon Text With CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/how-to-create-neon-text-with-css/",
|
||||
"publishedOn": "2021-05-18T14:31:25.000Z",
|
||||
"wordCount": 2401,
|
||||
"title": "How to Create Neon Text With CSS"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340716",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Addy Osmani on images in HTML:\nThe humble <img> element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can \n…\nThe post The Humble `img` Element And Core Web Vitals appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/",
|
||||
"publishedOn": "2021-05-17T22:38:06.000Z",
|
||||
"wordCount": 5325,
|
||||
"title": "The Humble `img` Element And Core Web Vitals"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -244,13 +244,31 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/",
|
||||
"author": "hello@smashingmagazine.com (Tobias Günther)",
|
||||
"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,
|
||||
"title": "A Guide To Undoing Mistakes With Git (Part 2)"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/",
|
||||
"author": "hello@smashingmagazine.com (Barry Pollard)",
|
||||
"description": "Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.",
|
||||
"link": "https://smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/",
|
||||
"publishedOn": "2021-05-25T09:30:00.000Z",
|
||||
"wordCount": 2062,
|
||||
"title": "A New Way To Reduce Font Loading Impact: CSS Font Descriptors"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/",
|
||||
"author": "hello@smashingmagazine.com (Adrian Bece)",
|
||||
"description": "CSS Container queries bring media queries closer to the target elements themselves and enables them to adapt to virtually any given container or layout. In this article, we’re going to cover CSS container query basics and how to use them today with progressive enhancement or polyfills.",
|
||||
"link": "https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/",
|
||||
"publishedOn": "2021-05-24T11:30:00.000Z",
|
||||
"wordCount": 2665,
|
||||
"wordCount": 2707,
|
||||
"title": "CSS Container Queries: Use-Cases And Migration Strategies"
|
||||
},
|
||||
{
|
||||
|
|
@ -259,7 +277,7 @@
|
|||
"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": 9398,
|
||||
"wordCount": 9449,
|
||||
"title": "Building A Rich Text Editor (WYSIWYG) From Scratch"
|
||||
},
|
||||
{
|
||||
|
|
@ -286,7 +304,7 @@
|
|||
"description": "Everything to keep in mind when designing and building a mega-dropdown, common pitfalls, hover entry/exit delays, trajectory triangle technique and SVG path exit areas.",
|
||||
"link": "https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/",
|
||||
"publishedOn": "2021-05-19T11:40:00.000Z",
|
||||
"wordCount": 4986,
|
||||
"wordCount": 5028,
|
||||
"title": "Frustrating Design Patterns: Mega-Dropdown Hover Menus"
|
||||
},
|
||||
{
|
||||
|
|
@ -322,7 +340,7 @@
|
|||
"description": "“Tree-shaking” is a must-have performance optimization when bundling JavaScript. In this article, we dive deeper on how exactly it works and how specs and practice intertwine to make bundles leaner and more performant. Plus, you’ll get a tree-shaking checklist to use for your projects.",
|
||||
"link": "https://smashingmagazine.com/2021/05/tree-shaking-reference-guide/",
|
||||
"publishedOn": "2021-05-14T10:30:00.000Z",
|
||||
"wordCount": 2393,
|
||||
"wordCount": 2444,
|
||||
"title": "Tree-Shaking: A Reference Guide"
|
||||
},
|
||||
{
|
||||
|
|
@ -331,7 +349,7 @@
|
|||
"description": "In this new series of articles on UX, we take a closer look at some frustrating design patterns and explore better alternatives, along with plenty of examples to keep in mind when building or designing one. Let’s start with an infamous birthday picker.",
|
||||
"link": "https://smashingmagazine.com/2021/05/frustrating-design-patterns-birthday-picker/",
|
||||
"publishedOn": "2021-05-12T12:42:00.000Z",
|
||||
"wordCount": 3443,
|
||||
"wordCount": 3485,
|
||||
"title": "Frustrating Design Patterns That Need Fixing: Birthday Picker"
|
||||
},
|
||||
{
|
||||
|
|
@ -385,7 +403,7 @@
|
|||
"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": 2617,
|
||||
"wordCount": 2668,
|
||||
"title": "Improving The Performance Of Shopify Themes (Case Study)"
|
||||
},
|
||||
{
|
||||
|
|
@ -394,7 +412,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": 2296,
|
||||
"wordCount": 2347,
|
||||
"title": "Reducing HTML Payload With Next.js (Case Study)"
|
||||
},
|
||||
{
|
||||
|
|
@ -403,8 +421,8 @@
|
|||
"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": 1791,
|
||||
"title": "A Guide To Undoing Mistakes With Git"
|
||||
"wordCount": 1832,
|
||||
"title": "A Guide To Undoing Mistakes With Git (Part 1)"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/smashing-podcast-episode-36/",
|
||||
|
|
@ -421,7 +439,7 @@
|
|||
"description": "Web-oriented databases, frameworks like Nuxt and Next.js, and even frameworkless approaches are evolving the Jamstack, but the core principles are more powerful than ever.",
|
||||
"link": "https://smashingmagazine.com/2021/05/evolution-jamstack/",
|
||||
"publishedOn": "2021-05-03T07:00:00.000Z",
|
||||
"wordCount": 2141,
|
||||
"wordCount": 2192,
|
||||
"title": "The Evolution Of Jamstack"
|
||||
},
|
||||
{
|
||||
|
|
@ -430,7 +448,7 @@
|
|||
"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": 2139,
|
||||
"wordCount": 2181,
|
||||
"title": "May Is In The Air (2021 Wallpapers Edition)"
|
||||
},
|
||||
{
|
||||
|
|
@ -439,7 +457,7 @@
|
|||
"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": 5325,
|
||||
"wordCount": 5373,
|
||||
"title": "The Humble `<img>` Element And Core Web Vitals"
|
||||
},
|
||||
{
|
||||
|
|
@ -448,7 +466,7 @@
|
|||
"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,
|
||||
"wordCount": 2121,
|
||||
"title": "Meet Image Optimization, A New Smashing Book By Addy Osmani"
|
||||
},
|
||||
{
|
||||
|
|
@ -457,17 +475,8 @@
|
|||
"description": "Easing functions can change the look and feel of an animation by affecting the rate, or speed, of an animation. In this article, we’re going to take a deep dive into easing functions and see how we can use them to create those natural and stunning animations.",
|
||||
"link": "https://smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/",
|
||||
"publishedOn": "2021-04-27T12:00:00.000Z",
|
||||
"wordCount": 2623,
|
||||
"wordCount": 2665,
|
||||
"title": "Understanding Easing Functions For CSS Animations And Transitions"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/",
|
||||
"author": "hello@smashingmagazine.com (Kate Kalcevich & Mike Gifford)",
|
||||
"description": "Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to \"layered accessibility testing”, a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early — when it’s easier and cheaper to fix them.",
|
||||
"link": "https://smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/",
|
||||
"publishedOn": "2021-04-26T11:00:00.000Z",
|
||||
"wordCount": 3279,
|
||||
"title": "How To Bake Layers Of Accessibility Testing Into Your Process"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -476,11 +485,47 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"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": 1752,
|
||||
"title": "How to Use React-Hook-Form to Build Beautiful Forms with Chakra UI"
|
||||
},
|
||||
{
|
||||
"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": "Web Design Best Practices for New Developers – How to Create Portfolio-Worthy Work"
|
||||
},
|
||||
{
|
||||
"id": "60abc6d011ffb70827ef630f",
|
||||
"author": null,
|
||||
"description": "Environment variables are variables that are set outside of a program, often through a cloud provider or operating system. In Node, environment variables are a great way to securely and conveniently configure things that don't change often, like URLs, authentication keys, and passwords. How to Create Environment VariablesEnvironment variables are",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-use-node-environment-variables-with-a-dotenv-file-for-node-js-and-npm/",
|
||||
"publishedOn": "2021-05-25T00:48:45.000Z",
|
||||
"wordCount": 710,
|
||||
"title": "How to Use Node Environment Variables with a DotEnv File for Node.js and npm"
|
||||
},
|
||||
{
|
||||
"id": "60626dc29618b008528a9589",
|
||||
"author": null,
|
||||
"description": "Walkthrough for Hack The Box Nibbles machine",
|
||||
"link": "https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles-2/",
|
||||
"link": "https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles/",
|
||||
"publishedOn": "2021-05-25T00:20:22.000Z",
|
||||
"wordCount": 1905,
|
||||
"title": "Keep Calm and Hack The Box – Nibbles"
|
||||
|
|
@ -529,42 +574,6 @@
|
|||
"publishedOn": "2021-05-21T15:33:45.000Z",
|
||||
"wordCount": 4309,
|
||||
"title": "The JavaScript Array Handbook – JS Array Methods Explained with Examples"
|
||||
},
|
||||
{
|
||||
"id": "60a6b3ab906c5207e3a7f5fa",
|
||||
"author": null,
|
||||
"description": "Angular is one of the most popular web frameworks. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create an Angular 11 project from scratch. It uses a public API to create a game database website. You will gain a great foundation",
|
||||
"link": "https://www.freecodecamp.org/news/angular-11-tutorial-code-a-project-from-scratch/",
|
||||
"publishedOn": "2021-05-20T19:14:48.000Z",
|
||||
"wordCount": 397,
|
||||
"title": "Angular 11 Tutorial: Code a Project from Scratch"
|
||||
},
|
||||
{
|
||||
"id": "60a694ab906c5207e3a7f544",
|
||||
"author": null,
|
||||
"description": "A lot of C++ courses teach you how to build toy projects with no real-world application. But it can often be more helpful to write programs people would actually use. We just released a 5-hour C++ course that will teach you how to write modern C++ code by building an",
|
||||
"link": "https://www.freecodecamp.org/news/learn-modern-cpp-by-building-an-audio-plugin/",
|
||||
"publishedOn": "2021-05-20T17:12:29.000Z",
|
||||
"wordCount": 436,
|
||||
"title": "Learn Modern C++ by Building an Audio Plugin"
|
||||
},
|
||||
{
|
||||
"id": "60a4b5c7906c5207e3a7e2bb",
|
||||
"author": null,
|
||||
"description": "In this tutorial, you'll learn what version control is and how you can contribute to open-source projects using Git. We'll get through the fundamentals of Git and I'll give you the knowledge that is indispensable for any web developer. What is Git?Git is a version control software which lets",
|
||||
"link": "https://www.freecodecamp.org/news/get-started-with-version-control-and-git/",
|
||||
"publishedOn": "2021-05-20T15:20:53.000Z",
|
||||
"wordCount": 1493,
|
||||
"title": "How to Get Started with Version Control Using Git"
|
||||
},
|
||||
{
|
||||
"id": "60a36742906c5207e3a7da6e",
|
||||
"author": null,
|
||||
"description": "Over the last four months, I have recorded what is probably the most interactive JavaScript course that has ever been created. The reason I have done this is because I often see new coders fall into the same pitfalls again and again when trying to learn JavaScript, with the most",
|
||||
"link": "https://www.freecodecamp.org/news/learn-javascript-interactive-course/",
|
||||
"publishedOn": "2021-05-20T14:53:38.000Z",
|
||||
"wordCount": 1202,
|
||||
"title": "Learn JavaScript - A Free 7-hour Interactive Tutorial"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
171
feed.atom
171
feed.atom
|
|
@ -1,14 +1,101 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-05-25T00:48:15.996Z</id>
|
||||
<id>urn:2021-05-26T00:57:50.756Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-05-25T00:48:15.997Z</updated>
|
||||
<updated>2021-05-26T00:57:50.756Z</updated>
|
||||
<generator>osmosfeed 1.8.1</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Keep Calm and Hack The Box – Valentine]]></title>
|
||||
<id>60ac3a2711ffb70827ef6aec</id>
|
||||
<link href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-valentine/"/>
|
||||
<updated>2021-05-25T22:43:11.000Z</updated>
|
||||
<summary type="html"><![CDATA[Walkthrough for Hack The Box Valentine machine]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use React-Hook-Form to Build Beautiful Forms with Chakra UI]]></title>
|
||||
<id>60a93b0011ffb70827ef5b0d</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/"/>
|
||||
<updated>2021-05-25T20:26:38.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Web Design Best Practices for New Developers – How to Create Portfolio-Worthy Work]]></title>
|
||||
<id>608706aedd38b9088c2c012c</id>
|
||||
<link href="https://www.freecodecamp.org/news/web-design-best-practices-for-new-developers/"/>
|
||||
<updated>2021-05-25T16:51:37.000Z</updated>
|
||||
<summary type="html"><![CDATA[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]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What I Learned Building a Word Game App With Nuxt on Google Play]]></title>
|
||||
<id>https://css-tricks.com/?p=340759</id>
|
||||
<link href="https://css-tricks.com/what-i-learned-building-a-word-game-app-with-nuxt-on-google-play/"/>
|
||||
<updated>2021-05-25T14:25:06.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.
|
||||
Table of contents
|
||||
What’s the game
|
||||
…
|
||||
The post What I Learned Building a Word Game App With Nuxt on Google Play appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Josh Collinsworth</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Guide To Undoing Mistakes With Git (Part 2)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/"/>
|
||||
<updated>2021-05-25T14:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Tobias Günther)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Creating Powerful Websites with Serverless-Driven CMS Development]]></title>
|
||||
<id>https://css-tricks.com/?p=341383</id>
|
||||
<link href="https://css-tricks.com/creating-powerful-websites-with-serverless-driven-cms-development/"/>
|
||||
<updated>2021-05-25T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Choosing the right tools to build a website for your organization is essential, but it can be tough to find the right fit. Simple site builders like Wix and Squarespace are easy for marketers to use, but severely limit developers …
|
||||
The post Creating Powerful Websites with Serverless-Driven CMS Development appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Ahmed Bouchefra</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A New Way To Reduce Font Loading Impact: CSS Font Descriptors]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/"/>
|
||||
<updated>2021-05-25T09:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Barry Pollard)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use Node Environment Variables with a DotEnv File for Node.js and npm]]></title>
|
||||
<id>60abc6d011ffb70827ef630f</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-use-node-environment-variables-with-a-dotenv-file-for-node-js-and-npm/"/>
|
||||
<updated>2021-05-25T00:48:45.000Z</updated>
|
||||
<summary type="html"><![CDATA[Environment variables are variables that are set outside of a program, often through a cloud provider or operating system. In Node, environment variables are a great way to securely and conveniently configure things that don't change often, like URLs, authentication keys, and passwords. How to Create Environment VariablesEnvironment variables are]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Keep Calm and Hack The Box – Nibbles]]></title>
|
||||
<id>60626dc29618b008528a9589</id>
|
||||
<link href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles-2/"/>
|
||||
<link href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles/"/>
|
||||
<updated>2021-05-25T00:20:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[Walkthrough for Hack The Box Nibbles machine]]></summary>
|
||||
<author>
|
||||
|
|
@ -209,46 +296,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Angular 11 Tutorial: Code a Project from Scratch]]></title>
|
||||
<id>60a6b3ab906c5207e3a7f5fa</id>
|
||||
<link href="https://www.freecodecamp.org/news/angular-11-tutorial-code-a-project-from-scratch/"/>
|
||||
<updated>2021-05-20T19:14:48.000Z</updated>
|
||||
<summary type="html"><![CDATA[Angular is one of the most popular web frameworks. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create an Angular 11 project from scratch. It uses a public API to create a game database website. You will gain a great foundation]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn Modern C++ by Building an Audio Plugin]]></title>
|
||||
<id>60a694ab906c5207e3a7f544</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-modern-cpp-by-building-an-audio-plugin/"/>
|
||||
<updated>2021-05-20T17:12:29.000Z</updated>
|
||||
<summary type="html"><![CDATA[A lot of C++ courses teach you how to build toy projects with no real-world application. But it can often be more helpful to write programs people would actually use. We just released a 5-hour C++ course that will teach you how to write modern C++ code by building an]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Get Started with Version Control Using Git]]></title>
|
||||
<id>60a4b5c7906c5207e3a7e2bb</id>
|
||||
<link href="https://www.freecodecamp.org/news/get-started-with-version-control-and-git/"/>
|
||||
<updated>2021-05-20T15:20:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this tutorial, you'll learn what version control is and how you can contribute to open-source projects using Git. We'll get through the fundamentals of Git and I'll give you the knowledge that is indispensable for any web developer. What is Git?Git is a version control software which lets]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn JavaScript - A Free 7-hour Interactive Tutorial]]></title>
|
||||
<id>60a36742906c5207e3a7da6e</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-javascript-interactive-course/"/>
|
||||
<updated>2021-05-20T14:53:38.000Z</updated>
|
||||
<summary type="html"><![CDATA[Over the last four months, I have recorded what is probably the most interactive JavaScript course that has ever been created. The reason I have done this is because I often see new coders fall into the same pitfalls again and again when trying to learn JavaScript, with the most]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Can We Create a “Resize Hack” With Container Queries?]]></title>
|
||||
<id>https://css-tricks.com/?p=340715</id>
|
||||
|
|
@ -340,18 +387,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create Neon Text With CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=340420</id>
|
||||
<link href="https://css-tricks.com/how-to-create-neon-text-with-css/"/>
|
||||
<updated>2021-05-18T14:31:25.000Z</updated>
|
||||
<summary type="html"><![CDATA[Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d share some tips on how to do it! In this article, …
|
||||
The post How to Create Neon Text With CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Silvia O'Dwyer</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/</id>
|
||||
|
|
@ -372,20 +407,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Drew McLellan)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Humble `img` Element And Core Web Vitals]]></title>
|
||||
<id>https://css-tricks.com/?p=340716</id>
|
||||
<link href="https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/"/>
|
||||
<updated>2021-05-17T22:38:06.000Z</updated>
|
||||
<summary type="html"><![CDATA[Addy Osmani on images in HTML:
|
||||
The humble <img> element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can
|
||||
…
|
||||
The post The Humble `img` Element And Core Web Vitals appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How We Improved Our Core Web Vitals (Case Study)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/core-web-vitals-case-study/</id>
|
||||
|
|
@ -586,7 +607,7 @@ Chore: Refactored parameter passing for enrich step.]]></summary>
|
|||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Guide To Undoing Mistakes With Git]]></title>
|
||||
<title type="html"><![CDATA[A Guide To Undoing Mistakes With Git (Part 1)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/"/>
|
||||
<updated>2021-05-04T14:30:00.000Z</updated>
|
||||
|
|
@ -655,14 +676,4 @@ Chore: Refactored parameter passing for enrich step.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Adrian Bece)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Bake Layers Of Accessibility Testing Into Your Process]]></title>
|
||||
<id>https://smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/</id>
|
||||
<link href="https://smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/"/>
|
||||
<updated>2021-04-26T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to "layered accessibility testing”, a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early — when it’s easier and cheaper to fix them.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Kate Kalcevich & Mike Gifford)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
223
index.html
223
index.html
|
|
@ -18,14 +18,93 @@
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-25">2021-05-25</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">What I Learned Building a Word Game App With Nuxt on Google Play</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/what-i-learned-building-a-word-game-app-with-nuxt-on-google-play/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(25 min)</span>
|
||||
<span>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.
|
||||
Table of contents
|
||||
What’s the game
|
||||
…
|
||||
The post What I Learned Building a Word Game App With Nuxt on Google Play appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Creating Powerful Websites with Serverless-Driven CMS Development</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/creating-powerful-websites-with-serverless-driven-cms-development/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>Choosing the right tools to build a website for your organization is essential, but it can be tough to find the right fit. Simple site builders like Wix and Squarespace are easy for marketers to use, but severely limit developers …
|
||||
The post Creating Powerful Websites with Serverless-Driven CMS Development appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Keep Calm and Hack The Box – Valentine</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-valentine/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Walkthrough for Hack The Box Valentine machine</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Use React-Hook-Form to Build Beautiful Forms with Chakra UI</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Web Design Best Practices for New Developers – How to Create Portfolio-Worthy Work</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/web-design-best-practices-for-new-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>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</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Use Node Environment Variables with a DotEnv File for Node.js and npm</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-use-node-environment-variables-with-a-dotenv-file-for-node-js-and-npm/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Environment variables are variables that are set outside of a program, often through a cloud provider or operating system. In Node, environment variables are a great way to securely and conveniently configure things that don't change often, like URLs, authentication keys, and passwords. How to Create Environment VariablesEnvironment variables are</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Keep Calm and Hack The Box – Nibbles</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles-2/">
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Walkthrough for Hack The Box Nibbles machine</span>
|
||||
|
|
@ -35,6 +114,34 @@
|
|||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Guide To Undoing Mistakes With Git (Part 2)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A New Way To Reduce Font Loading Impact: CSS Font Descriptors</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
|
|
@ -291,7 +398,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">JSON in CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/json-in-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>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 …
|
||||
The post JSON in CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -340,56 +447,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Angular 11 Tutorial: Code a Project from Scratch</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/angular-11-tutorial-code-a-project-from-scratch/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>Angular is one of the most popular web frameworks. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create an Angular 11 project from scratch. It uses a public API to create a game database website. You will gain a great foundation</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn Modern C++ by Building an Audio Plugin</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-modern-cpp-by-building-an-audio-plugin/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>A lot of C++ courses teach you how to build toy projects with no real-world application. But it can often be more helpful to write programs people would actually use. We just released a 5-hour C++ course that will teach you how to write modern C++ code by building an</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Get Started with Version Control Using Git</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/get-started-with-version-control-and-git/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>In this tutorial, you'll learn what version control is and how you can contribute to open-source projects using Git. We'll get through the fundamentals of Git and I'll give you the knowledge that is indispensable for any web developer. What is Git?Git is a version control software which lets</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn JavaScript - A Free 7-hour Interactive Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-javascript-interactive-course/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Over the last four months, I have recorded what is probably the most interactive JavaScript course that has ever been created. The reason I have done this is because I often see new coders fall into the same pitfalls again and again when trying to learn JavaScript, with the most</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
|
|
@ -490,19 +547,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<span>I’m afraid I have to start this with a whole backstory, as the journey here is the point, not so much the theme.
|
||||
A fella wrote to me a while back outlining a situation he was in. His company has …
|
||||
The post Pinned Audio WordPress Theme appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Create Neon Text With CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/how-to-create-neon-text-with-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d share some tips on how to do it! In this article, …
|
||||
The post How to Create Neon Text With CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -543,27 +587,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-17">2021-05-17</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Humble `img` Element And Core Web Vitals</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(18 min)</span>
|
||||
<span>Addy Osmani on images in HTML:
|
||||
The humble element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can
|
||||
…
|
||||
The post The Humble `img` Element And Core Web Vitals appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://github.com/osmoscraft/osmosfeed/releases">Release notes from osmosfeed</a></h3>
|
||||
|
|
@ -670,7 +693,7 @@ Thank you @tianheg, @onnyyonn</span>
|
|||
<summary class="article-expander__title">Frustrating Design Patterns That Need Fixing: Birthday Picker</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/frustrating-design-patterns-birthday-picker/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>In this new series of articles on UX, we take a closer look at some frustrating design patterns and explore better alternatives, along with plenty of examples to keep in mind when building or designing one. Let’s start with an infamous birthday picker.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -915,7 +938,7 @@ Chore: Refactored parameter passing for enrich step.</span>
|
|||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Guide To Undoing Mistakes With Git</summary>
|
||||
<summary class="article-expander__title">A Guide To Undoing Mistakes With Git (Part 1)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
|
|
@ -1049,31 +1072,9 @@ Chore: Refactored parameter passing for enrich step.</span>
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-04-26">2021-04-26</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How To Bake Layers Of Accessibility Testing Into Your Process</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span>Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to "layered accessibility testing”, a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early — when it’s easier and cheaper to fix them.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-05-25T00:48:15.976Z">2021-05-25T00:48:15.976Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-26T00:57:50.736Z">2021-05-26T00:57:50.736Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.8.1</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue