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
a40f564b66
commit
c554e09baf
3 changed files with 233 additions and 272 deletions
166
cache.json
166
cache.json
|
|
@ -11,13 +11,31 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345404",
|
||||
"author": "Chris Coyier",
|
||||
"description": "It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other …\nThe post Safari 15 Opinions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/safari-15-opinions/",
|
||||
"publishedOn": "2021-07-28T20:21:55.000Z",
|
||||
"wordCount": 1040,
|
||||
"title": "Safari 15 Opinions"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=320544",
|
||||
"author": "Ana Tudor",
|
||||
"description": "For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(), asin(), acos(), atan(), atan2()), exponential functions (…\nThe post Using Absolute Value, Sign, Rounding and Modulo in CSS Today appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/using-absolute-value-sign-rounding-and-modulo-in-css-today/",
|
||||
"publishedOn": "2021-07-28T14:37:34.000Z",
|
||||
"wordCount": 6716,
|
||||
"title": "Using Absolute Value, Sign, Rounding and Modulo in CSS Today"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345169",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I got together with Tim Kadlec from over at WebPageTest the other day to use do a bit of performance testing on CSS-Tricks. Essentially use the tool, poke around, and identify performance pain points to work on. You can watch …\nThe post Learnings From a WebPageTest Session on CSS-Tricks appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/learnings-from-a-webpagetest-session-on-css-tricks/",
|
||||
"publishedOn": "2021-07-27T23:18:33.000Z",
|
||||
"wordCount": 1430,
|
||||
"wordCount": 1656,
|
||||
"title": "Learnings From a WebPageTest Session on CSS-Tricks"
|
||||
},
|
||||
{
|
||||
|
|
@ -35,7 +53,7 @@
|
|||
"description": "Now that cross-browser support is at a tipping point, it’s a good time to take a look at logical properties and values. If you’re creating a website in multiple languages, logical properties and values are incredibly useful. Even if you’re …\nThe post CSS Logical Properties and Values appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/css-logical-properties-and-values/",
|
||||
"publishedOn": "2021-07-27T15:02:43.000Z",
|
||||
"wordCount": 2605,
|
||||
"wordCount": 2656,
|
||||
"title": "CSS Logical Properties and Values"
|
||||
},
|
||||
{
|
||||
|
|
@ -127,24 +145,6 @@
|
|||
"publishedOn": "2021-07-21T21:08:08.000Z",
|
||||
"wordCount": 634,
|
||||
"title": "ECMAScript proposal: JSON modules"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=344337",
|
||||
"author": "Mark Noonan",
|
||||
"description": "Turning website design files into a combination of HTML, CSS and JavaScript is the bread and butter of many front-end web development jobs, but there’s a part of this work that doesn’t neatly fit in to tutorials on any specific …\nThe post A Step-By-Step Process for Turning Designs Into Code appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/a-step-by-step-process-for-turning-designs-into-code/",
|
||||
"publishedOn": "2021-07-21T14:37:07.000Z",
|
||||
"wordCount": 4679,
|
||||
"title": "A Step-By-Step Process for Turning Designs Into Code"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345062",
|
||||
"author": "Robin Rendle",
|
||||
"description": "Here’s a really good ol’ post from way back in 2015 all about the nine states of design and how we should think all the edge cases whenever we’re building interfaces. Vince Speelman writes:\nModern UI teams are designing components \n…\nThe post The Nine States of Design appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://medium.com/swlh/the-nine-states-of-design-5bfe9b3d6d85",
|
||||
"publishedOn": "2021-07-20T23:34:53.000Z",
|
||||
"wordCount": 737,
|
||||
"title": "The Nine States of Design"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -153,13 +153,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/",
|
||||
"author": "hello@smashingmagazine.com (Kitty Giraudel)",
|
||||
"description": "Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs.",
|
||||
"link": "https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/",
|
||||
"publishedOn": "2021-07-28T11:00:00.000Z",
|
||||
"wordCount": 3091,
|
||||
"title": "Creating An Accessible Dialog From Scratch",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4ef51448-125a-4906-98f1-11af0e3fad58/accessible-dialog-from-scratch.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/07/global-local-styling-nextjs/",
|
||||
"author": "hello@smashingmagazine.com (Alexander Dubovoy)",
|
||||
"description": "Next.js has strong opinions about how to organize JavaScript but not CSS. How can we develop patterns that encourage best CSS practices while also following the framework’s logic? The answer is surprisingly simple — to write well-structured CSS that balances global and local styling concerns.",
|
||||
"link": "https://smashingmagazine.com/2021/07/global-local-styling-nextjs/",
|
||||
"publishedOn": "2021-07-27T11:00:00.000Z",
|
||||
"wordCount": 3560,
|
||||
"wordCount": 3558,
|
||||
"title": "Global vs. Local Styling In Next.js",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a1756133-541e-429d-82dd-fb6f3988ef56/global-local-styling-nextjs.jpg",
|
||||
|
|
@ -173,7 +187,7 @@
|
|||
"description": "Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to get the current location of the International Space Station (ISS) as it orbits the Earth in real-time using [Gatsby Functions](https://www.gatsbyjs.com/docs/reference/functions/) and then display it on a 3D interactive globe using [React Three Fibre](https://github.com/pmndrs/react-three-fiber).",
|
||||
"link": "https://smashingmagazine.com/2021/07/gatsby-serverless-functions-international-space-station/",
|
||||
"publishedOn": "2021-07-26T10:30:00.000Z",
|
||||
"wordCount": 3097,
|
||||
"wordCount": 3094,
|
||||
"title": "Gatsby Serverless Functions And The International Space Station",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c07c5052-399e-4aee-aa83-706eb1f0c1b6/gatsby-serverless-functions-international-space-station.jpg",
|
||||
|
|
@ -187,7 +201,7 @@
|
|||
"description": "Many web design agencies consider it a badge of honor that they win work exclusively through word-of-mouth recommendations. In this article, Paul Boag explains why that is entirely the wrong attitude and what to do about it.",
|
||||
"link": "https://smashingmagazine.com/2021/07/guide-attracting-clients-agency/",
|
||||
"publishedOn": "2021-07-23T11:00:00.000Z",
|
||||
"wordCount": 3392,
|
||||
"wordCount": 3401,
|
||||
"title": "A Guide To Attracting Clients To Your Agency",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1d72d311-2839-48d2-8d23-dbe8951c4ab5/guide-attracting-clients-agency.jpg",
|
||||
|
|
@ -215,7 +229,7 @@
|
|||
"description": "Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately — to help you get the most out of your creativity. We’ve also just recently covered [CSS auditing tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS generators](https://www.smashingmagazine.com/2021/03/css-generators/), [accessible front-end components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/), [front-end boilerplates](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) and [VS code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — you might find them useful, too.",
|
||||
"link": "https://smashingmagazine.com/2021/07/color-tools-resources/",
|
||||
"publishedOn": "2021-07-21T13:00:00.000Z",
|
||||
"wordCount": 3059,
|
||||
"wordCount": 3060,
|
||||
"title": "Color Tools And Resources",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/17380a77-f247-450e-be45-2b2e139f7a33/cool-backgrounds.png",
|
||||
|
|
@ -243,7 +257,7 @@
|
|||
"description": "By adding visual elements to your tests, you can gain more options to add meaningful ways in maintaining a high level of quality for your app. Colby Fayock explains how.",
|
||||
"link": "https://smashingmagazine.com/2021/07/maintaining-end-to-end-quality-visual-testing/",
|
||||
"publishedOn": "2021-07-19T10:30:00.000Z",
|
||||
"wordCount": 4487,
|
||||
"wordCount": 4477,
|
||||
"title": "Maintaining End-To-End Quality With Visual Testing",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/565523e3-0845-4042-9cd1-b3e48c75519d/maintaining-end-to-end-quality-visual-testing.jpg",
|
||||
|
|
@ -257,7 +271,7 @@
|
|||
"description": "Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns.",
|
||||
"link": "https://smashingmagazine.com/2021/07/three-insights-vuejs-accessibility/",
|
||||
"publishedOn": "2021-07-16T13:00:00.000Z",
|
||||
"wordCount": 4796,
|
||||
"wordCount": 4791,
|
||||
"title": "Three Insights I Gained While Researching Vue.js Accessibility",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c3908803-4ddc-4820-8f4e-85e11b4ebbb7/three-insights-vuejs-accessibility.jpg",
|
||||
|
|
@ -299,7 +313,7 @@
|
|||
"description": "Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.",
|
||||
"link": "https://smashingmagazine.com/2021/07/frustrating-design-patterns-broken-frozen-filters/",
|
||||
"publishedOn": "2021-07-14T13:30:00.000Z",
|
||||
"wordCount": 5307,
|
||||
"wordCount": 5306,
|
||||
"title": "Frustrating Design Patterns: Broken Filters",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0c5f2df3-3d78-4563-a599-8c924604e84a/7-frustrating-design-patterns.png",
|
||||
|
|
@ -313,7 +327,7 @@
|
|||
"description": "In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive. But there is a better way with Intersection Observer.",
|
||||
"link": "https://smashingmagazine.com/2021/07/dynamic-header-intersection-observer/",
|
||||
"publishedOn": "2021-07-13T12:00:00.000Z",
|
||||
"wordCount": 3261,
|
||||
"wordCount": 3253,
|
||||
"title": "Building A Dynamic Header With Intersection Observer",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/67cc7303-3dc9-4d67-b0f4-b6f77783380f/dynamic-header-intersection-observer.jpg",
|
||||
|
|
@ -341,7 +355,7 @@
|
|||
"description": "CSS refactoring is not an easy task — it needs to be done in a way that doesn't create problems. First we need to analyze the existing codebase, audit CSS codebase health, discover weaknesses, agree on the approach, and convince management to invest time and resources into the process.",
|
||||
"link": "https://smashingmagazine.com/2021/07/refactoring-css-introduction-part1/",
|
||||
"publishedOn": "2021-07-12T13:30:00.000Z",
|
||||
"wordCount": 3613,
|
||||
"wordCount": 3614,
|
||||
"title": "Refactoring CSS: Introduction (Part 1)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b8b722a7-791f-433e-8d76-f0382d387e82/refactoring-css-introduction-part1.jpg",
|
||||
|
|
@ -369,7 +383,7 @@
|
|||
"description": "Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze.",
|
||||
"link": "https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/",
|
||||
"publishedOn": "2021-07-08T11:00:00.000Z",
|
||||
"wordCount": 4785,
|
||||
"wordCount": 4791,
|
||||
"title": "Tools And Practices To Speed Up The Vue.js Development Process",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/83768020-8004-41f2-b9a9-14b86c18eb4d/tools-practices-speed-up-vuejs-development-process.jpg",
|
||||
|
|
@ -411,7 +425,7 @@
|
|||
"description": "In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.",
|
||||
"link": "https://smashingmagazine.com/2021/07/hsl-colors-css/",
|
||||
"publishedOn": "2021-07-05T10:30:00.000Z",
|
||||
"wordCount": 1591,
|
||||
"wordCount": 1588,
|
||||
"title": "Using HSL Colors In CSS",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/73607a1e-fe7f-47ea-aada-df79342d823a/hsl-colors-css.jpg",
|
||||
|
|
@ -425,7 +439,7 @@
|
|||
"description": "With so many tools and approaches, email still has quite a few pain points, both for developers and email marketers. Email is difficult because it has too many aspects to set and a few instances with no common rules to follow.",
|
||||
"link": "https://smashingmagazine.com/2021/07/email-testing-flow/",
|
||||
"publishedOn": "2021-07-02T10:30:00.000Z",
|
||||
"wordCount": 4221,
|
||||
"wordCount": 4204,
|
||||
"title": "Email Testing Flow As It Should Be",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/57a53d31-9651-4d88-b2fe-f8de70c08da1/email-testing-flow.jpg",
|
||||
|
|
@ -439,7 +453,7 @@
|
|||
"description": "When writing front-end tests, you’ll find a lot of pitfalls along the way. Let’s explore common mistakes developers make, and how to avoid them. Testing doesn’t need to be painful, after all.",
|
||||
"link": "https://smashingmagazine.com/2021/07/frontend-testing-pitfalls/",
|
||||
"publishedOn": "2021-07-01T12:30:00.000Z",
|
||||
"wordCount": 4776,
|
||||
"wordCount": 4761,
|
||||
"title": "It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/dc1434b9-70c3-4fb2-821e-2128e3373246/frontend-testing-pitfalls.jpg",
|
||||
|
|
@ -453,7 +467,7 @@
|
|||
"description": "The web is single-threaded. This makes it increasingly hard to write smooth and responsive apps. Workers have a bad rep, but can be an important and useful tool in any web developer's toolbelt for these kinds of problems. Let’s get up to speed on Workers on the Web!",
|
||||
"link": "https://smashingmagazine.com/2021/06/web-workers-2021/",
|
||||
"publishedOn": "2021-06-30T12:00:00.000Z",
|
||||
"wordCount": 4746,
|
||||
"wordCount": 4751,
|
||||
"title": "The State Of Web Workers In 2021",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/379e4510-b4ab-4fde-9a5d-122738be19b2/web-workers-2021.jpg",
|
||||
|
|
@ -467,41 +481,13 @@
|
|||
"description": "Let’s welcome July with some fresh desktop wallpapers. Designed by artists and designers from around the world, they are available with and without a calendar. Enjoy!",
|
||||
"link": "https://smashingmagazine.com/2021/06/desktop-wallpaper-calendars-july-2021/",
|
||||
"publishedOn": "2021-06-30T09:30:00.000Z",
|
||||
"wordCount": 3715,
|
||||
"wordCount": 3720,
|
||||
"title": "The Many Shades Of July (2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/814b3b6e-1510-4c12-8504-433157173355/july-21-against-the-current-preview-opt.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/06/breaking-down-bulky-builds-netlify-nextjs/",
|
||||
"author": "hello@smashingmagazine.com (Átila Fassina)",
|
||||
"description": "Static Generation is great for performance — until the app gets too big and build-times go through the roof. Today, we’ll have a look at how Netlify’s fresh On-Demand Builders can fix that.",
|
||||
"link": "https://smashingmagazine.com/2021/06/breaking-down-bulky-builds-netlify-nextjs/",
|
||||
"publishedOn": "2021-06-29T11:00:00.000Z",
|
||||
"wordCount": 2460,
|
||||
"title": "Breaking Down Bulky Builds With Netlify And Next.js",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a11af025-97a1-4506-8cbe-a7786e5574c9/breaking-down-bulky-builds-netlify-nextjs.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/06/smashing-podcast-episode-40/",
|
||||
"author": "hello@smashingmagazine.com (Drew McLellan)",
|
||||
"description": "In this episode, we’re talking about Chakra UI. What is it and how can it help with your React projects? Drew McLellan talks to expert Mike Cavaliere to find out.",
|
||||
"link": "https://smashingmagazine.com/2021/06/smashing-podcast-episode-40/",
|
||||
"publishedOn": "2021-06-29T05:30:00.000Z",
|
||||
"wordCount": 6626,
|
||||
"title": "Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React?",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e981ad2c-0679-4935-b19f-39d1ca96823e/smashing-podcast-episode-40.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -510,6 +496,33 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "60f993f51d2b080797b818a7",
|
||||
"author": null,
|
||||
"description": "In any programming language, functions facilitate code reusability. In simple terms, when you want to do something repeatedly, you can define that something as a function and call that function whenever you need to. In this tutorial, we shall learn about user-defined functions in Python. When you started coding in",
|
||||
"link": "https://www.freecodecamp.org/news/functions-in-python-a-beginners-guide/",
|
||||
"publishedOn": "2021-07-28T17:24:21.000Z",
|
||||
"wordCount": 1607,
|
||||
"title": "Functions in Python – Explained with Code Examples"
|
||||
},
|
||||
{
|
||||
"id": "60fec60822b0e2078fcd16f0",
|
||||
"author": null,
|
||||
"description": "A module is a function or group of similar functions. They are grouped together within a file and contain the code to execute a specific task when called into a larger application. You create modules to better organize and structure your codebase. You can use them to break down large",
|
||||
"link": "https://www.freecodecamp.org/news/javascript-modules-explained-with-examples/",
|
||||
"publishedOn": "2021-07-28T16:27:49.000Z",
|
||||
"wordCount": 1675,
|
||||
"title": "JavaScript Modules – Explained with Examples"
|
||||
},
|
||||
{
|
||||
"id": "60e74b9c134ad707be00f284",
|
||||
"author": null,
|
||||
"description": "PySpark is an interface for Apache Spark in Python. PySpark is often used for large-scale data processing and machine learning. We just released a PySpark crash course on the freeCodeCamp.org YouTube channel. Krish Naik developed this course. Krish is a lead data scientist and he runs a popular YouTube",
|
||||
"link": "https://www.freecodecamp.org/news/use-pyspark-for-data-processing-and-machine-learning/",
|
||||
"publishedOn": "2021-07-28T14:18:37.000Z",
|
||||
"wordCount": 19795,
|
||||
"title": "How to Use PySpark for Data Processing and Machine Learning"
|
||||
},
|
||||
{
|
||||
"id": "60ffec493306a507d1bf98f4",
|
||||
"author": null,
|
||||
|
|
@ -572,33 +585,6 @@
|
|||
"publishedOn": "2021-07-26T21:46:24.000Z",
|
||||
"wordCount": 1095,
|
||||
"title": "How to Find Remote Jobs – 25 Websites To Help You Work from Home Online"
|
||||
},
|
||||
{
|
||||
"id": "60fa671e1d2b080797b81cd4",
|
||||
"author": null,
|
||||
"description": "If you're working with React, it can be quite difficult to understand and implement API Requests. So in this article, we'll learn how it all works by implementing CRUD Operations using React, React Hooks, React Router, and Axios. Let's dive in. How to Install Node and npmFirst of all, let's",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-perform-crud-operations-using-react/",
|
||||
"publishedOn": "2021-07-26T21:41:00.000Z",
|
||||
"wordCount": 3761,
|
||||
"title": "How to Perform CRUD Operations using React, React Hooks, and Axios"
|
||||
},
|
||||
{
|
||||
"id": "60fe9a5222b0e2078fcd154f",
|
||||
"author": null,
|
||||
"description": "You might be wondering what pseudocode is and why it's so useful for writing computer programs. But before we jump into pseudocode, let's refresh our memories about what programming and coding are, in the simplest sense. Programming is the manifestation of logic. A program is a set of instructions that",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-pseudocode-in-programming/",
|
||||
"publishedOn": "2021-07-26T19:23:37.000Z",
|
||||
"wordCount": 1468,
|
||||
"title": "What is Pseudocode? How to Use Pseudocode to Solve Coding Problems"
|
||||
},
|
||||
{
|
||||
"id": "60faae4d1d2b080797b82046",
|
||||
"author": null,
|
||||
"description": "Your browsing history can come in very handy when you want to look up something that you have already viewed on the internet. Maybe you read an interesting article online and want to reference it again, but forgot to bookmark it. Well, you can have a look at your Chrome",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-clear-search-history-delete-all-browsing-data-in-chrome/",
|
||||
"publishedOn": "2021-07-23T21:42:07.000Z",
|
||||
"wordCount": 1401,
|
||||
"title": "How to Clear Search History – Delete All Browsing Data in Chrome"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
140
feed.atom
140
feed.atom
|
|
@ -1,10 +1,72 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-07-28T00:40:50.192Z</id>
|
||||
<id>urn:2021-07-29T00:38:05.351Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-07-28T00:40:50.192Z</updated>
|
||||
<updated>2021-07-29T00:38:05.351Z</updated>
|
||||
<generator>osmosfeed 1.11.0</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Safari 15 Opinions]]></title>
|
||||
<id>https://css-tricks.com/?p=345404</id>
|
||||
<link href="https://css-tricks.com/safari-15-opinions/"/>
|
||||
<updated>2021-07-28T20:21:55.000Z</updated>
|
||||
<summary type="html"><![CDATA[It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other …
|
||||
The post Safari 15 Opinions 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[Functions in Python – Explained with Code Examples]]></title>
|
||||
<id>60f993f51d2b080797b818a7</id>
|
||||
<link href="https://www.freecodecamp.org/news/functions-in-python-a-beginners-guide/"/>
|
||||
<updated>2021-07-28T17:24:21.000Z</updated>
|
||||
<summary type="html"><![CDATA[In any programming language, functions facilitate code reusability. In simple terms, when you want to do something repeatedly, you can define that something as a function and call that function whenever you need to. In this tutorial, we shall learn about user-defined functions in Python. When you started coding in]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[JavaScript Modules – Explained with Examples]]></title>
|
||||
<id>60fec60822b0e2078fcd16f0</id>
|
||||
<link href="https://www.freecodecamp.org/news/javascript-modules-explained-with-examples/"/>
|
||||
<updated>2021-07-28T16:27:49.000Z</updated>
|
||||
<summary type="html"><![CDATA[A module is a function or group of similar functions. They are grouped together within a file and contain the code to execute a specific task when called into a larger application. You create modules to better organize and structure your codebase. You can use them to break down large]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Using Absolute Value, Sign, Rounding and Modulo in CSS Today]]></title>
|
||||
<id>https://css-tricks.com/?p=320544</id>
|
||||
<link href="https://css-tricks.com/using-absolute-value-sign-rounding-and-modulo-in-css-today/"/>
|
||||
<updated>2021-07-28T14:37:34.000Z</updated>
|
||||
<summary type="html"><![CDATA[For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(), asin(), acos(), atan(), atan2()), exponential functions (…
|
||||
The post Using Absolute Value, Sign, Rounding and Modulo in CSS Today appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Ana Tudor</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use PySpark for Data Processing and Machine Learning]]></title>
|
||||
<id>60e74b9c134ad707be00f284</id>
|
||||
<link href="https://www.freecodecamp.org/news/use-pyspark-for-data-processing-and-machine-learning/"/>
|
||||
<updated>2021-07-28T14:18:37.000Z</updated>
|
||||
<summary type="html"><![CDATA[PySpark is an interface for Apache Spark in Python. PySpark is often used for large-scale data processing and machine learning. We just released a PySpark crash course on the freeCodeCamp.org YouTube channel. Krish Naik developed this course. Krish is a lead data scientist and he runs a popular YouTube]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Creating An Accessible Dialog From Scratch]]></title>
|
||||
<id>https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/</id>
|
||||
<link href="https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/"/>
|
||||
<updated>2021-07-28T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Kitty Giraudel)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learnings From a WebPageTest Session on CSS-Tricks]]></title>
|
||||
<id>https://css-tricks.com/?p=345169</id>
|
||||
|
|
@ -131,26 +193,6 @@ The post Demystifying styled-components appeared first on CSS-Tricks. You can su
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Perform CRUD Operations using React, React Hooks, and Axios]]></title>
|
||||
<id>60fa671e1d2b080797b81cd4</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-perform-crud-operations-using-react/"/>
|
||||
<updated>2021-07-26T21:41:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you're working with React, it can be quite difficult to understand and implement API Requests. So in this article, we'll learn how it all works by implementing CRUD Operations using React, React Hooks, React Router, and Axios. Let's dive in. How to Install Node and npmFirst of all, let's]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is Pseudocode? How to Use Pseudocode to Solve Coding Problems]]></title>
|
||||
<id>60fe9a5222b0e2078fcd154f</id>
|
||||
<link href="https://www.freecodecamp.org/news/what-is-pseudocode-in-programming/"/>
|
||||
<updated>2021-07-26T19:23:37.000Z</updated>
|
||||
<summary type="html"><![CDATA[You might be wondering what pseudocode is and why it's so useful for writing computer programs. But before we jump into pseudocode, let's refresh our memories about what programming and coding are, in the simplest sense. Programming is the manifestation of logic. A program is a set of instructions that]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How I Built a Cross-Platform Desktop Application with Svelte, Redis, and Rust]]></title>
|
||||
<id>https://css-tricks.com/?p=344653</id>
|
||||
|
|
@ -183,16 +225,6 @@ The post Slinkity appeared first on CSS-Tricks. You can support CSS-Tricks by be
|
|||
<name>hello@smashingmagazine.com (Paul Scanlon)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Clear Search History – Delete All Browsing Data in Chrome]]></title>
|
||||
<id>60faae4d1d2b080797b82046</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-clear-search-history-delete-all-browsing-data-in-chrome/"/>
|
||||
<updated>2021-07-23T21:42:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[Your browsing history can come in very handy when you want to look up something that you have already viewed on the internet. Maybe you read an interesting article online and want to reference it again, but forgot to bookmark it. Well, you can have a look at your Chrome]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Web Features That May Not Work As You’d Expect]]></title>
|
||||
<id>https://css-tricks.com/?p=344019</id>
|
||||
|
|
@ -296,17 +328,6 @@ The post ECMAScript proposal: JSON modules appeared first on CSS-Tricks. You can
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Step-By-Step Process for Turning Designs Into Code]]></title>
|
||||
<id>https://css-tricks.com/?p=344337</id>
|
||||
<link href="https://css-tricks.com/a-step-by-step-process-for-turning-designs-into-code/"/>
|
||||
<updated>2021-07-21T14:37:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[Turning website design files into a combination of HTML, CSS and JavaScript is the bread and butter of many front-end web development jobs, but there’s a part of this work that doesn’t neatly fit in to tutorials on any specific …
|
||||
The post A Step-By-Step Process for Turning Designs Into Code appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Mark Noonan</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Color Tools And Resources]]></title>
|
||||
<id>https://smashingmagazine.com/2021/07/color-tools-resources/</id>
|
||||
|
|
@ -317,19 +338,6 @@ The post A Step-By-Step Process for Turning Designs Into Code appeared first on
|
|||
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Nine States of Design]]></title>
|
||||
<id>https://css-tricks.com/?p=345062</id>
|
||||
<link href="https://medium.com/swlh/the-nine-states-of-design-5bfe9b3d6d85"/>
|
||||
<updated>2021-07-20T23:34:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[Here’s a really good ol’ post from way back in 2015 all about the nine states of design and how we should think all the edge cases whenever we’re building interfaces. Vince Speelman writes:
|
||||
Modern UI teams are designing components
|
||||
…
|
||||
The post The Nine States of Design appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Robin Rendle</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Migrate From WordPress To A Headless CMS]]></title>
|
||||
<id>https://smashingmagazine.com/2021/07/wordpress-headless-cms-storyblok/</id>
|
||||
|
|
@ -510,24 +518,4 @@ The post The Nine States of Design appeared first on CSS-Tricks. You can support
|
|||
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Breaking Down Bulky Builds With Netlify And Next.js]]></title>
|
||||
<id>https://smashingmagazine.com/2021/06/breaking-down-bulky-builds-netlify-nextjs/</id>
|
||||
<link href="https://smashingmagazine.com/2021/06/breaking-down-bulky-builds-netlify-nextjs/"/>
|
||||
<updated>2021-06-29T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Static Generation is great for performance — until the app gets too big and build-times go through the roof. Today, we’ll have a look at how Netlify’s fresh On-Demand Builders can fix that.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Átila Fassina)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React?]]></title>
|
||||
<id>https://smashingmagazine.com/2021/06/smashing-podcast-episode-40/</id>
|
||||
<link href="https://smashingmagazine.com/2021/06/smashing-podcast-episode-40/"/>
|
||||
<updated>2021-06-29T05:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this episode, we’re talking about Chakra UI. What is it and how can it help with your React projects? Drew McLellan talks to expert Mike Cavaliere to find out.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Drew McLellan)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
199
index.html
199
index.html
|
|
@ -15,6 +15,97 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-07-28">2021-07-28</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">Safari 15 Opinions</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/safari-15-opinions/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other …
|
||||
The post Safari 15 Opinions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Using Absolute Value, Sign, Rounding and Modulo in CSS Today</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/using-absolute-value-sign-rounding-and-modulo-in-css-today/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(22 min)</span>
|
||||
<span>For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(), asin(), acos(), atan(), atan2()), exponential functions (…
|
||||
The post Using Absolute Value, Sign, Rounding and Modulo in CSS Today 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">Functions in Python – Explained with Code Examples</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/functions-in-python-a-beginners-guide/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>In any programming language, functions facilitate code reusability. In simple terms, when you want to do something repeatedly, you can define that something as a function and call that function whenever you need to. In this tutorial, we shall learn about user-defined functions in Python. When you started coding in</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">JavaScript Modules – Explained with Examples</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/javascript-modules-explained-with-examples/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>A module is a function or group of similar functions. They are grouped together within a file and contain the code to execute a specific task when called into a larger application. You create modules to better organize and structure your codebase. You can use them to break down large</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Use PySpark for Data Processing and Machine Learning</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/use-pyspark-for-data-processing-and-machine-learning/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(66 min)</span>
|
||||
<span>PySpark is an interface for Apache Spark in Python. PySpark is often used for large-scale data processing and machine learning. We just released a PySpark crash course on the freeCodeCamp.org YouTube channel. Krish Naik developed this course. Krish is a lead data scientist and he runs a popular YouTube</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">Creating An Accessible Dialog From Scratch</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-07-27">2021-07-27</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -27,7 +118,7 @@
|
|||
<summary class="article-expander__title">Learnings From a WebPageTest Session on CSS-Tricks</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/learnings-from-a-webpagetest-session-on-css-tricks/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>I got together with Tim Kadlec from over at WebPageTest the other day to use do a bit of performance testing on CSS-Tricks. Essentially use the tool, poke around, and identify performance pain points to work on. You can watch …
|
||||
The post Learnings From a WebPageTest Session on CSS-Tricks appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -213,28 +304,6 @@ The post Slinkity appeared first on CSS-Tricks. You can support CSS-Tricks by be
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Perform CRUD Operations using React, React Hooks, and Axios</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-perform-crud-operations-using-react/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(13 min)</span>
|
||||
<span>If you're working with React, it can be quite difficult to understand and implement API Requests. So in this article, we'll learn how it all works by implementing CRUD Operations using React, React Hooks, React Router, and Axios. Let's dive in. How to Install Node and npmFirst of all, let's</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">What is Pseudocode? How to Use Pseudocode to Solve Coding Problems</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-pseudocode-in-programming/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>You might be wondering what pseudocode is and why it's so useful for writing computer programs. But before we jump into pseudocode, let's refresh our memories about what programming and coding are, in the simplest sense. Programming is the manifestation of logic. A program is a set of instructions that</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -291,23 +360,6 @@ The post My petite-vue review appeared first on CSS-Tricks. You can support CSS-
|
|||
</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 Clear Search History – Delete All Browsing Data in Chrome</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-clear-search-history-delete-all-browsing-data-in-chrome/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>Your browsing history can come in very handy when you want to look up something that you have already viewed on the internet. Maybe you read an interesting article online and want to reference it again, but forgot to bookmark it. Well, you can have a look at your Chrome</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>
|
||||
|
|
@ -426,18 +478,6 @@ The post ECMAScript proposal: JSON modules appeared first on CSS-Tricks. You can
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Step-By-Step Process for Turning Designs Into Code</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/a-step-by-step-process-for-turning-designs-into-code/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(16 min)</span>
|
||||
<span>Turning website design files into a combination of HTML, CSS and JavaScript is the bread and butter of many front-end web development jobs, but there’s a part of this work that doesn’t neatly fit in to tutorials on any specific …
|
||||
The post A Step-By-Step Process for Turning Designs Into Code 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">
|
||||
|
|
@ -462,26 +502,6 @@ The post A Step-By-Step Process for Turning Designs Into Code appeared first on
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-07-20">2021-07-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">The Nine States of Design</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://medium.com/swlh/the-nine-states-of-design-5bfe9b3d6d85">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Here’s a really good ol’ post from way back in 2015 all about the nine states of design and how we should think all the edge cases whenever we’re building interfaces. Vince Speelman writes:
|
||||
Modern UI teams are designing components
|
||||
…
|
||||
The post The Nine States of Design 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>
|
||||
|
|
@ -842,42 +862,9 @@ The post The Nine States of Design appeared first on CSS-Tricks. You can support
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-06-29">2021-06-29</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Breaking Down Bulky Builds With Netlify And Next.js</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/06/breaking-down-bulky-builds-netlify-nextjs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Static Generation is great for performance — until the app gets too big and build-times go through the roof. Today, we’ll have a look at how Netlify’s fresh On-Demand Builders can fix that.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/06/smashing-podcast-episode-40/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(22 min)</span>
|
||||
<span>In this episode, we’re talking about Chakra UI. What is it and how can it help with your React projects? Drew McLellan talks to expert Mike Cavaliere to find out.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-07-28T00:40:50.163Z">2021-07-28T00:40:50.163Z</time>
|
||||
<time id="build-timestamp" datetime="2021-07-29T00:38:05.333Z">2021-07-29T00:38:05.333Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.0</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue