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
f9d3fb1527
commit
808e1bcaf2
3 changed files with 377 additions and 338 deletions
197
cache.json
197
cache.json
|
|
@ -102,6 +102,42 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340599",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom properties are quite liberal! So this looks for a CSS rule (e.g. a …\nThe post JSON in CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/json-in-css/",
|
||||
"publishedOn": "2021-05-20T22:29:53.000Z",
|
||||
"wordCount": 631,
|
||||
"title": "JSON in CSS"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340933",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Ooo look at this mighty SEO flex from Google: Learn CSS! Well deserved — this is great content. Twenty-three chapters taking you through all the fundamentals of CSS with extra content, like relevant podcasts, interactive examples, and even quizzes to …\nThe post Learn CSS! appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://web.dev/learn/css/",
|
||||
"publishedOn": "2021-05-20T21:51:43.000Z",
|
||||
"wordCount": 991,
|
||||
"title": "Learn CSS!"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340715",
|
||||
"author": "Jhey Tompkins",
|
||||
"description": "If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. …\nThe post Can We Create a “Resize Hack” With Container Queries? appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/can-we-create-a-resize-hack-with-container-queries/",
|
||||
"publishedOn": "2021-05-20T14:24:12.000Z",
|
||||
"wordCount": 1691,
|
||||
"title": "Can We Create a “Resize Hack” With Container Queries?"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340897",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Here’s some hardcore deep-dive CSS nerdery from PPK. If you can wrap your mind around min-content (the smallest an element can be based on the content it contains) and max-content (the largest the content of an element can push it) …\nThe post fit-content and fit-content() appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.quirksmode.org/blog/archives/2021/04/fitcontent_and.html",
|
||||
"publishedOn": "2021-05-20T14:20:56.000Z",
|
||||
"wordCount": 1196,
|
||||
"title": "fit-content and fit-content()"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340731",
|
||||
"author": "Chris Coyier",
|
||||
|
|
@ -117,7 +153,7 @@
|
|||
"description": "SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external …\nThe post svg-loader: A Different Way to Work With External SVG appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/svg-loader-a-different-way-to-work-with-external-svg/",
|
||||
"publishedOn": "2021-05-19T14:28:19.000Z",
|
||||
"wordCount": 1417,
|
||||
"wordCount": 1558,
|
||||
"title": "svg-loader: A Different Way to Work With External SVG"
|
||||
},
|
||||
{
|
||||
|
|
@ -135,7 +171,7 @@
|
|||
"description": "Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d share some tips on how to do it! In this article, …\nThe post How to Create Neon Text With CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/how-to-create-neon-text-with-css/",
|
||||
"publishedOn": "2021-05-18T14:31:25.000Z",
|
||||
"wordCount": 2364,
|
||||
"wordCount": 2401,
|
||||
"title": "How to Create Neon Text With CSS"
|
||||
},
|
||||
{
|
||||
|
|
@ -153,7 +189,7 @@
|
|||
"description": "I see you. In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.\nThe post A Love Letter to HTML & CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/a-love-letter-to-html-css/",
|
||||
"publishedOn": "2021-05-17T14:27:22.000Z",
|
||||
"wordCount": 2463,
|
||||
"wordCount": 2661,
|
||||
"title": "A Love Letter to HTML & CSS"
|
||||
},
|
||||
{
|
||||
|
|
@ -200,42 +236,6 @@
|
|||
"publishedOn": "2021-05-13T23:22:45.000Z",
|
||||
"wordCount": 1594,
|
||||
"title": "DevTools for CSS layouts 2021 edition"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340573",
|
||||
"author": "Chris Coyier",
|
||||
"description": "My friends at Sparkbox are doing a survey on design systems, as they do each year. Go ahead and fill it out if you please. Here are the results from last year. In both 2019 and 2020, the vibe was …\nThe post 2021 Design Systems (Survey/Courses) appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/2021-design-systems-survey-courses/",
|
||||
"publishedOn": "2021-05-13T22:55:35.000Z",
|
||||
"wordCount": 605,
|
||||
"title": "2021 Design Systems (Survey/Courses)"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340036",
|
||||
"author": "Temani Afif",
|
||||
"description": "When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lots of declarations. There are a couple of tricks though that I want to talk about that might help make things easier, while staying in …\nThe post Advanced CSS Animation Using cubic-bezier() appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/advanced-css-animation-using-cubic-bezier/",
|
||||
"publishedOn": "2021-05-13T14:24:42.000Z",
|
||||
"wordCount": 2745,
|
||||
"title": "Advanced CSS Animation Using cubic-bezier()"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340118",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Building animations can get complicated, particularly compelling animations where you aren’t just rolling a ball across the screen, but building a scene where many things are moving and changing in concert. When compelling animation is the goal, a timeline GUI …\nThe post SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/svgator-3-0-reshapes-the-way-you-create-and-animate-svg-with-extensive-new-features/",
|
||||
"publishedOn": "2021-05-13T14:24:35.000Z",
|
||||
"wordCount": 986,
|
||||
"title": "SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=339960",
|
||||
"author": "Sandrina Pereira",
|
||||
"description": "Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g. <button disabled> ) to mark a button as disabled.\nThere are lots of …\nThe post Making Disabled Buttons More Inclusive appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/making-disabled-buttons-more-inclusive/",
|
||||
"publishedOn": "2021-05-12T14:31:07.000Z",
|
||||
"wordCount": 3015,
|
||||
"title": "Making Disabled Buttons More Inclusive"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -244,6 +244,24 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/",
|
||||
"author": "hello@smashingmagazine.com (Iris Lješnjanin)",
|
||||
"description": "Front-end and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run 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/05/new-online-workshops-front-end-ux/",
|
||||
"publishedOn": "2021-05-20T14:20:00.000Z",
|
||||
"wordCount": 831,
|
||||
"title": "Boost Your Skills Online: Smashing Workshops On Front-End And Design"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/",
|
||||
"author": "hello@smashingmagazine.com (Facundo Giuliani)",
|
||||
"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": 1919,
|
||||
"title": "How To Implement Authentication In Next.js With Auth0"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/",
|
||||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||||
|
|
@ -459,15 +477,6 @@
|
|||
"publishedOn": "2021-04-21T13:55:00.000Z",
|
||||
"wordCount": 1929,
|
||||
"title": "A Complete Guide To Incremental Static Regeneration (ISR) With Next.js"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/",
|
||||
"author": "hello@smashingmagazine.com (Matt Saunders)",
|
||||
"description": "As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. We can avert disaster by including content production in the design process.",
|
||||
"link": "https://smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/",
|
||||
"publishedOn": "2021-04-21T08:30:00.000Z",
|
||||
"wordCount": 2998,
|
||||
"title": "Why Content Is Such A Fundamental Part Of The Web Design Process"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -476,13 +485,58 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "60a6b3ab906c5207e3a7f5fa",
|
||||
"author": "",
|
||||
"description": "Angular is one of the most popular web frameworks. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create an Angular 11 project from scratch. It uses a public API to create a game database website. You will gain a great foundation",
|
||||
"link": "https://www.freecodecamp.org/news/angular-11-tutorial-code-a-project-from-scratch/",
|
||||
"publishedOn": "2021-05-20T19:14:48.000Z",
|
||||
"wordCount": 397,
|
||||
"title": "Angular 11 Tutorial: Code a Project from Scratch"
|
||||
},
|
||||
{
|
||||
"id": "60a694ab906c5207e3a7f544",
|
||||
"author": "",
|
||||
"description": "A lot of C++ courses teach you how to build toy projects with no real-world application. But it can often be more helpful to write programs people would actually use. We just released a 5-hour C++ course that will teach you how to write modern C++ code by building an",
|
||||
"link": "https://www.freecodecamp.org/news/learn-modern-cpp-by-building-an-audio-plugin/",
|
||||
"publishedOn": "2021-05-20T17:12:29.000Z",
|
||||
"wordCount": 436,
|
||||
"title": "Learn Modern C++ by Building an Audio Plugin"
|
||||
},
|
||||
{
|
||||
"id": "60a4b5c7906c5207e3a7e2bb",
|
||||
"author": "",
|
||||
"description": "In this tutorial, you'll learn what version control is and how you can contribute to open-source projects using Git. We'll get through the fundamentals of Git and I'll give you the knowledge that is indispensable for any web developer. What is Git?Git is a version control software which lets",
|
||||
"link": "https://www.freecodecamp.org/news/get-started-with-version-control-and-git/",
|
||||
"publishedOn": "2021-05-20T15:20:53.000Z",
|
||||
"wordCount": 1493,
|
||||
"title": "How to Get Started with Version Control Using Git"
|
||||
},
|
||||
{
|
||||
"id": "60a36742906c5207e3a7da6e",
|
||||
"author": "",
|
||||
"description": "Over the last four months, I have recorded what is probably the most interactive JavaScript course that has ever been created. The reason I have done this is because I often see new coders fall into the same pitfalls again and again when trying to learn JavaScript, with the most",
|
||||
"link": "https://www.freecodecamp.org/news/learn-javascript-interactive-course/",
|
||||
"publishedOn": "2021-05-20T14:53:38.000Z",
|
||||
"wordCount": 1202,
|
||||
"title": "Learn JavaScript - A Free 7-hour Interactive Tutorial"
|
||||
},
|
||||
{
|
||||
"id": "60a341f5906c5207e3a7da61",
|
||||
"author": "",
|
||||
"description": "CSS selectors are one of the most important parts of CSS. They give you the ability to target HTML elements on your web page that you want to style. Without CSS selectors, you wouldn't be able to style your page to look how you want. Thankfully CSS selectors have been",
|
||||
"link": "https://www.freecodecamp.org/news/use-css-selectors-to-style-webpage/",
|
||||
"publishedOn": "2021-05-19T23:17:21.000Z",
|
||||
"wordCount": 2742,
|
||||
"title": "How to Use CSS Selectors to Style Your Web Page"
|
||||
},
|
||||
{
|
||||
"id": "60a42386906c5207e3a7dfe2",
|
||||
"author": "",
|
||||
"description": "The internet is going through a paradigm shift. Learn the differences between Web2 and Web3, and why many developers and companies are shifting their approach in building apps.",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-web3/",
|
||||
"publishedOn": "2021-05-19T21:09:01.000Z",
|
||||
"wordCount": 2086,
|
||||
"wordCount": 2087,
|
||||
"title": "What is Web3? The Decentralized Internet of the Future Explained"
|
||||
},
|
||||
{
|
||||
|
|
@ -520,51 +574,6 @@
|
|||
"publishedOn": "2021-05-18T16:50:36.000Z",
|
||||
"wordCount": 3309,
|
||||
"title": "Coding Programs – 101 Ways to Learn to Code for Free"
|
||||
},
|
||||
{
|
||||
"id": "609bea6b62ab9107fe5a9f89",
|
||||
"author": "",
|
||||
"description": "If you're a Python developer who works with Keras SavedModels, this article is for you. Perhaps you're not sure how to use SavedModels to leverage the power of machine learning in browser-based web apps. But don't worry – we'll cover all the basic steps you need to get started. Along with",
|
||||
"link": "https://www.freecodecamp.org/news/convert-keras-savedmodel-into-browser-based-webapp/",
|
||||
"publishedOn": "2021-05-18T16:36:22.000Z",
|
||||
"wordCount": 1938,
|
||||
"title": "How to Convert a Keras SavedModel into a Browser-based Web App"
|
||||
},
|
||||
{
|
||||
"id": "609fc4cc62ab9107fe5aac91",
|
||||
"author": "",
|
||||
"description": "Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux, since industry",
|
||||
"link": "https://www.freecodecamp.org/news/redux-for-beginners/",
|
||||
"publishedOn": "2021-05-18T16:18:18.000Z",
|
||||
"wordCount": 2037,
|
||||
"title": "Redux for Beginners – Learn Redux Basics with Code Examples"
|
||||
},
|
||||
{
|
||||
"id": "60685767d5756f080ba93df4",
|
||||
"author": "",
|
||||
"description": "According to freeCodeCamp’s 2018 New Coder Survey, 40.3% of participants want to build a business of their own, either as a freelancer or as an entrepreneur. If you are in that 40.3%, then this article is for you. If you are in the remaining 59.7%, you",
|
||||
"link": "https://www.freecodecamp.org/news/be-a-successful-entrepreneur-developers-guide-to-startup-strategy-and-design/",
|
||||
"publishedOn": "2021-05-18T16:08:27.000Z",
|
||||
"wordCount": 4368,
|
||||
"title": "How to Be a Successful Entrepreneur – A Developer's Guide to Startup Strategy and Design"
|
||||
},
|
||||
{
|
||||
"id": "60a2771762ab9107fe5ab383",
|
||||
"author": "",
|
||||
"description": "HTML vs JSX Hypertext Markup Language (HTML) is the standard language for documents that determine the structure of a web page. HTML is a very important language in web development. Your code is either in HTML originally or compiles to it so browsers can read it. JSX, on the other",
|
||||
"link": "https://www.freecodecamp.org/news/html-vs-jsx-whats-the-difference/",
|
||||
"publishedOn": "2021-05-17T21:11:58.000Z",
|
||||
"wordCount": 1169,
|
||||
"title": "HTML vs JSX – What's the Difference?"
|
||||
},
|
||||
{
|
||||
"id": "60a536e1906c5207e3a7e6b5",
|
||||
"author": "",
|
||||
"description": "In this article, you'll learn how to build full stack dApps with React, Ethers.js, Solidity, and Hardhat. You can find the code for this project here. The video course for this tutorial is here. I recently joined Edge & Node as a Developer Relations Engineer and have been diving",
|
||||
"link": "https://www.freecodecamp.org/news/full-stack-ethereum-development/",
|
||||
"publishedOn": "2021-05-17T20:45:00.000Z",
|
||||
"wordCount": 4218,
|
||||
"title": "The Complete Guide to Full Stack Ethereum Development"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
231
feed.atom
231
feed.atom
|
|
@ -1,10 +1,118 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-05-20T00:41:14.369Z</id>
|
||||
<id>urn:2021-05-21T00:45:49.383Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-05-20T00:41:14.369Z</updated>
|
||||
<updated>2021-05-21T00:45:49.383Z</updated>
|
||||
<generator>osmosfeed 1.7.2</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[JSON in CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=340599</id>
|
||||
<link href="https://css-tricks.com/json-in-css/"/>
|
||||
<updated>2021-05-20T22:29:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom properties are quite liberal! So this looks for a CSS rule (e.g. a …
|
||||
The post JSON in CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn CSS!]]></title>
|
||||
<id>https://css-tricks.com/?p=340933</id>
|
||||
<link href="https://web.dev/learn/css/"/>
|
||||
<updated>2021-05-20T21:51:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[Ooo look at this mighty SEO flex from Google: Learn CSS! Well deserved — this is great content. Twenty-three chapters taking you through all the fundamentals of CSS with extra content, like relevant podcasts, interactive examples, and even quizzes to …
|
||||
The post Learn CSS! 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[Angular 11 Tutorial: Code a Project from Scratch]]></title>
|
||||
<id>60a6b3ab906c5207e3a7f5fa</id>
|
||||
<link href="https://www.freecodecamp.org/news/angular-11-tutorial-code-a-project-from-scratch/"/>
|
||||
<updated>2021-05-20T19:14:48.000Z</updated>
|
||||
<summary type="html"><![CDATA[Angular is one of the most popular web frameworks. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create an Angular 11 project from scratch. It uses a public API to create a game database website. You will gain a great foundation]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn Modern C++ by Building an Audio Plugin]]></title>
|
||||
<id>60a694ab906c5207e3a7f544</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-modern-cpp-by-building-an-audio-plugin/"/>
|
||||
<updated>2021-05-20T17:12:29.000Z</updated>
|
||||
<summary type="html"><![CDATA[A lot of C++ courses teach you how to build toy projects with no real-world application. But it can often be more helpful to write programs people would actually use. We just released a 5-hour C++ course that will teach you how to write modern C++ code by building an]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Get Started with Version Control Using Git]]></title>
|
||||
<id>60a4b5c7906c5207e3a7e2bb</id>
|
||||
<link href="https://www.freecodecamp.org/news/get-started-with-version-control-and-git/"/>
|
||||
<updated>2021-05-20T15:20:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this tutorial, you'll learn what version control is and how you can contribute to open-source projects using Git. We'll get through the fundamentals of Git and I'll give you the knowledge that is indispensable for any web developer. What is Git?Git is a version control software which lets]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn JavaScript - A Free 7-hour Interactive Tutorial]]></title>
|
||||
<id>60a36742906c5207e3a7da6e</id>
|
||||
<link href="https://www.freecodecamp.org/news/learn-javascript-interactive-course/"/>
|
||||
<updated>2021-05-20T14:53:38.000Z</updated>
|
||||
<summary type="html"><![CDATA[Over the last four months, I have recorded what is probably the most interactive JavaScript course that has ever been created. The reason I have done this is because I often see new coders fall into the same pitfalls again and again when trying to learn JavaScript, with the most]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Can We Create a “Resize Hack” With Container Queries?]]></title>
|
||||
<id>https://css-tricks.com/?p=340715</id>
|
||||
<link href="https://css-tricks.com/can-we-create-a-resize-hack-with-container-queries/"/>
|
||||
<updated>2021-05-20T14:24:12.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. …
|
||||
The post Can We Create a “Resize Hack” With Container Queries? appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Jhey Tompkins</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[fit-content and fit-content()]]></title>
|
||||
<id>https://css-tricks.com/?p=340897</id>
|
||||
<link href="https://www.quirksmode.org/blog/archives/2021/04/fitcontent_and.html"/>
|
||||
<updated>2021-05-20T14:20:56.000Z</updated>
|
||||
<summary type="html"><![CDATA[Here’s some hardcore deep-dive CSS nerdery from PPK. If you can wrap your mind around min-content (the smallest an element can be based on the content it contains) and max-content (the largest the content of an element can push it) …
|
||||
The post fit-content and fit-content() 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[Boost Your Skills Online: Smashing Workshops On Front-End And Design]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/"/>
|
||||
<updated>2021-05-20T14:20:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Front-end and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run 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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Iris Lješnjanin)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Implement Authentication In Next.js With Auth0]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/"/>
|
||||
<updated>2021-05-20T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Facundo Giuliani)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Notion API]]></title>
|
||||
<id>https://css-tricks.com/?p=340731</id>
|
||||
|
|
@ -17,6 +125,16 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use CSS Selectors to Style Your Web Page]]></title>
|
||||
<id>60a341f5906c5207e3a7da61</id>
|
||||
<link href="https://www.freecodecamp.org/news/use-css-selectors-to-style-webpage/"/>
|
||||
<updated>2021-05-19T23:17:21.000Z</updated>
|
||||
<summary type="html"><![CDATA[CSS selectors are one of the most important parts of CSS. They give you the ability to target HTML elements on your web page that you want to style. Without CSS selectors, you wouldn't be able to style your page to look how you want. Thankfully CSS selectors have been]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is Web3? The Decentralized Internet of the Future Explained]]></title>
|
||||
<id>60a42386906c5207e3a7dfe2</id>
|
||||
|
|
@ -102,36 +220,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Convert a Keras SavedModel into a Browser-based Web App]]></title>
|
||||
<id>609bea6b62ab9107fe5a9f89</id>
|
||||
<link href="https://www.freecodecamp.org/news/convert-keras-savedmodel-into-browser-based-webapp/"/>
|
||||
<updated>2021-05-18T16:36:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you're a Python developer who works with Keras SavedModels, this article is for you. Perhaps you're not sure how to use SavedModels to leverage the power of machine learning in browser-based web apps. But don't worry – we'll cover all the basic steps you need to get started. Along with]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Redux for Beginners – Learn Redux Basics with Code Examples]]></title>
|
||||
<id>609fc4cc62ab9107fe5aac91</id>
|
||||
<link href="https://www.freecodecamp.org/news/redux-for-beginners/"/>
|
||||
<updated>2021-05-18T16:18:18.000Z</updated>
|
||||
<summary type="html"><![CDATA[Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux, since industry]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Be a Successful Entrepreneur – A Developer's Guide to Startup Strategy and Design]]></title>
|
||||
<id>60685767d5756f080ba93df4</id>
|
||||
<link href="https://www.freecodecamp.org/news/be-a-successful-entrepreneur-developers-guide-to-startup-strategy-and-design/"/>
|
||||
<updated>2021-05-18T16:08:27.000Z</updated>
|
||||
<summary type="html"><![CDATA[According to freeCodeCamp’s 2018 New Coder Survey, 40.3% of participants want to build a business of their own, either as a freelancer or as an entrepreneur. If you are in that 40.3%, then this article is for you. If you are in the remaining 59.7%, you]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create Neon Text With CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=340420</id>
|
||||
|
|
@ -178,26 +266,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[HTML vs JSX – What's the Difference?]]></title>
|
||||
<id>60a2771762ab9107fe5ab383</id>
|
||||
<link href="https://www.freecodecamp.org/news/html-vs-jsx-whats-the-difference/"/>
|
||||
<updated>2021-05-17T21:11:58.000Z</updated>
|
||||
<summary type="html"><![CDATA[HTML vs JSX Hypertext Markup Language (HTML) is the standard language for documents that determine the structure of a web page. HTML is a very important language in web development. Your code is either in HTML originally or compiles to it so browsers can read it. JSX, on the other]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Complete Guide to Full Stack Ethereum Development]]></title>
|
||||
<id>60a536e1906c5207e3a7e6b5</id>
|
||||
<link href="https://www.freecodecamp.org/news/full-stack-ethereum-development/"/>
|
||||
<updated>2021-05-17T20:45:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article, you'll learn how to build full stack dApps with React, Ethers.js, Solidity, and Hardhat. You can find the code for this project here. The video course for this tutorial is here. I recently joined Edge & Node as a Developer Relations Engineer and have been diving]]></summary>
|
||||
<author>
|
||||
<name/>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Love Letter to HTML & CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=339522</id>
|
||||
|
|
@ -327,55 +395,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[2021 Design Systems (Survey/Courses)]]></title>
|
||||
<id>https://css-tricks.com/?p=340573</id>
|
||||
<link href="https://css-tricks.com/2021-design-systems-survey-courses/"/>
|
||||
<updated>2021-05-13T22:55:35.000Z</updated>
|
||||
<summary type="html"><![CDATA[My friends at Sparkbox are doing a survey on design systems, as they do each year. Go ahead and fill it out if you please. Here are the results from last year. In both 2019 and 2020, the vibe was …
|
||||
The post 2021 Design Systems (Survey/Courses) 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[Advanced CSS Animation Using cubic-bezier()]]></title>
|
||||
<id>https://css-tricks.com/?p=340036</id>
|
||||
<link href="https://css-tricks.com/advanced-css-animation-using-cubic-bezier/"/>
|
||||
<updated>2021-05-13T14:24:42.000Z</updated>
|
||||
<summary type="html"><![CDATA[When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lots of declarations. There are a couple of tricks though that I want to talk about that might help make things easier, while staying in …
|
||||
The post Advanced CSS Animation Using cubic-bezier() appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Temani Afif</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features]]></title>
|
||||
<id>https://css-tricks.com/?p=340118</id>
|
||||
<link href="https://css-tricks.com/svgator-3-0-reshapes-the-way-you-create-and-animate-svg-with-extensive-new-features/"/>
|
||||
<updated>2021-05-13T14:24:35.000Z</updated>
|
||||
<summary type="html"><![CDATA[Building animations can get complicated, particularly compelling animations where you aren’t just rolling a ball across the screen, but building a scene where many things are moving and changing in concert. When compelling animation is the goal, a timeline GUI …
|
||||
The post SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features 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[Making Disabled Buttons More Inclusive]]></title>
|
||||
<id>https://css-tricks.com/?p=339960</id>
|
||||
<link href="https://css-tricks.com/making-disabled-buttons-more-inclusive/"/>
|
||||
<updated>2021-05-12T14:31:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g. <button disabled> ) to mark a button as disabled.
|
||||
There are lots of …
|
||||
The post Making Disabled Buttons More Inclusive appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Sandrina Pereira</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Frustrating Design Patterns That Need Fixing: Birthday Picker]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/frustrating-design-patterns-birthday-picker/</id>
|
||||
|
|
@ -652,14 +671,4 @@ Chore: Refactored parameter passing for enrich step.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Lee Robinson)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Why Content Is Such A Fundamental Part Of The Web Design Process]]></title>
|
||||
<id>https://smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/</id>
|
||||
<link href="https://smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/"/>
|
||||
<updated>2021-04-21T08:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. We can avert disaster by including content production in the design process.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Matt Saunders)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
287
index.html
287
index.html
|
|
@ -15,6 +15,147 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-20">2021-05-20</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">JSON in CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/json-in-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom properties are quite liberal! So this looks for a CSS rule (e.g. a …
|
||||
The post JSON in CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn CSS!</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://web.dev/learn/css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Ooo look at this mighty SEO flex from Google: Learn CSS! Well deserved — this is great content. Twenty-three chapters taking you through all the fundamentals of CSS with extra content, like relevant podcasts, interactive examples, and even quizzes to …
|
||||
The post Learn CSS! 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">Can We Create a “Resize Hack” With Container Queries?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/can-we-create-a-resize-hack-with-container-queries/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. …
|
||||
The post Can We Create a “Resize Hack” With 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">fit-content and fit-content()</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.quirksmode.org/blog/archives/2021/04/fitcontent_and.html">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Here’s some hardcore deep-dive CSS nerdery from PPK. If you can wrap your mind around min-content (the smallest an element can be based on the content it contains) and max-content (the largest the content of an element can push it) …
|
||||
The post fit-content and fit-content() 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">Angular 11 Tutorial: Code a Project from Scratch</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/angular-11-tutorial-code-a-project-from-scratch/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>Angular is one of the most popular web frameworks. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to create an Angular 11 project from scratch. It uses a public API to create a game database website. You will gain a great foundation</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn Modern C++ by Building an Audio Plugin</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-modern-cpp-by-building-an-audio-plugin/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>A lot of C++ courses teach you how to build toy projects with no real-world application. But it can often be more helpful to write programs people would actually use. We just released a 5-hour C++ course that will teach you how to write modern C++ code by building an</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Get Started with Version Control Using Git</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/get-started-with-version-control-and-git/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>In this tutorial, you'll learn what version control is and how you can contribute to open-source projects using Git. We'll get through the fundamentals of Git and I'll give you the knowledge that is indispensable for any web developer. What is Git?Git is a version control software which lets</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn JavaScript - A Free 7-hour Interactive Tutorial</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-javascript-interactive-course/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Over the last four months, I have recorded what is probably the most interactive JavaScript course that has ever been created. The reason I have done this is because I often see new coders fall into the same pitfalls again and again when trying to learn JavaScript, with the most</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Boost Your Skills Online: Smashing Workshops On Front-End And Design</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Front-end and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run 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">How To Implement Authentication In Next.js With Auth0</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-19">2021-05-19</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -54,6 +195,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 Use CSS Selectors to Style Your Web Page</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/use-css-selectors-to-style-webpage/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>CSS selectors are one of the most important parts of CSS. They give you the ability to target HTML elements on your web page that you want to style. Without CSS selectors, you wouldn't be able to style your page to look how you want. Thankfully CSS selectors have been</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">What is Web3? The Decentralized Internet of the Future Explained</summary>
|
||||
|
|
@ -170,39 +322,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">How to Convert a Keras SavedModel into a Browser-based Web App</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/convert-keras-savedmodel-into-browser-based-webapp/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>If you're a Python developer who works with Keras SavedModels, this article is for you. Perhaps you're not sure how to use SavedModels to leverage the power of machine learning in browser-based web apps. But don't worry – we'll cover all the basic steps you need to get started. Along with</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Redux for Beginners – Learn Redux Basics with Code Examples</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/redux-for-beginners/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux, since industry</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Be a Successful Entrepreneur – A Developer's Guide to Startup Strategy and Design</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/be-a-successful-entrepreneur-developers-guide-to-startup-strategy-and-design/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(15 min)</span>
|
||||
<span>According to freeCodeCamp’s 2018 New Coder Survey, 40.3% of participants want to build a business of their own, either as a freelancer or as an entrepreneur. If you are in that 40.3%, then this article is for you. If you are in the remaining 59.7%, you</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -262,7 +381,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">A Love Letter to HTML & CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/a-love-letter-to-html-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>I see you. In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.
|
||||
The post A Love Letter to HTML & CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -303,34 +422,6 @@ Chore: Reorganize to monorepo with npm workspace.</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">HTML vs JSX – What's the Difference?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/html-vs-jsx-whats-the-difference/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>HTML vs JSX Hypertext Markup Language (HTML) is the standard language for documents that determine the structure of a web page. HTML is a very important language in web development. Your code is either in HTML originally or compiles to it so browsers can read it. JSX, on the other</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Complete Guide to Full Stack Ethereum Development</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/full-stack-ethereum-development/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(14 min)</span>
|
||||
<span>In this article, you'll learn how to build full stack dApps with React, Ethers.js, Solidity, and Hardhat. You can find the code for this project here. The video course for this tutorial is here. I recently joined Edge & Node as a Developer Relations Engineer and have been diving</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>
|
||||
|
|
@ -471,45 +562,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
Firefox’s grid inspector was pretty full-featured from the get-to and released together with CSS grid in Firefox 52. It was constantly improved upon since. Chrome added a basic grid inspector
|
||||
…
|
||||
The post DevTools for CSS layouts 2021 edition 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">2021 Design Systems (Survey/Courses)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/2021-design-systems-survey-courses/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>My friends at Sparkbox are doing a survey on design systems, as they do each year. Go ahead and fill it out if you please. Here are the results from last year. In both 2019 and 2020, the vibe was …
|
||||
The post 2021 Design Systems (Survey/Courses) 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">Advanced CSS Animation Using cubic-bezier()</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/advanced-css-animation-using-cubic-bezier/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lots of declarations. There are a couple of tricks though that I want to talk about that might help make things easier, while staying in …
|
||||
The post Advanced CSS Animation Using cubic-bezier() 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">SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/svgator-3-0-reshapes-the-way-you-create-and-animate-svg-with-extensive-new-features/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Building animations can get complicated, particularly compelling animations where you aren’t just rolling a ball across the screen, but building a scene where many things are moving and changing in concert. When compelling animation is the goal, a timeline GUI …
|
||||
The post SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -522,26 +574,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-12">2021-05-12</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">Making Disabled Buttons More Inclusive</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/making-disabled-buttons-more-inclusive/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g. ) to mark a button as disabled.
|
||||
There are lots of …
|
||||
The post Making Disabled Buttons More Inclusive 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>
|
||||
|
|
@ -1036,24 +1068,13 @@ Chore: Refactored parameter passing for enrich step.</span>
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Why Content Is Such A Fundamental Part Of The Web Design Process</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. We can avert disaster by including content production in the design process.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-05-20T00:41:14.349Z">2021-05-20T00:41:14.349Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-21T00:45:49.366Z">2021-05-21T00:45:49.366Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.7.2</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue