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
fe8f4fa3bf
commit
2a7892a6f4
3 changed files with 405 additions and 293 deletions
223
cache.json
223
cache.json
|
|
@ -5,13 +5,22 @@
|
|||
"feedUrl": "https://github.com/osmoscraft/osmosfeed/releases.atom",
|
||||
"siteUrl": "https://github.com/osmoscraft/osmosfeed/releases",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.0",
|
||||
"author": null,
|
||||
"description": "Added: support an experimental template for YouTube feed 📺 Demo | Source\n\nAggregate content from any YouTube channel rss url https://www.youtube.com/feeds/videos.xml?channel_id=<replace_with_channel_id>\nVideos are embedded via iframe and loading accelerated by youtube-lite-embed\nAds are reduced thanks to YouTube's policy for embedded videos 🙃\nWorks on mobile devices with butter smooth horizontal scroll.\nCaveat: the template works only with YouTube content. You cannot mix textual RSS feed or other video sources such as Vimeo.\nChanged: Default HTML template meta tag adjusted to match convention\nChanged: sources in template data is now ordered by last update timestamp (as opposed to alphabetical)\nThank you @PiyushLosalka",
|
||||
"link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.0",
|
||||
"publishedOn": "2021-06-23T05:57:59.000Z",
|
||||
"wordCount": 368,
|
||||
"title": "v1.11.0"
|
||||
},
|
||||
{
|
||||
"id": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.10.2",
|
||||
"author": null,
|
||||
"description": "Added: testing and CI/CD workflows",
|
||||
"link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.10.2",
|
||||
"publishedOn": "2021-06-01T04:39:30.000Z",
|
||||
"wordCount": 268,
|
||||
"wordCount": 263,
|
||||
"title": "v1.10.2"
|
||||
},
|
||||
{
|
||||
|
|
@ -20,7 +29,7 @@
|
|||
"description": "Added: experimental support for iTunes podcast feed: Demo | Source. With this new release, you can render an audio control to play the mp3 file and display iTunes episode duration. It is \"experimental\" due to these caveats:\n\nThis feature is currently only available through custom template.\niTunes has no strict format requirement for duration. The unit is most likely seconds but can be \"hh:mm:ss\" or \"mm:ss\" for some sources. A future version may expose a human readable string to the template.\nNo image support yet. Some shows might have disabled CORS or use a relative URL for image, which forces osmosfeed to download the image during build. A future version may support it.\nYou can't republish the podcast in the feed output. Supporting this goes beyond the scope of the project at the moment.\nFixed: the articles in template data were not sorted.\nThank you @Zenigata",
|
||||
"link": "https://github.com/osmoscraft/osmosfeed/releases/tag/v1.9.0",
|
||||
"publishedOn": "2021-05-26T06:02:55.000Z",
|
||||
"wordCount": 413,
|
||||
"wordCount": 412,
|
||||
"title": "v1.9.0"
|
||||
}
|
||||
]
|
||||
|
|
@ -30,6 +39,33 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=343076",
|
||||
"author": "Chris Coyier",
|
||||
"description": "When I blogged “Making Tables With Sticky Header and Footers Got a Bit Easier” recently, I mentioned that the “stickiness” improvement was just one of the features that got better for <table>s in Chrome as part of the TablesNG upgrade…\nThe post TablesNG — Improvements to table rendering in Chromium appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.bram.us/2021/06/21/tablesng-improvements-to-table-rendering-in-chromium/",
|
||||
"publishedOn": "2021-06-23T21:37:14.000Z",
|
||||
"wordCount": 1325,
|
||||
"title": "TablesNG — Improvements to table rendering in Chromium"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=342750",
|
||||
"author": "Ollie Williams",
|
||||
"description": "The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().…\nThe post Using Performant Next-Gen Images in CSS with image-set appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/using-performant-next-gen-images-in-css-with-image-set/",
|
||||
"publishedOn": "2021-06-23T19:10:54.000Z",
|
||||
"wordCount": 1244,
|
||||
"title": "Using Performant Next-Gen Images in CSS with image-set"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=342669",
|
||||
"author": "Chris Coyier",
|
||||
"description": "PPK looks at aspect-ratio, a CSS property for layout that, for the most part, does exactly what you would think it does. It’s getting more interesting as it’s behind a flag in Firefox and Safari now, so we’ll have …\nThe post “Weak declaration” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/weak-declaration/",
|
||||
"publishedOn": "2021-06-23T14:27:14.000Z",
|
||||
"wordCount": 704,
|
||||
"title": "“Weak declaration”"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=342930",
|
||||
"author": "Chris Coyier",
|
||||
|
|
@ -54,7 +90,7 @@
|
|||
"description": "I’m not here to raise a shield protecting CSS utility frameworks. I don’t even particularly like the approach, myself, and nothing is above fair criticism. But fair is a key word there. I can’t tell you how many times I’ve …\nThe post If we’re gonna criticize utility-class frameworks, let’s be fair about it appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/if-were-gonna-criticize-utility-class-frameworks-lets-be-fair-about-it/",
|
||||
"publishedOn": "2021-06-22T14:33:41.000Z",
|
||||
"wordCount": 1497,
|
||||
"wordCount": 3340,
|
||||
"title": "If we’re gonna criticize utility-class frameworks, let’s be fair about it"
|
||||
},
|
||||
{
|
||||
|
|
@ -90,7 +126,7 @@
|
|||
"description": "I studied the fonts of the top 1000 websites. Here’s what I learned. — Michael Li brings the data. San-serif has total dominance. “[…] it is rare to go below 10px or above 24px.” And poor <h5> always being the \n…\nThe post Links on Typography appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/links-on-typography-2/",
|
||||
"publishedOn": "2021-06-18T13:44:17.000Z",
|
||||
"wordCount": 784,
|
||||
"wordCount": 815,
|
||||
"title": "Links on Typography"
|
||||
},
|
||||
{
|
||||
|
|
@ -117,7 +153,7 @@
|
|||
"description": "If you’re abhorred by using inline styles, just move that style to the class attribute! And then make sure you have CSS in place that, ya know, does what it says on the box. \nI've revolutionized CSS. pic.twitter.com/1AWCldyCwP\n— Sam \n\n…\nThe post Inline Styles as Classes (lol) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/inline-styles-as-classes-lol/",
|
||||
"publishedOn": "2021-06-16T21:11:02.000Z",
|
||||
"wordCount": 1552,
|
||||
"wordCount": 1584,
|
||||
"title": "Inline Styles as Classes (lol)"
|
||||
},
|
||||
{
|
||||
|
|
@ -126,7 +162,7 @@
|
|||
"description": "Jim Nielsen: \nIf somebody says a comment isn’t adding any value, I would ask: to whom?\nPersonally, I’ve never liked the advice that writing obvious comments is bad practice—probably because I write obvious comments all the time.\nJim showed …\nThe post Useful and Useless Code Comments appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://blog.jim-nielsen.com/2021/useful-and-usless-code-comments/",
|
||||
"publishedOn": "2021-06-16T19:08:33.000Z",
|
||||
"wordCount": 869,
|
||||
"wordCount": 870,
|
||||
"title": "Useful and Useless Code Comments"
|
||||
},
|
||||
{
|
||||
|
|
@ -137,33 +173,6 @@
|
|||
"publishedOn": "2021-06-16T14:26:58.000Z",
|
||||
"wordCount": 2416,
|
||||
"title": "How I Used the WAAPI to Build an Animation Library"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=342198",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a specific page. The minimal amount of CSS …\nThe post Detect Unused Classes in… HTML appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/detect-unused-classes-in-html/",
|
||||
"publishedOn": "2021-06-15T23:24:20.000Z",
|
||||
"wordCount": 809,
|
||||
"title": "Detect Unused Classes in… HTML"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=342519",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Max Böck took me up on my challenge to look through a codebase and see how many of the @media queries could ultimately become @container queries.\nI took the bait and had a look at some of my projects – \n…\nThe post Media Queries in Times of @container appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://mxb.dev/blog/media-queries-in-times-of-container-queries/",
|
||||
"publishedOn": "2021-06-15T19:51:32.000Z",
|
||||
"wordCount": 2315,
|
||||
"title": "Media Queries in Times of @container"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=342248",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I wonder where headless WordPress will land. And by “headless” I mean only using the WordPress admin and building out the user-facing site through the WordPress REST API rather than the traditional WordPress theme structure.\nIs it… big? The future …\nThe post Just How Niche is Headless WordPress? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/just-how-niche-is-headless-wordpress/",
|
||||
"publishedOn": "2021-06-15T14:31:34.000Z",
|
||||
"wordCount": 2883,
|
||||
"title": "Just How Niche is Headless WordPress?"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -172,13 +181,41 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/06/new-smashing-online-workshops-frontend-ux-design/",
|
||||
"author": "hello@smashingmagazine.com (Iris Lješnjanin)",
|
||||
"description": "Frontend and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run [online workshops](https://smashingconf.com/online-workshops/) for all of us to learn together. And we have new ones coming up, and we’d like to kindly welcome you to join in.",
|
||||
"link": "https://smashingmagazine.com/2021/06/new-smashing-online-workshops-frontend-ux-design/",
|
||||
"publishedOn": "2021-06-23T13:30:00.000Z",
|
||||
"wordCount": 947,
|
||||
"title": "Smashing Online Workshops (July-October 2021)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1a95c729-8b29-4b44-90b0-d38183b367c0/online-workshops-2021-opt.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/06/automating-screen-reader-testing-macos-autovo/",
|
||||
"author": "hello@smashingmagazine.com (Cameron Cundiff)",
|
||||
"description": "Automated testing is an important part of any software project, including testing for accessibility. There are already tools for linting and integration testing accessibility, but what about end-to-end testing with real assistive technology? Since I hadn’t seen this before, I set out to build Auto VO, a driver for the VoiceOver screen reader.",
|
||||
"link": "https://smashingmagazine.com/2021/06/automating-screen-reader-testing-macos-autovo/",
|
||||
"publishedOn": "2021-06-23T09:30:00.000Z",
|
||||
"wordCount": 1350,
|
||||
"title": "Automating Screen Reader Testing On macOS Using Auto VO",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c81018b9-c45e-4c21-9762-dff84dd2682c/automating-screen-reader-testing-macos-autovo.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/06/design-code-modern-approach-development-challenges/",
|
||||
"author": "hello@smashingmagazine.com (Mikołaj Dobrucki)",
|
||||
"description": "After years of innovation in both tools and processes, the struggle between design and development is still real. This article focuses on the best practices for improving the design to development processes and how cutting-edge solutions, such as UXPin powered by Merge technology, can help in facilitating the change.",
|
||||
"link": "https://smashingmagazine.com/2021/06/design-code-modern-approach-development-challenges/",
|
||||
"publishedOn": "2021-06-22T09:00:00.000Z",
|
||||
"wordCount": 2886,
|
||||
"wordCount": 2885,
|
||||
"title": "Designing With Code: A Modern Approach To Design (Development Challenges)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/08546e48-5034-466a-a29c-08ce3827416e/uxpin-ui.png",
|
||||
|
|
@ -192,7 +229,7 @@
|
|||
"description": "Do you have to process data manually because it is served through images or scanned documents? An image-to-text conversion makes it possible to extract text from images to automate the processing of texts on images, videos, and scanned documents. In this article, we look at how to convert an image to text with React and Tesseract.js(OCR), preprocess images, and deal with the limitations of Tesseract (OCR).",
|
||||
"link": "https://smashingmagazine.com/2021/06/image-text-conversion-react-tesseract-js-ocr/",
|
||||
"publishedOn": "2021-06-21T14:30:00.000Z",
|
||||
"wordCount": 5349,
|
||||
"wordCount": 5358,
|
||||
"title": "Image To Text Conversion With React And Tesseract.js (OCR)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/012f3fbe-980a-44fc-b973-a459f6d9bf1a/image-text-conversion-react-tesseract-js-ocr.jpg",
|
||||
|
|
@ -206,7 +243,7 @@
|
|||
"description": "Voice assistants are currently the most popular use case for voice user interfaces. However, due to the bad feedback loop resulting from voice assistants can only solve simple user tasks such as setting an alarm or playing music. In order for voice user interfaces to really break through, feedback to the user must be visual, not auditive.",
|
||||
"link": "https://smashingmagazine.com/2021/06/alternative-voice-ui-voice-assistants/",
|
||||
"publishedOn": "2021-06-18T15:00:00.000Z",
|
||||
"wordCount": 3425,
|
||||
"wordCount": 3415,
|
||||
"title": "An Alternative Voice UI To Voice Assistants",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8ebd2c76-ebe5-4885-be3e-f9acc3608072/alternative-voice-ui-voice-assistants.jpg",
|
||||
|
|
@ -220,7 +257,7 @@
|
|||
"description": "Next.js has a file-based routing system in which each page automatically becomes a route based on its file name. This article will guide you through almost everything you need to know about Routing in Next.js and point you in the direction of related topics and concepts.",
|
||||
"link": "https://smashingmagazine.com/2021/06/client-side-routing-next-js/",
|
||||
"publishedOn": "2021-06-18T13:00:00.000Z",
|
||||
"wordCount": 3957,
|
||||
"wordCount": 3916,
|
||||
"title": "Client-Side Routing In Next.js",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a51f6c83-5e1a-4535-b28a-2018310ffc3b/client-side-routing-next-js.jpg",
|
||||
|
|
@ -234,7 +271,7 @@
|
|||
"description": "Image placement on the modern web is highly intentional, helping to communicate the overall purpose of a page or view. This means that nearly every image you declare needs to have an alternate description.",
|
||||
"link": "https://smashingmagazine.com/2021/06/img-alt-attribute-alternate-description-decorative/",
|
||||
"publishedOn": "2021-06-17T10:30:00.000Z",
|
||||
"wordCount": 1638,
|
||||
"wordCount": 1639,
|
||||
"title": "Your Image Is Probably Not Decorative",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/95585fe9-52b8-4bd4-adac-a3580ef87b98/img-alt-attribute-alternate-description-decorative.jpg",
|
||||
|
|
@ -290,7 +327,7 @@
|
|||
"description": "Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes.",
|
||||
"link": "https://smashingmagazine.com/2021/06/css-javascript-requirements-accessible-components/",
|
||||
"publishedOn": "2021-06-14T10:30:00.000Z",
|
||||
"wordCount": 3672,
|
||||
"wordCount": 3670,
|
||||
"title": "When CSS Isn’t Enough: JavaScript Requirements For Accessible Components",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/9982fa1e-806c-4343-9de1-eb804a48451e/css-javascript-requirements-accessible-components.jpg",
|
||||
|
|
@ -304,7 +341,7 @@
|
|||
"description": "Design often revolves around visuals, but the other senses deserve love too. In this article, we tune in to audio features that are making sites sing.",
|
||||
"link": "https://smashingmagazine.com/2021/06/web-design-done-well-audio/",
|
||||
"publishedOn": "2021-06-11T15:00:00.000Z",
|
||||
"wordCount": 1742,
|
||||
"wordCount": 1741,
|
||||
"title": "Web Design Done Well: Making Use Of Audio",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bf0cbb26-546e-43b7-9b9a-9077259ea84b/making-use-of-audio.jpg",
|
||||
|
|
@ -374,7 +411,7 @@
|
|||
"description": "In this guide, we’ll be taking a general look at the concepts of forward geocoding and reverse geocoding, and will build a mini-app that applies these concepts to display specific locations, using Mapbox and Vue.js 2.6.11 to achieve this.",
|
||||
"link": "https://smashingmagazine.com/2021/06/building-geocoding-app-vue-mapbox/",
|
||||
"publishedOn": "2021-06-07T11:00:00.000Z",
|
||||
"wordCount": 2393,
|
||||
"wordCount": 2445,
|
||||
"title": "How To Build A Geocoding App In Vue.js Using Mapbox",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/20dc2361-e5a5-4a78-b380-2f5942ecfba8/building-geocoding-app-vue-mapbox.jpg",
|
||||
|
|
@ -388,7 +425,7 @@
|
|||
"description": "Modern browsers provide good support for JavaScript modules, but module bundlers such as webpack stay a critical part of the JavaScript toolchain. Let’s take a deep dive into what webpack is and how to use it in your development workflow.",
|
||||
"link": "https://smashingmagazine.com/2021/06/getting-started-webpack/",
|
||||
"publishedOn": "2021-06-04T10:00:00.000Z",
|
||||
"wordCount": 4370,
|
||||
"wordCount": 4412,
|
||||
"title": "Getting Started With Webpack",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/66ba7a41-2a37-471b-9c60-66a3162d8f05/webpack-dependency-graph-opt.png",
|
||||
|
|
@ -402,7 +439,7 @@
|
|||
"description": "Writing large-scale Vue applications can be a challenge. In this article, Shawn Wildermuth dives into the pros and cons of approaches like factories, shared objects, and using Vuex. He also explains what is coming in Vuex 5.0 that might change how we all use shared state in Vue 3.",
|
||||
"link": "https://smashingmagazine.com/2021/06/managing-shared-state-vue3/",
|
||||
"publishedOn": "2021-06-03T10:30:00.000Z",
|
||||
"wordCount": 3675,
|
||||
"wordCount": 3729,
|
||||
"title": "Managing Shared State In Vue 3",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0a70815d-28e5-44af-8306-0e992e99593a/managing-shared-state-vue3.jpg",
|
||||
|
|
@ -416,7 +453,7 @@
|
|||
"description": "Google’s Core Web Vitals initiative has taken the SEO and Web Performance worlds by storm and many sites are busy optimizing their Page Experience to maximize the ranking factor. The Cumulative Layout Shift metric is causing trouble to a lot of sites, so let’s have a look at ways of addressing any issues for that metric.",
|
||||
"link": "https://smashingmagazine.com/2021/06/how-to-fix-cumulative-layout-shift-issues/",
|
||||
"publishedOn": "2021-06-02T12:30:00.000Z",
|
||||
"wordCount": 4584,
|
||||
"wordCount": 4585,
|
||||
"title": "How To Fix Cumulative Layout Shift (CLS) Issues",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/87fbe5f9-d311-4542-a3f0-14e860415946/cumulative-layout-shift-issues.jpg",
|
||||
|
|
@ -430,7 +467,7 @@
|
|||
"description": "Getting a good performance score from Google is hard for any website — but doing so for an online store is even harder. We achieved green scores — even several for mobile. Here is how we did it.",
|
||||
"link": "https://smashingmagazine.com/2021/06/front-end-performance-online-store-jewellerybox/",
|
||||
"publishedOn": "2021-06-02T10:30:00.000Z",
|
||||
"wordCount": 5612,
|
||||
"wordCount": 5663,
|
||||
"title": "Improving The Performance Of An Online Store (Case Study)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8a350bf5-9114-420c-b587-fee03ea4acb6/jewellerybox-uk-online-store-scipioerp.jpg",
|
||||
|
|
@ -472,7 +509,7 @@
|
|||
"description": "What could be a better way to welcome June than with some colorful inspiration? Well, we might have something for you: wallpapers created with love by artists and designers from across the globe.",
|
||||
"link": "https://smashingmagazine.com/2021/05/desktop-wallpaper-calendars-june-2021/",
|
||||
"publishedOn": "2021-05-31T11:30:00.000Z",
|
||||
"wordCount": 2766,
|
||||
"wordCount": 2772,
|
||||
"title": "Happy June Vibes For Your Screen (2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/374464b5-093e-4ca2-9397-6f26c83756d4/june-20-summer-coziness-preview-opt.png",
|
||||
|
|
@ -486,7 +523,7 @@
|
|||
"description": "In this article, we’ll be re-using the foundational WYSIWYG Editor built in the first article to build a commenting system for a WYSIWYG Editor that enables users to select text inside a document and share their comments on it. Let’s dig in!",
|
||||
"link": "https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/",
|
||||
"publishedOn": "2021-05-28T11:00:00.000Z",
|
||||
"wordCount": 10601,
|
||||
"wordCount": 10593,
|
||||
"title": "Adding A Commenting System To A WYSIWYG Editor",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ec39e154-d3d3-4a12-91fd-f0c068cd5247/commenting-system-wysiwyg-editor.jpg",
|
||||
|
|
@ -500,7 +537,7 @@
|
|||
"description": "Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. With auto log messages, auto code formatting, file utils, file labels, code snippets, highlight brackets, tags, indents and workspaces, onboarding and remote SSH.",
|
||||
"link": "https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/",
|
||||
"publishedOn": "2021-05-27T13:30:00.000Z",
|
||||
"wordCount": 4049,
|
||||
"wordCount": 4050,
|
||||
"title": "Useful VS Code Extensions For Front-End Developers",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2c5dbb73-94e1-486f-9daa-351699faaa2d/peacock-extension.png",
|
||||
|
|
@ -542,27 +579,13 @@
|
|||
"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": 2326,
|
||||
"wordCount": 2337,
|
||||
"title": "A Guide To Undoing Mistakes With Git (Part 2)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/211042ae-7a72-42ba-804e-9f8132815200/undoing-mistakes-git-part1.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"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": 2255,
|
||||
"title": "A New Way To Reduce Font Loading Impact: CSS Font Descriptors",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/f0c69413-365e-4c39-9ee8-ad1d2b44e56b/reduce-font-loading-impact-css-descriptors.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -571,6 +594,42 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "605abca5687d62084bf6b7cd",
|
||||
"author": null,
|
||||
"description": "Data Analysis is the process of exploring, investigating, and gathering insights from data using statistical measures and visualizations. The objective of data analysis is to develop an understanding of data by uncovering trends, relationships, and patterns. Data analysis is both a science and an art. On the one hand it",
|
||||
"link": "https://www.freecodecamp.org/news/exploratory-data-analysis-with-numpy-pandas-matplotlib-seaborn/",
|
||||
"publishedOn": "2021-06-24T00:11:01.000Z",
|
||||
"wordCount": 8365,
|
||||
"title": "What is Data Analysis? How to Visualize Data with Python, Numpy, Pandas, Matplotlib & Seaborn Tutorial"
|
||||
},
|
||||
{
|
||||
"id": "6072ffd4d5756f080ba98b27",
|
||||
"author": null,
|
||||
"description": "Over the last few years, microservices have gone from an overhyped buzzword to something you should understand as a software engineer. According to an O'Reilly developer survey in 2020: 61% of companies have been using microservices in the last year29% say at least half of their company systems are built",
|
||||
"link": "https://www.freecodecamp.org/news/microservices-architecture-for-humans/",
|
||||
"publishedOn": "2021-06-23T21:52:08.000Z",
|
||||
"wordCount": 2975,
|
||||
"title": "Microservices Architecture – Explained in Plain English"
|
||||
},
|
||||
{
|
||||
"id": "60d36eb66e1a1407b6b0b16d",
|
||||
"author": null,
|
||||
"description": ".NET is a popular software framework developed by Microsoft. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create a REST API end-to-end from scratch using the latest .NET 5 innovations and Visual Studio Code. The course uses the C# programming language.",
|
||||
"link": "https://www.freecodecamp.org/news/create-a-rest-api-with-dot-net-5-and-c-sharp/",
|
||||
"publishedOn": "2021-06-23T18:08:14.000Z",
|
||||
"wordCount": 60401,
|
||||
"title": "Create a REST API with .NET 5 and C#"
|
||||
},
|
||||
{
|
||||
"id": "60a406bd906c5207e3a7dfcb",
|
||||
"author": null,
|
||||
"description": "In this article you will learn how to create a great technical video course. I run the freeCodeCamp.org YouTube channel where we post technical courses from a variety of contributors. Video courses that follow the guidelines in this article are often a good fit for freeCodeCamp's channel. How to",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-create-a-great-technical-course/",
|
||||
"publishedOn": "2021-06-23T17:19:24.000Z",
|
||||
"wordCount": 2330,
|
||||
"title": "How to Create a Great Technical Course"
|
||||
},
|
||||
{
|
||||
"id": "60d2323d6e1a1407b6b0ac4f",
|
||||
"author": null,
|
||||
|
|
@ -624,45 +683,9 @@
|
|||
"publishedOn": "2021-06-21T21:25:11.000Z",
|
||||
"wordCount": 1085,
|
||||
"title": "Python List Methods – append( ) vs extend( ) in Python Explained with Code Examples"
|
||||
},
|
||||
{
|
||||
"id": "60cccd6e4dc1a607ed7b4f81",
|
||||
"author": null,
|
||||
"description": "Redux is a state management library for front end applications. Developers commonly use it with React through the react-redux package, but it can also stand alone – so you can use it in any front end framework or library, including Vanilla JavaScript. Redux can really be intimidating at first. It might",
|
||||
"link": "https://www.freecodecamp.org/news/learn-redux-by-making-a-counter-application/",
|
||||
"publishedOn": "2021-06-21T21:01:42.000Z",
|
||||
"wordCount": 1659,
|
||||
"title": "Learn Redux by Making a Counter Application"
|
||||
},
|
||||
{
|
||||
"id": "60d0d0ff6e1a1407b6b0a506",
|
||||
"author": null,
|
||||
"description": "Today you're going to create one of the most important apps you can build for yourself: your developer portfolio. Every React developer or web developer in general needs to be able to show off what they can do to any potential client or employer. That's exactly what we're going to",
|
||||
"link": "https://www.freecodecamp.org/news/build-portfolio-website-react/",
|
||||
"publishedOn": "2021-06-21T18:15:53.000Z",
|
||||
"wordCount": 3729,
|
||||
"title": "How to Build a Portfolio Website with React"
|
||||
},
|
||||
{
|
||||
"id": "60cda7104dc1a607ed7b5588",
|
||||
"author": null,
|
||||
"description": "Figma is a powerful design tool that helps you to create anything: websites, applications, logos, and much more. By learning to use Figma, you'll take your first steps into User Interface Design and and User Experience Design. These skills are essential for building a great portfolio for yourself and potentially",
|
||||
"link": "https://www.freecodecamp.org/news/figma-crash-course/",
|
||||
"publishedOn": "2021-06-21T17:52:21.000Z",
|
||||
"wordCount": 1194,
|
||||
"title": "What is Figma? A Design Crash Course [2021 Tutorial]"
|
||||
},
|
||||
{
|
||||
"id": "60a55b37906c5207e3a7ea78",
|
||||
"author": null,
|
||||
"description": "But where do you store your application's content? Storing the content on the blockchain would be expensive and inefficient. Your blockchain application needs decentralized storage!",
|
||||
"link": "https://www.freecodecamp.org/news/technical-guide-to-ipfs-decentralized-storage-of-web3/",
|
||||
"publishedOn": "2021-06-21T16:38:36.000Z",
|
||||
"wordCount": 3575,
|
||||
"title": "A Technical Guide to IPFS – the Decentralized Storage of Web3"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"cliVersion": "1.10.2"
|
||||
"cliVersion": "1.11.0"
|
||||
}
|
||||
204
feed.atom
204
feed.atom
|
|
@ -1,10 +1,122 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-06-23T00:36:08.270Z</id>
|
||||
<id>urn:2021-06-24T00:30:15.599Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-06-23T00:36:08.270Z</updated>
|
||||
<generator>osmosfeed 1.10.2</generator>
|
||||
<updated>2021-06-24T00:30:15.599Z</updated>
|
||||
<generator>osmosfeed 1.11.0</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is Data Analysis? How to Visualize Data with Python, Numpy, Pandas, Matplotlib & Seaborn Tutorial]]></title>
|
||||
<id>605abca5687d62084bf6b7cd</id>
|
||||
<link href="https://www.freecodecamp.org/news/exploratory-data-analysis-with-numpy-pandas-matplotlib-seaborn/"/>
|
||||
<updated>2021-06-24T00:11:01.000Z</updated>
|
||||
<summary type="html"><![CDATA[Data Analysis is the process of exploring, investigating, and gathering insights from data using statistical measures and visualizations. The objective of data analysis is to develop an understanding of data by uncovering trends, relationships, and patterns. Data analysis is both a science and an art. On the one hand it]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Microservices Architecture – Explained in Plain English]]></title>
|
||||
<id>6072ffd4d5756f080ba98b27</id>
|
||||
<link href="https://www.freecodecamp.org/news/microservices-architecture-for-humans/"/>
|
||||
<updated>2021-06-23T21:52:08.000Z</updated>
|
||||
<summary type="html"><![CDATA[Over the last few years, microservices have gone from an overhyped buzzword to something you should understand as a software engineer. According to an O'Reilly developer survey in 2020: 61% of companies have been using microservices in the last year29% say at least half of their company systems are built]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[TablesNG — Improvements to table rendering in Chromium]]></title>
|
||||
<id>https://css-tricks.com/?p=343076</id>
|
||||
<link href="https://www.bram.us/2021/06/21/tablesng-improvements-to-table-rendering-in-chromium/"/>
|
||||
<updated>2021-06-23T21:37:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[When I blogged “Making Tables With Sticky Header and Footers Got a Bit Easier” recently, I mentioned that the “stickiness” improvement was just one of the features that got better for <table>s in Chrome as part of the TablesNG upgrade…
|
||||
The post TablesNG — Improvements to table rendering in Chromium 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[Using Performant Next-Gen Images in CSS with image-set]]></title>
|
||||
<id>https://css-tricks.com/?p=342750</id>
|
||||
<link href="https://css-tricks.com/using-performant-next-gen-images-in-css-with-image-set/"/>
|
||||
<updated>2021-06-23T19:10:54.000Z</updated>
|
||||
<summary type="html"><![CDATA[The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().…
|
||||
The post Using Performant Next-Gen Images in CSS with image-set appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Ollie Williams</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Create a REST API with .NET 5 and C#]]></title>
|
||||
<id>60d36eb66e1a1407b6b0b16d</id>
|
||||
<link href="https://www.freecodecamp.org/news/create-a-rest-api-with-dot-net-5-and-c-sharp/"/>
|
||||
<updated>2021-06-23T18:08:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[.NET is a popular software framework developed by Microsoft. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create a REST API end-to-end from scratch using the latest .NET 5 innovations and Visual Studio Code. The course uses the C# programming language.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create a Great Technical Course]]></title>
|
||||
<id>60a406bd906c5207e3a7dfcb</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-create-a-great-technical-course/"/>
|
||||
<updated>2021-06-23T17:19:24.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article you will learn how to create a great technical video course. I run the freeCodeCamp.org YouTube channel where we post technical courses from a variety of contributors. Video courses that follow the guidelines in this article are often a good fit for freeCodeCamp's channel. How to]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[“Weak declaration”]]></title>
|
||||
<id>https://css-tricks.com/?p=342669</id>
|
||||
<link href="https://css-tricks.com/weak-declaration/"/>
|
||||
<updated>2021-06-23T14:27:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[PPK looks at aspect-ratio, a CSS property for layout that, for the most part, does exactly what you would think it does. It’s getting more interesting as it’s behind a flag in Firefox and Safari now, so we’ll have …
|
||||
The post “Weak declaration” 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[Smashing Online Workshops (July-October 2021)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/06/new-smashing-online-workshops-frontend-ux-design/</id>
|
||||
<link href="https://smashingmagazine.com/2021/06/new-smashing-online-workshops-frontend-ux-design/"/>
|
||||
<updated>2021-06-23T13:30:00.000Z</updated>
|
||||
<summary type="html">< for all of us to learn together. And we have new ones coming up, and we’d like to kindly welcome you to join in.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Iris Lješnjanin)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Automating Screen Reader Testing On macOS Using Auto VO]]></title>
|
||||
<id>https://smashingmagazine.com/2021/06/automating-screen-reader-testing-macos-autovo/</id>
|
||||
<link href="https://smashingmagazine.com/2021/06/automating-screen-reader-testing-macos-autovo/"/>
|
||||
<updated>2021-06-23T09:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Automated testing is an important part of any software project, including testing for accessibility. There are already tools for linting and integration testing accessibility, but what about end-to-end testing with real assistive technology? Since I hadn’t seen this before, I set out to build Auto VO, a driver for the VoiceOver screen reader.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Cameron Cundiff)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[v1.11.0]]></title>
|
||||
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.0</id>
|
||||
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.0"/>
|
||||
<updated>2021-06-23T05:57:59.000Z</updated>
|
||||
<summary type="html"><![CDATA[Added: support an experimental template for YouTube feed 📺 Demo | Source
|
||||
|
||||
Aggregate content from any YouTube channel rss url https://www.youtube.com/feeds/videos.xml?channel_id=<replace_with_channel_id>
|
||||
Videos are embedded via iframe and loading accelerated by youtube-lite-embed
|
||||
Ads are reduced thanks to YouTube's policy for embedded videos 🙃
|
||||
Works on mobile devices with butter smooth horizontal scroll.
|
||||
Caveat: the template works only with YouTube content. You cannot mix textual RSS feed or other video sources such as Vimeo.
|
||||
Changed: Default HTML template meta tag adjusted to match convention
|
||||
Changed: sources in template data is now ordered by last update timestamp (as opposed to alphabetical)
|
||||
Thank you @PiyushLosalka]]></summary>
|
||||
<author>
|
||||
<name>Release notes from osmosfeed</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[inherit, initial, unset, revert]]></title>
|
||||
<id>https://css-tricks.com/?p=342930</id>
|
||||
|
|
@ -119,46 +231,6 @@ The post Are we in a new era of web design? What do we call it? appeared first o
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn Redux by Making a Counter Application]]></title>
|
||||
<id>60cccd6e4dc1a607ed7b4f81</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-redux-by-making-a-counter-application/"/>
|
||||
<updated>2021-06-21T21:01:42.000Z</updated>
|
||||
<summary type="html"><![CDATA[Redux is a state management library for front end applications. Developers commonly use it with React through the react-redux package, but it can also stand alone – so you can use it in any front end framework or library, including Vanilla JavaScript. Redux can really be intimidating at first. It might]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Build a Portfolio Website with React]]></title>
|
||||
<id>60d0d0ff6e1a1407b6b0a506</id>
|
||||
<link href="https://www.freecodecamp.org/news/build-portfolio-website-react/"/>
|
||||
<updated>2021-06-21T18:15:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[Today you're going to create one of the most important apps you can build for yourself: your developer portfolio. Every React developer or web developer in general needs to be able to show off what they can do to any potential client or employer. That's exactly what we're going to]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is Figma? A Design Crash Course [2021 Tutorial]]]></title>
|
||||
<id>60cda7104dc1a607ed7b5588</id>
|
||||
<link href="https://www.freecodecamp.org/news/figma-crash-course/"/>
|
||||
<updated>2021-06-21T17:52:21.000Z</updated>
|
||||
<summary type="html"><![CDATA[Figma is a powerful design tool that helps you to create anything: websites, applications, logos, and much more. By learning to use Figma, you'll take your first steps into User Interface Design and and User Experience Design. These skills are essential for building a great portfolio for yourself and potentially]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Technical Guide to IPFS – the Decentralized Storage of Web3]]></title>
|
||||
<id>60a55b37906c5207e3a7ea78</id>
|
||||
<link href="https://www.freecodecamp.org/news/technical-guide-to-ipfs-decentralized-storage-of-web3/"/>
|
||||
<updated>2021-06-21T16:38:36.000Z</updated>
|
||||
<summary type="html"><![CDATA[But where do you store your application's content? Storing the content on the blockchain would be expensive and inefficient. Your blockchain application needs decentralized storage!]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create CSS Charts With Interesting Shapes, Glyphs and Emoji]]></title>
|
||||
<id>https://css-tricks.com/?p=342448</id>
|
||||
|
|
@ -307,42 +379,6 @@ The post How I Used the WAAPI to Build an Animation Library appeared first on CS
|
|||
<name>hello@smashingmagazine.com (Nic Chan)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Detect Unused Classes in… HTML]]></title>
|
||||
<id>https://css-tricks.com/?p=342198</id>
|
||||
<link href="https://css-tricks.com/detect-unused-classes-in-html/"/>
|
||||
<updated>2021-06-15T23:24:20.000Z</updated>
|
||||
<summary type="html"><![CDATA[Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a specific page. The minimal amount of CSS …
|
||||
The post Detect Unused Classes in… HTML 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[Media Queries in Times of @container]]></title>
|
||||
<id>https://css-tricks.com/?p=342519</id>
|
||||
<link href="https://mxb.dev/blog/media-queries-in-times-of-container-queries/"/>
|
||||
<updated>2021-06-15T19:51:32.000Z</updated>
|
||||
<summary type="html"><![CDATA[Max Böck took me up on my challenge to look through a codebase and see how many of the @media queries could ultimately become @container queries.
|
||||
I took the bait and had a look at some of my projects –
|
||||
…
|
||||
The post Media Queries in Times of @container 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[Just How Niche is Headless WordPress?]]></title>
|
||||
<id>https://css-tricks.com/?p=342248</id>
|
||||
<link href="https://css-tricks.com/just-how-niche-is-headless-wordpress/"/>
|
||||
<updated>2021-06-15T14:31:34.000Z</updated>
|
||||
<summary type="html"><![CDATA[I wonder where headless WordPress will land. And by “headless” I mean only using the WordPress admin and building out the user-facing site through the WordPress REST API rather than the traditional WordPress theme structure.
|
||||
Is it… big? The future …
|
||||
The post Just How Niche is Headless WordPress? 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[Spinning Up Multiple WordPress Sites Locally With DevKinsta]]></title>
|
||||
<id>https://smashingmagazine.com/2021/06/multiple-wordpress-sites-locally-devkinsta/</id>
|
||||
|
|
@ -580,14 +616,4 @@ Thank you @Zenigata]]></summary>
|
|||
<name>hello@smashingmagazine.com (Tobias Günther)</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>
|
||||
</feed>
|
||||
271
index.html
271
index.html
|
|
@ -15,6 +15,169 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-06-24">2021-06-24</time></h2>
|
||||
<ul class="sources card">
|
||||
<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">What is Data Analysis? How to Visualize Data with Python, Numpy, Pandas, Matplotlib & Seaborn Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/exploratory-data-analysis-with-numpy-pandas-matplotlib-seaborn/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(28 min)</span>
|
||||
<span>Data Analysis is the process of exploring, investigating, and gathering insights from data using statistical measures and visualizations. The objective of data analysis is to develop an understanding of data by uncovering trends, relationships, and patterns. Data analysis is both a science and an art. On the one hand it</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-06-23">2021-06-23</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">TablesNG — Improvements to table rendering in Chromium</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.bram.us/2021/06/21/tablesng-improvements-to-table-rendering-in-chromium/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>When I blogged “Making Tables With Sticky Header and Footers Got a Bit Easier” recently, I mentioned that the “stickiness” improvement was just one of the features that got better for
|
||||
s in Chrome as part of the TablesNG upgrade…
|
||||
The post TablesNG — Improvements to table rendering in Chromium 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">Using Performant Next-Gen Images in CSS with image-set</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/using-performant-next-gen-images-in-css-with-image-set/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().…
|
||||
The post Using Performant Next-Gen Images in CSS with image-set 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">“Weak declaration”</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/weak-declaration/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>PPK looks at aspect-ratio, a CSS property for layout that, for the most part, does exactly what you would think it does. It’s getting more interesting as it’s behind a flag in Firefox and Safari now, so we’ll have …
|
||||
The post “Weak declaration” 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>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">v1.11.0</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.0">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>Added: support an experimental template for YouTube feed 📺 Demo | Source
|
||||
|
||||
Aggregate content from any YouTube channel rss url https://www.youtube.com/feeds/videos.xml?channel_id=
|
||||
Videos are embedded via iframe and loading accelerated by youtube-lite-embed
|
||||
Ads are reduced thanks to YouTube's policy for embedded videos 🙃
|
||||
Works on mobile devices with butter smooth horizontal scroll.
|
||||
Caveat: the template works only with YouTube content. You cannot mix textual RSS feed or other video sources such as Vimeo.
|
||||
Changed: Default HTML template meta tag adjusted to match convention
|
||||
Changed: sources in template data is now ordered by last update timestamp (as opposed to alphabetical)
|
||||
Thank you @PiyushLosalka</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">Microservices Architecture – Explained in Plain English</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/microservices-architecture-for-humans/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>Over the last few years, microservices have gone from an overhyped buzzword to something you should understand as a software engineer. According to an O'Reilly developer survey in 2020: 61% of companies have been using microservices in the last year29% say at least half of their company systems are built</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Create a REST API with .NET 5 and C#</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/create-a-rest-api-with-dot-net-5-and-c-sharp/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(201 min)</span>
|
||||
<span>.NET is a popular software framework developed by Microsoft. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create a REST API end-to-end from scratch using the latest .NET 5 innovations and Visual Studio Code. The course uses the C# programming language.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Create a Great Technical Course</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-create-a-great-technical-course/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>In this article you will learn how to create a great technical video course. I run the freeCodeCamp.org YouTube channel where we post technical courses from a variety of contributors. Video courses that follow the guidelines in this article are often a good fit for freeCodeCamp's channel. How to</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>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Smashing Online Workshops (July-October 2021)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/06/new-smashing-online-workshops-frontend-ux-design/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Frontend and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run [online workshops](https://smashingconf.com/online-workshops/) for all of us to learn together. And we have new ones coming up, and we’d like to kindly welcome you to join in.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Automating Screen Reader Testing On macOS Using Auto VO</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/06/automating-screen-reader-testing-macos-autovo/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>Automated testing is an important part of any software project, including testing for accessibility. There are already tools for linting and integration testing accessibility, but what about end-to-end testing with real assistive technology? Since I hadn’t seen this before, I set out to build Auto VO, a driver for the VoiceOver screen reader.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-06-22">2021-06-22</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -51,7 +214,7 @@ The post Using Custom Elements in Svelte appeared first on CSS-Tricks. You can s
|
|||
<summary class="article-expander__title">If we’re gonna criticize utility-class frameworks, let’s be fair about it</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/if-were-gonna-criticize-utility-class-frameworks-lets-be-fair-about-it/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span>I’m not here to raise a shield protecting CSS utility frameworks. I don’t even particularly like the approach, myself, and nothing is above fair criticism. But fair is a key word there. I can’t tell you how many times I’ve …
|
||||
The post If we’re gonna criticize utility-class frameworks, let’s be fair about it appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -188,50 +351,6 @@ The post How to Create CSS Charts With Interesting Shapes, Glyphs and Emoji appe
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn Redux by Making a Counter Application</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-redux-by-making-a-counter-application/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Redux is a state management library for front end applications. Developers commonly use it with React through the react-redux package, but it can also stand alone – so you can use it in any front end framework or library, including Vanilla JavaScript. Redux can really be intimidating at first. It might</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Build a Portfolio Website with React</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/build-portfolio-website-react/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>Today you're going to create one of the most important apps you can build for yourself: your developer portfolio. Every React developer or web developer in general needs to be able to show off what they can do to any potential client or employer. That's exactly what we're going to</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">What is Figma? A Design Crash Course [2021 Tutorial]</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/figma-crash-course/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Figma is a powerful design tool that helps you to create anything: websites, applications, logos, and much more. By learning to use Figma, you'll take your first steps into User Interface Design and and User Experience Design. These skills are essential for building a great portfolio for yourself and potentially</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Technical Guide to IPFS – the Decentralized Storage of Web3</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/technical-guide-to-ipfs-decentralized-storage-of-web3/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>But where do you store your application's content? Storing the content on the blockchain would be expensive and inefficient. Your blockchain application needs decentralized storage!</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -446,51 +565,6 @@ The post How I Used the WAAPI to Build an Animation Library appeared first on CS
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-06-15">2021-06-15</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">Detect Unused Classes in… HTML</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/detect-unused-classes-in-html/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a specific page. The minimal amount of CSS …
|
||||
The post Detect Unused Classes in… HTML 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">Media Queries in Times of @container</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://mxb.dev/blog/media-queries-in-times-of-container-queries/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Max Böck took me up on my challenge to look through a codebase and see how many of the @media queries could ultimately become @container queries.
|
||||
I took the bait and had a look at some of my projects –
|
||||
…
|
||||
The post Media Queries in Times of @container 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">Just How Niche is Headless WordPress?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/just-how-niche-is-headless-wordpress/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>I wonder where headless WordPress will land. And by “headless” I mean only using the WordPress admin and building out the user-facing site through the WordPress REST API rather than the traditional WordPress theme structure.
|
||||
Is it… big? The future …
|
||||
The post Just How Niche is Headless WordPress? 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.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
|
|
@ -847,7 +921,7 @@ The post Just How Niche is Headless WordPress? appeared first on CSS-Tricks. You
|
|||
<summary class="article-expander__title">Useful VS Code Extensions For Front-End Developers</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(13 min)</span>
|
||||
<span class="article-reading-time">(14 min)</span>
|
||||
<span>Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. With auto log messages, auto code formatting, file utils, file labels, code snippets, highlight brackets, tags, indents and workspaces, onboarding and remote SSH.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -932,25 +1006,14 @@ Thank you @Zenigata</span>
|
|||
</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">(8 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>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-06-23T00:36:08.239Z">2021-06-23T00:36:08.239Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.10.2</a></span>
|
||||
<time id="build-timestamp" datetime="2021-06-24T00:30:15.584Z">2021-06-24T00:30:15.584Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.0</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
<!-- %before-body-end.html% -->
|
||||
|
|
|
|||
Loading…
Reference in a new issue