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
2d28daa3bb
commit
ac91104056
3 changed files with 280 additions and 271 deletions
178
cache.json
178
cache.json
|
|
@ -75,13 +75,31 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340967",
|
||||
"author": "Geoff Graham",
|
||||
"description": "I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on …\nThe post A Cornucopia of Container Queries appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/a-cornucopia-of-container-queries/",
|
||||
"publishedOn": "2021-06-09T20:37:00.000Z",
|
||||
"wordCount": 1534,
|
||||
"title": "A Cornucopia of Container Queries"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=341916",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Does that make your eye twitch a little bit? Like… it’s a typo. It should be target=\"_blank\" with an underscore to start the value. As in…\n<a target=\"_blank\" href=\"https://codepen.io\"Open CodePen in a New Tab\n</a\nWelp, that’s correct syntax!…\nThe post target=blank appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/targetblank/",
|
||||
"publishedOn": "2021-06-09T14:37:31.000Z",
|
||||
"wordCount": 802,
|
||||
"title": "target=blank"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=341982",
|
||||
"author": "Todd Libby",
|
||||
"description": "Have you ever experienced the frustration of trying to tap a button on a mobile device only to have it do nothing because the target size is just not large enough **and it’s not picking up on your press? Maybe …\nThe post Looking at WCAG 2.5.5 for Better Target Sizes appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/looking-at-wcag-2-5-5-for-better-target-sizes/",
|
||||
"publishedOn": "2021-06-08T18:31:08.000Z",
|
||||
"wordCount": 3036,
|
||||
"wordCount": 3234,
|
||||
"title": "Looking at WCAG 2.5.5 for Better Target Sizes"
|
||||
},
|
||||
{
|
||||
|
|
@ -108,7 +126,7 @@
|
|||
"description": "Let’s look at some extensions for VS Code that make writing and editing HTML (and languages that are basically HTML with extra powers) better. You may not like all of them. Maybe some of them don’t appeal to you, solve …\nThe post VS Code Extensions for HTML appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/vs-code-extensions-for-html/",
|
||||
"publishedOn": "2021-06-07T14:13:50.000Z",
|
||||
"wordCount": 1725,
|
||||
"wordCount": 1743,
|
||||
"title": "VS Code Extensions for HTML"
|
||||
},
|
||||
{
|
||||
|
|
@ -117,7 +135,7 @@
|
|||
"description": "Colin Oakley:\n• Accessible — Use semantic HTML, and make sure we meet the WCAG 2.1 AA standard as a minimum and it works with assisted technologies (this sits alongside the DWP Accessibility Manual)\n• Agnostic — Build \n…\nThe post Principles for user-centered front-end development appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://colinoakley.medium.com/the-web-we-choose-to-build-e921510e3f1b",
|
||||
"publishedOn": "2021-06-04T20:36:46.000Z",
|
||||
"wordCount": 1099,
|
||||
"wordCount": 1109,
|
||||
"title": "Principles for user-centered front-end development"
|
||||
},
|
||||
{
|
||||
|
|
@ -191,24 +209,6 @@
|
|||
"publishedOn": "2021-06-01T14:17:43.000Z",
|
||||
"wordCount": 4104,
|
||||
"title": "Front-End Testing is For Everyone"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=341296",
|
||||
"author": "Geoff Graham",
|
||||
"description": "Critical CSS is one of those things I see in my performance reports but always seem to ignore. I know what it means. It means to put only the CSS required to render things immediately visible in a <style>…\nThe post Jetpack Boost Handles Critical CSS For You appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/jetpack-boost-handles-critical-css-for-you/",
|
||||
"publishedOn": "2021-06-01T14:16:55.000Z",
|
||||
"wordCount": 926,
|
||||
"title": "Jetpack Boost Handles Critical CSS For You"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340465",
|
||||
"author": "Jason Lengstorf",
|
||||
"description": "Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion’s share of that work is falling to front-end devs:\nbuilding modern, accessible user interfaces\ncreating interactive elements and complex animations\nmanaging complex application state\n…\nThe post Serverless Functions: The Secret to Ultra-Productive Front-End Teams appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/serverless-functions-the-secret-to-ultra-productive-front-end-teams/",
|
||||
"publishedOn": "2021-05-31T17:16:22.000Z",
|
||||
"wordCount": 2068,
|
||||
"title": "Serverless Functions: The Secret to Ultra-Productive Front-End Teams"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -217,6 +217,20 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/06/has-native-css-parent-selector/",
|
||||
"author": "hello@smashingmagazine.com (Adrian Bece)",
|
||||
"description": "What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released.",
|
||||
"link": "https://smashingmagazine.com/2021/06/has-native-css-parent-selector/",
|
||||
"publishedOn": "2021-06-09T10:30:00.000Z",
|
||||
"wordCount": 2600,
|
||||
"title": "Meet <code>:has</code>, A Native CSS Parent Selector (And More)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/89aef48d-9be9-45df-a7f4-775168deb8dd/has-native-css-parent-selector.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/06/image-optimization-book-release/",
|
||||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||||
|
|
@ -237,7 +251,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": 2201,
|
||||
"wordCount": 2240,
|
||||
"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",
|
||||
|
|
@ -251,7 +265,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": 4125,
|
||||
"wordCount": 4126,
|
||||
"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",
|
||||
|
|
@ -265,7 +279,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": 3530,
|
||||
"wordCount": 3544,
|
||||
"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",
|
||||
|
|
@ -279,7 +293,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": 4381,
|
||||
"wordCount": 4376,
|
||||
"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",
|
||||
|
|
@ -293,7 +307,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": 5419,
|
||||
"wordCount": 5413,
|
||||
"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",
|
||||
|
|
@ -335,7 +349,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": 2528,
|
||||
"wordCount": 2478,
|
||||
"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",
|
||||
|
|
@ -349,7 +363,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": 10244,
|
||||
"wordCount": 10246,
|
||||
"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",
|
||||
|
|
@ -363,7 +377,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": 3775,
|
||||
"wordCount": 3781,
|
||||
"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",
|
||||
|
|
@ -391,7 +405,7 @@
|
|||
"description": "Discover which SVG patterns we should avoid and which patterns are the most inclusive when comparing different combinations of OSs, browsers, and screen readers.",
|
||||
"link": "https://smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/",
|
||||
"publishedOn": "2021-05-26T13:20:00.000Z",
|
||||
"wordCount": 1579,
|
||||
"wordCount": 1582,
|
||||
"title": "Accessible SVGs: Perfect Patterns For Screen Reader Users",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/35bf2e3a-ae5b-49a3-843a-318b4c81f5af/accessible-svg-patterns.jpg",
|
||||
|
|
@ -405,7 +419,7 @@
|
|||
"description": "Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! This post will show the right tools for your daily work with Git.",
|
||||
"link": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/",
|
||||
"publishedOn": "2021-05-25T14:00:00.000Z",
|
||||
"wordCount": 2113,
|
||||
"wordCount": 2150,
|
||||
"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",
|
||||
|
|
@ -419,7 +433,7 @@
|
|||
"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": 2109,
|
||||
"wordCount": 2108,
|
||||
"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",
|
||||
|
|
@ -433,7 +447,7 @@
|
|||
"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": 2741,
|
||||
"wordCount": 2736,
|
||||
"title": "CSS Container Queries: Use-Cases And Migration Strategies",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4d6d809b-0c1a-4074-9eeb-8509dc4d383f/css-container-queries-use-cases-migration-strategies.jpg",
|
||||
|
|
@ -447,7 +461,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": 9428,
|
||||
"wordCount": 9463,
|
||||
"title": "Building A Rich Text Editor (WYSIWYG)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bafdd817-038e-4e70-a830-de0f5da659c4/building-wysiwyg-editor-javascript-slatejs.jpg",
|
||||
|
|
@ -475,7 +489,7 @@
|
|||
"description": "A step-by-step tutorial on adding authentication and authorization to your Next.js apps, with Auth0. We’ll be using a Next.js SDK to connect our application to the Auth0 API and will create the dynamic API route for React.",
|
||||
"link": "https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/",
|
||||
"publishedOn": "2021-05-20T11:00:00.000Z",
|
||||
"wordCount": 2004,
|
||||
"wordCount": 1997,
|
||||
"title": "How To Implement Authentication In Next.js With Auth0",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3e905cbf-b17b-47da-aec4-15c9701bf4bf/implement-authentication-nextjs-auth0.jpg",
|
||||
|
|
@ -489,7 +503,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": 5062,
|
||||
"wordCount": 5060,
|
||||
"title": "Frustrating Design Patterns: Mega-Dropdown Hover Menus",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7c233470-63c3-4557-93c0-a8cc6709b6dd/13-mega-dropdown-hover-menus.png",
|
||||
|
|
@ -531,7 +545,7 @@
|
|||
"description": "Google’s “Page Experience Update” will start rolling out in June. At first, sites that meet Core Web Vitals thresholds will have a minor ranking advantage in mobile search for all browsers. Search is important to any business, and this is the story of how Beau Hartshorne and his team at Instant Domain Search improved their Core Web Vitals scores.",
|
||||
"link": "https://smashingmagazine.com/2021/05/core-web-vitals-case-study/",
|
||||
"publishedOn": "2021-05-17T11:30:00.000Z",
|
||||
"wordCount": 2985,
|
||||
"wordCount": 2989,
|
||||
"title": "How We Improved Our Core Web Vitals (Case Study)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b68aa1ba-94b7-4e70-83e5-5f58b37bf7cd/core-web-vitals-case-study.jpg",
|
||||
|
|
@ -559,7 +573,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": 3517,
|
||||
"wordCount": 3516,
|
||||
"title": "Frustrating Design Patterns That Need Fixing: Birthday Picker",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/f773d7bb-df56-409f-a3fb-aa1e6e0eea09/4-birthday-picker.jpg",
|
||||
|
|
@ -594,20 +608,6 @@
|
|||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/",
|
||||
"author": "hello@smashingmagazine.com (Amanda Annandale)",
|
||||
"description": "At the beginning of 2020, the SmashingConf team was ready for a new year. We had so many things that excited us. New speakers, new workshops, new cities, new attendees, new experiences. And as we all know, 2020 had other ideas. With so many people working from home, we thought we would bring our [Smashing workshops](https://smashingconf.com/online-workshops/) from our home offices to yours — but how?",
|
||||
"link": "https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/",
|
||||
"publishedOn": "2021-05-11T10:00:00.000Z",
|
||||
"wordCount": 1958,
|
||||
"title": "The Conference Platform We Use For Our Online Events: Hopin",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/cabbfe1a-8bcd-4ed3-9442-3ce8e51cc53e/hopin.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -616,6 +616,42 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "60b357ad11ffb70827ef9a90",
|
||||
"author": null,
|
||||
"description": "Last year I tweeted about how I was moving from a Slum where I lived for 29 years to a multi-story rented apartment. The tech community on Twitter responded with nothing but love. Dan Wahlin posted that he would love to hear more about my story. It's not going to",
|
||||
"link": "https://www.freecodecamp.org/news/my-journey-into-tech-from-slums-of-mumbai-to-my-own-apartment/",
|
||||
"publishedOn": "2021-06-09T21:55:16.000Z",
|
||||
"wordCount": 3477,
|
||||
"title": "From the Slums of Mumbai to a Rented Apartment – My 30-Year Developer Journey"
|
||||
},
|
||||
{
|
||||
"id": "60c0ccbed3126007592d5781",
|
||||
"author": null,
|
||||
"description": "Here's the bottom line: you don't need much to get started as a freelance developer. The biggest obstacle developers face when they're thinking about getting started is that they tend to overcomplicate things. Most are intimidated by the sheer number of different paths or skills deemed necessary by various blog",
|
||||
"link": "https://www.freecodecamp.org/news/the-skills-you-need-to-start-freelancing/",
|
||||
"publishedOn": "2021-06-09T19:45:20.000Z",
|
||||
"wordCount": 1731,
|
||||
"title": "The Skills You Need to Start Freelancing as a Developer"
|
||||
},
|
||||
{
|
||||
"id": "60c10a1dd3126007592d5988",
|
||||
"author": null,
|
||||
"description": "Bootstrap is one of the most popular CSS frameworks and Sass is one of the most popular preprocessors for CSS. We just released a course on the freeCodeCamp.org YouTube channel that will teach you about Bootstrap 5 and Sass by building a portfolio website. Patrick Muriungi developed this course.",
|
||||
"link": "https://www.freecodecamp.org/news/learn-bootstrap-5-and-sass-by-building-a-portfolio-website/",
|
||||
"publishedOn": "2021-06-09T18:43:07.000Z",
|
||||
"wordCount": 336,
|
||||
"title": "Learn Bootstrap 5 and SASS by Building a Portfolio Website"
|
||||
},
|
||||
{
|
||||
"id": "60bfa4d4d3126007592d5160",
|
||||
"author": null,
|
||||
"description": "Throughout this post we’ll deploy your freeCodeCamp front end project using various services on AWS like S3, ElasticBeanstalk, and Lambda.",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-deploy-your-freecodecamp-project-on-aws/",
|
||||
"publishedOn": "2021-06-08T23:47:43.000Z",
|
||||
"wordCount": 9491,
|
||||
"title": "How to Deploy Your freeCodeCamp Project on AWS – A Beginner's Guide to the Cloud"
|
||||
},
|
||||
{
|
||||
"id": "60bfd986d3126007592d53a1",
|
||||
"author": null,
|
||||
|
|
@ -650,7 +686,7 @@
|
|||
"link": "https://www.freecodecamp.org/news/the-complete-guide-to-full-stack-development-with-supabas/",
|
||||
"publishedOn": "2021-06-07T23:33:30.000Z",
|
||||
"wordCount": 3567,
|
||||
"title": "How to Build a Full Stack App with Supabase and Next.js"
|
||||
"title": "Full Stack Development with Next.js and Supabase – The Complete Guide"
|
||||
},
|
||||
{
|
||||
"id": "60be863cd3126007592d4c36",
|
||||
|
|
@ -669,42 +705,6 @@
|
|||
"publishedOn": "2021-06-07T18:18:01.000Z",
|
||||
"wordCount": 1597,
|
||||
"title": "How to Use Closures in JavaScript – A Beginner's Guide"
|
||||
},
|
||||
{
|
||||
"id": "60b136d911ffb70827ef912b",
|
||||
"author": null,
|
||||
"description": "ngClass is a directive in Angular that adds and removes CSS classes on an HTML element. In this article, we are talking about ngClass in Angular only, not ng-class in angular.js. Prerequisites – What is Property Binding?Two things we have to understand first are property binding and interpolation in",
|
||||
"link": "https://www.freecodecamp.org/news/angular-ngclass-example/",
|
||||
"publishedOn": "2021-06-07T15:01:26.000Z",
|
||||
"wordCount": 1547,
|
||||
"title": "Angular NgClass Example – How to Add Conditional CSS Classes"
|
||||
},
|
||||
{
|
||||
"id": "60b3480c11ffb70827ef9a88",
|
||||
"author": null,
|
||||
"description": "If you're building a React app, you want your users to be able to search and get exact results. And if you are getting tons of items from an API, then you need to create a way for users to be able to find various items easily.",
|
||||
"link": "https://www.freecodecamp.org/news/search-and-filter-component-in-reactjs/",
|
||||
"publishedOn": "2021-06-04T21:34:33.000Z",
|
||||
"wordCount": 2174,
|
||||
"title": "How to Search and Filter Components in React"
|
||||
},
|
||||
{
|
||||
"id": "60ba33d7acb62507dd1d9050",
|
||||
"author": null,
|
||||
"description": "Scikit-learn is one of the most popular open-source and free machine learning libraries for Python. The scikit-learn library contains a lot of efficient tools for machine learning and statistical modeling including classification, regression, clustering, and dimensionality reduction. Many data scientists, machine learning engineers, and researchers rely on this library for",
|
||||
"link": "https://www.freecodecamp.org/news/machine-learning-python-new-scikit-learn-features-you-should-know/",
|
||||
"publishedOn": "2021-06-04T20:58:07.000Z",
|
||||
"wordCount": 1544,
|
||||
"title": "Machine Learning in Python – The Top New Scikit-Learn 0.24 Features You Should Know"
|
||||
},
|
||||
{
|
||||
"id": "60b8f5c7acb62507dd1d8500",
|
||||
"author": null,
|
||||
"description": "I deployed a Discord bot to a 1000+ user server. In the first hour, Deployment Hell struck and my bot crashed. In the next hour, I brought it back, surviving and even thriving in Deployment Hell. In this post, I'll show you how.",
|
||||
"link": "https://www.freecodecamp.org/news/recovering-from-deployment-hell-what-i-learned-from-deploying-my-discord-bot-to-a-1000-user-server/",
|
||||
"publishedOn": "2021-06-04T20:41:29.000Z",
|
||||
"wordCount": 2166,
|
||||
"title": "How to Recover from Deployment Hell – What I Learned After My Discord Bot Crashed on a 1000+ User Server"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
161
feed.atom
161
feed.atom
|
|
@ -1,10 +1,87 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-06-09T00:43:32.148Z</id>
|
||||
<id>urn:2021-06-10T00:41:28.854Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-06-09T00:43:32.148Z</updated>
|
||||
<updated>2021-06-10T00:41:28.854Z</updated>
|
||||
<generator>osmosfeed 1.10.2</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[From the Slums of Mumbai to a Rented Apartment – My 30-Year Developer Journey]]></title>
|
||||
<id>60b357ad11ffb70827ef9a90</id>
|
||||
<link href="https://www.freecodecamp.org/news/my-journey-into-tech-from-slums-of-mumbai-to-my-own-apartment/"/>
|
||||
<updated>2021-06-09T21:55:16.000Z</updated>
|
||||
<summary type="html"><![CDATA[Last year I tweeted about how I was moving from a Slum where I lived for 29 years to a multi-story rented apartment. The tech community on Twitter responded with nothing but love. Dan Wahlin posted that he would love to hear more about my story. It's not going to]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Cornucopia of Container Queries]]></title>
|
||||
<id>https://css-tricks.com/?p=340967</id>
|
||||
<link href="https://css-tricks.com/a-cornucopia-of-container-queries/"/>
|
||||
<updated>2021-06-09T20:37:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on …
|
||||
The post A Cornucopia of Container Queries appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Geoff Graham</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Skills You Need to Start Freelancing as a Developer]]></title>
|
||||
<id>60c0ccbed3126007592d5781</id>
|
||||
<link href="https://www.freecodecamp.org/news/the-skills-you-need-to-start-freelancing/"/>
|
||||
<updated>2021-06-09T19:45:20.000Z</updated>
|
||||
<summary type="html"><![CDATA[Here's the bottom line: you don't need much to get started as a freelance developer. The biggest obstacle developers face when they're thinking about getting started is that they tend to overcomplicate things. Most are intimidated by the sheer number of different paths or skills deemed necessary by various blog]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn Bootstrap 5 and SASS by Building a Portfolio Website]]></title>
|
||||
<id>60c10a1dd3126007592d5988</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-bootstrap-5-and-sass-by-building-a-portfolio-website/"/>
|
||||
<updated>2021-06-09T18:43:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[Bootstrap is one of the most popular CSS frameworks and Sass is one of the most popular preprocessors for CSS. We just released a course on the freeCodeCamp.org YouTube channel that will teach you about Bootstrap 5 and Sass by building a portfolio website. Patrick Muriungi developed this course.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[target=blank]]></title>
|
||||
<id>https://css-tricks.com/?p=341916</id>
|
||||
<link href="https://css-tricks.com/targetblank/"/>
|
||||
<updated>2021-06-09T14:37:31.000Z</updated>
|
||||
<summary type="html"><![CDATA[Does that make your eye twitch a little bit? Like… it’s a typo. It should be target="_blank" with an underscore to start the value. As in…
|
||||
<a target="_blank" href="https://codepen.io"Open CodePen in a New Tab
|
||||
</a
|
||||
Welp, that’s correct syntax!…
|
||||
The post target=blank 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[Meet <code>:has</code>, A Native CSS Parent Selector (And More)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/06/has-native-css-parent-selector/</id>
|
||||
<link href="https://smashingmagazine.com/2021/06/has-native-css-parent-selector/"/>
|
||||
<updated>2021-06-09T10:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Adrian Bece)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Deploy Your freeCodeCamp Project on AWS – A Beginner's Guide to the Cloud]]></title>
|
||||
<id>60bfa4d4d3126007592d5160</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-deploy-your-freecodecamp-project-on-aws/"/>
|
||||
<updated>2021-06-08T23:47:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[Throughout this post we’ll deploy your freeCodeCamp front end project using various services on AWS like S3, ElasticBeanstalk, and Lambda.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Create Your Own Electronics With Arduino - Full Course]]></title>
|
||||
<id>60bfd986d3126007592d53a1</id>
|
||||
|
|
@ -71,7 +148,7 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Build a Full Stack App with Supabase and Next.js]]></title>
|
||||
<title type="html"><![CDATA[Full Stack Development with Next.js and Supabase – The Complete Guide]]></title>
|
||||
<id>60bbd28eacb62507dd1d99fb</id>
|
||||
<link href="https://www.freecodecamp.org/news/the-complete-guide-to-full-stack-development-with-supabas/"/>
|
||||
<updated>2021-06-07T23:33:30.000Z</updated>
|
||||
|
|
@ -113,16 +190,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Angular NgClass Example – How to Add Conditional CSS Classes]]></title>
|
||||
<id>60b136d911ffb70827ef912b</id>
|
||||
<link href="https://www.freecodecamp.org/news/angular-ngclass-example/"/>
|
||||
<updated>2021-06-07T15:01:26.000Z</updated>
|
||||
<summary type="html"><![CDATA[ngClass is a directive in Angular that adds and removes CSS classes on an HTML element. In this article, we are talking about ngClass in Angular only, not ng-class in angular.js. Prerequisites – What is Property Binding?Two things we have to understand first are property binding and interpolation in]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[VS Code Extensions for HTML]]></title>
|
||||
<id>https://css-tricks.com/?p=340390</id>
|
||||
|
|
@ -145,36 +212,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Prince Chukwudire)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Search and Filter Components in React]]></title>
|
||||
<id>60b3480c11ffb70827ef9a88</id>
|
||||
<link href="https://www.freecodecamp.org/news/search-and-filter-component-in-reactjs/"/>
|
||||
<updated>2021-06-04T21:34:33.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you're building a React app, you want your users to be able to search and get exact results. And if you are getting tons of items from an API, then you need to create a way for users to be able to find various items easily.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Machine Learning in Python – The Top New Scikit-Learn 0.24 Features You Should Know]]></title>
|
||||
<id>60ba33d7acb62507dd1d9050</id>
|
||||
<link href="https://www.freecodecamp.org/news/machine-learning-python-new-scikit-learn-features-you-should-know/"/>
|
||||
<updated>2021-06-04T20:58:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[Scikit-learn is one of the most popular open-source and free machine learning libraries for Python. The scikit-learn library contains a lot of efficient tools for machine learning and statistical modeling including classification, regression, clustering, and dimensionality reduction. Many data scientists, machine learning engineers, and researchers rely on this library for]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Recover from Deployment Hell – What I Learned After My Discord Bot Crashed on a 1000+ User Server]]></title>
|
||||
<id>60b8f5c7acb62507dd1d8500</id>
|
||||
<link href="https://www.freecodecamp.org/news/recovering-from-deployment-hell-what-i-learned-from-deploying-my-discord-bot-to-a-1000-user-server/"/>
|
||||
<updated>2021-06-04T20:41:29.000Z</updated>
|
||||
<summary type="html"><![CDATA[I deployed a Discord bot to a 1000+ user server. In the first hour, Deployment Hell struck and my bot crashed. In the next hour, I brought it back, surviving and even thriving in Deployment Hell. In this post, I'll show you how.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Principles for user-centered front-end development]]></title>
|
||||
<id>https://css-tricks.com/?p=341793</id>
|
||||
|
|
@ -331,18 +368,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Evgeny Klimenchenko</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Jetpack Boost Handles Critical CSS For You]]></title>
|
||||
<id>https://css-tricks.com/?p=341296</id>
|
||||
<link href="https://css-tricks.com/jetpack-boost-handles-critical-css-for-you/"/>
|
||||
<updated>2021-06-01T14:16:55.000Z</updated>
|
||||
<summary type="html"><![CDATA[Critical CSS is one of those things I see in my performance reports but always seem to ignore. I know what it means. It means to put only the CSS required to render things immediately visible in a <style>…
|
||||
The post Jetpack Boost Handles Critical CSS For You appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Geoff Graham</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Smashing Podcast Episode 38 With Ivan Akulov: Why Is My React App Slow?]]></title>
|
||||
<id>https://smashingmagazine.com/2021/06/smashing-podcast-episode-38/</id>
|
||||
|
|
@ -373,22 +398,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Release notes from osmosfeed</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Serverless Functions: The Secret to Ultra-Productive Front-End Teams]]></title>
|
||||
<id>https://css-tricks.com/?p=340465</id>
|
||||
<link href="https://css-tricks.com/serverless-functions-the-secret-to-ultra-productive-front-end-teams/"/>
|
||||
<updated>2021-05-31T17:16:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion’s share of that work is falling to front-end devs:
|
||||
building modern, accessible user interfaces
|
||||
creating interactive elements and complex animations
|
||||
managing complex application state
|
||||
…
|
||||
The post Serverless Functions: The Secret to Ultra-Productive Front-End Teams appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Jason Lengstorf</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Happy June Vibes For Your Screen (2021 Desktop Wallpapers Edition)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/desktop-wallpaper-calendars-june-2021/</id>
|
||||
|
|
@ -650,14 +659,4 @@ Thank you @tianheg, @onnyyonn]]></summary>
|
|||
<name>hello@smashingmagazine.com (Stephanie Eckles)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Conference Platform We Use For Our Online Events: Hopin]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/"/>
|
||||
<updated>2021-05-11T10:00:00.000Z</updated>
|
||||
<summary type="html">< from our home offices to yours — but how?]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Amanda Annandale)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
212
index.html
212
index.html
|
|
@ -15,6 +15,102 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-06-09">2021-06-09</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">A Cornucopia of Container Queries</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/a-cornucopia-of-container-queries/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on …
|
||||
The post A Cornucopia of Container Queries 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">target=blank</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/targetblank/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Does that make your eye twitch a little bit? Like… it’s a typo. It should be target="_blank" with an underscore to start the value. As in…
|
||||
<a target="_blank" href="https://codepen.io"Open CodePen in a New Tab
|
||||
</a
|
||||
Welp, that’s correct syntax!…
|
||||
The post target=blank 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">From the Slums of Mumbai to a Rented Apartment – My 30-Year Developer Journey</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/my-journey-into-tech-from-slums-of-mumbai-to-my-own-apartment/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>Last year I tweeted about how I was moving from a Slum where I lived for 29 years to a multi-story rented apartment. The tech community on Twitter responded with nothing but love. Dan Wahlin posted that he would love to hear more about my story. It's not going to</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Skills You Need to Start Freelancing as a Developer</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/the-skills-you-need-to-start-freelancing/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Here's the bottom line: you don't need much to get started as a freelance developer. The biggest obstacle developers face when they're thinking about getting started is that they tend to overcomplicate things. Most are intimidated by the sheer number of different paths or skills deemed necessary by various blog</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn Bootstrap 5 and SASS by Building a Portfolio Website</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-bootstrap-5-and-sass-by-building-a-portfolio-website/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>Bootstrap is one of the most popular CSS frameworks and Sass is one of the most popular preprocessors for CSS. We just released a course on the freeCodeCamp.org YouTube channel that will teach you about Bootstrap 5 and Sass by building a portfolio website. Patrick Muriungi developed this course.</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">Meet :has, A Native CSS Parent Selector (And More)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/06/has-native-css-parent-selector/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-06-08">2021-06-08</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -27,7 +123,7 @@
|
|||
<summary class="article-expander__title">Looking at WCAG 2.5.5 for Better Target Sizes</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/looking-at-wcag-2-5-5-for-better-target-sizes/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span>Have you ever experienced the frustration of trying to tap a button on a mobile device only to have it do nothing because the target size is just not large enough **and it’s not picking up on your press? Maybe …
|
||||
The post Looking at WCAG 2.5.5 for Better Target Sizes appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -55,6 +151,17 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<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">How to Deploy Your freeCodeCamp Project on AWS – A Beginner's Guide to the Cloud</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-deploy-your-freecodecamp-project-on-aws/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(32 min)</span>
|
||||
<span>Throughout this post we’ll deploy your freeCodeCamp front end project using various services on AWS like S3, ElasticBeanstalk, and Lambda.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Create Your Own Electronics With Arduino - Full Course</summary>
|
||||
|
|
@ -151,7 +258,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Build a Full Stack App with Supabase and Next.js</summary>
|
||||
<summary class="article-expander__title">Full Stack Development with Next.js and Supabase – The Complete Guide</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/the-complete-guide-to-full-stack-development-with-supabas/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
|
|
@ -182,17 +289,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Angular NgClass Example – How to Add Conditional CSS Classes</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/angular-ngclass-example/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>ngClass is a directive in Angular that adds and removes CSS classes on an HTML element. In this article, we are talking about ngClass in Angular only, not ng-class in angular.js. Prerequisites – What is Property Binding?Two things we have to understand first are property binding and interpolation in</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -252,45 +348,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">How to Search and Filter Components in React</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/search-and-filter-component-in-reactjs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>If you're building a React app, you want your users to be able to search and get exact results. And if you are getting tons of items from an API, then you need to create a way for users to be able to find various items easily.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Machine Learning in Python – The Top New Scikit-Learn 0.24 Features You Should Know</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/machine-learning-python-new-scikit-learn-features-you-should-know/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>Scikit-learn is one of the most popular open-source and free machine learning libraries for Python. The scikit-learn library contains a lot of efficient tools for machine learning and statistical modeling including classification, regression, clustering, and dimensionality reduction. Many data scientists, machine learning engineers, and researchers rely on this library for</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Recover from Deployment Hell – What I Learned After My Discord Bot Crashed on a 1000+ User Server</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/recovering-from-deployment-hell-what-i-learned-from-deploying-my-discord-bot-to-a-1000-user-server/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>I deployed a Discord bot to a 1000+ user server. In the first hour, Deployment Hell struck and my bot crashed. In the next hour, I brought it back, surviving and even thriving in Deployment Hell. In this post, I'll show you how.</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>
|
||||
|
|
@ -475,19 +532,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<span class="article-reading-time">(14 min)</span>
|
||||
<span>Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, …
|
||||
The post Front-End Testing is For Everyone 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">Jetpack Boost Handles Critical CSS For You</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/jetpack-boost-handles-critical-css-for-you/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Critical CSS is one of those things I see in my performance reports but always seem to ignore. I know what it means. It means to put only the CSS required to render things immediately visible in a …
|
||||
The post Jetpack Boost Handles Critical CSS For You appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -545,29 +589,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-31">2021-05-31</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">Serverless Functions: The Secret to Ultra-Productive Front-End Teams</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/serverless-functions-the-secret-to-ultra-productive-front-end-teams/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion’s share of that work is falling to front-end devs:
|
||||
building modern, accessible user interfaces
|
||||
creating interactive elements and complex animations
|
||||
managing complex application state
|
||||
…
|
||||
The post Serverless Functions: The Secret to Ultra-Productive Front-End Teams 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>
|
||||
|
|
@ -789,7 +810,7 @@ Thank you: @LooperXX.</span>
|
|||
<summary class="article-expander__title">Building A Rich Text Editor (WYSIWYG)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(31 min)</span>
|
||||
<span class="article-reading-time">(32 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -1035,24 +1056,13 @@ Thank you @tianheg, @onnyyonn</span>
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Conference Platform We Use For Our Online Events: Hopin</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>At the beginning of 2020, the SmashingConf team was ready for a new year. We had so many things that excited us. New speakers, new workshops, new cities, new attendees, new experiences. And as we all know, 2020 had other ideas. With so many people working from home, we thought we would bring our [Smashing workshops](https://smashingconf.com/online-workshops/) from our home offices to yours — but how?</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-06-09T00:43:32.131Z">2021-06-09T00:43:32.131Z</time>
|
||||
<time id="build-timestamp" datetime="2021-06-10T00:41:28.835Z">2021-06-10T00:41:28.835Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.10.2</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue