mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
940 lines
47 KiB
HTML
940 lines
47 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>osmos::feed</title>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico" />
|
||
<link href="assets/styles.css" rel="stylesheet" />
|
||
<!-- %before-head-end.html% -->
|
||
</head>
|
||
<body>
|
||
<!-- %after-body-begin.html% -->
|
||
|
||
<section class="day-container">
|
||
<h2>2021-05-05</h2>
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Astro</summary>
|
||
<div class="details-content">
|
||
<p>You can’t even look at code or documentation for Astro (publicly) yet — it’s an in-progress idea — but you can watch a video of Fred showing it off to Feross.
|
||
I gotta admit: it looks awesome. I’m bullish …
|
||
The post Astro appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/astro/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Progress Delayed Is Progress Denied</summary>
|
||
<div class="details-content">
|
||
<p>The bombshell article of the week is from Alex Russell of Google/Chrome. Alex has long been super critical of Apple, particularly about how there is literally no option to run any other browser than Safari on iOS. This article isn’t …
|
||
The post Progress Delayed Is Progress Denied appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://infrequently.org/2021/04/progress-delayed/">Read · 22 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Is Vendor Prefixing Dead?</summary>
|
||
<div class="details-content">
|
||
<p>Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone!
|
||
It‘s not clear who started prefixing, or when it began exactly. What is clear, is …
|
||
The post Is Vendor Prefixing Dead? appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/is-vendor-prefixing-dead/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>freeCodeCamp.org</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Create Computer Vision Apps in the Cloud With OpenCV and Python</summary>
|
||
<div class="details-content">
|
||
<p>OpenCV is a library of programming functions mainly aimed at real-time computer vision. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenCV in the cloud with Python. Misbah Mohammed created this course. He has a lot of experience with machine</p>
|
||
<a href="https://www.freecodecamp.org/news/create-computer-vision-apps-in-the-cloud-with-opencv-and-python/">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Reducing HTML Payload With Next.js (Case Study)</summary>
|
||
<div class="details-content">
|
||
<p>This article showcases a case study of Bookaway’s landing page performance. We’ll see how taking care of the props we send to Next.js pages can make loading times and Web Vitals better.</p>
|
||
<a href="https://smashingmagazine.com/2021/05/reduce-data-sent-client-nextjs/">Read · 8 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>Release notes from osmosfeed</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.4.0</summary>
|
||
<div class="details-content">
|
||
<p>Added: Basic theme customization: Demo | Source. See documentation.</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.4.0">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.3.1</summary>
|
||
<div class="details-content">
|
||
<p>Fixed: Avoid crwalers.
|
||
Fixed: Error logging from XML parser.
|
||
Fixed: Typo in docs.
|
||
Thank you: @dym-sh, @tabokie, @cheese1</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.3.1">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.3.0</summary>
|
||
<div class="details-content">
|
||
<p>Added: Customize cache lifespan with cacheMaxDays property in osmosfeed.yaml.
|
||
Added: Documentation for osmosfeed.yaml.
|
||
Fixed: More intuitive logging during build.
|
||
Chore: Refactored parameter passing for enrich step.</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.3.0">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.2.3</summary>
|
||
<div class="details-content">
|
||
<p>Changed: favicon update.</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.2.3">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.2.1</summary>
|
||
<div class="details-content">
|
||
<p>Added: Display CLI version in footer.</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.2.1">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.1.6</summary>
|
||
<div class="details-content">
|
||
<p>Fixed: The output website didn't have favicon.</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.1.6">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.1.1</summary>
|
||
<div class="details-content">
|
||
<p>Fixed: Item description didn't use the description property from feed item.</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.1.1">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.1.0</summary>
|
||
<div class="details-content">
|
||
<p>Added: MIT license
|
||
Added: cache.json is stamped with the version of the builder. This allows future builder with breaking change to ignore incompatible cache.
|
||
Added: Feed source retry on fetch error (3 times total, 15 seconds timeout).
|
||
Added: Item enrichment retry on fetch error (3 times total, 15 seconds timeout).
|
||
Added: Console log for cache restore and update behavior.
|
||
Added: npx command: npx osmosfeed
|
||
Changed: Improved console log that breaks down rendered item count into "new" and "cached".
|
||
Fixed: Item…</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.1.0">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>v1.0.1</summary>
|
||
<div class="details-content">
|
||
<p>Changed: Runtime dependencies are moved out of devDependencies. This is not a breaking change, but to receive performance benefit, you need to make sure @osmoscraft/osmosfeed is listed as dependencies instead of devDependencies in the package.json of your rss reader site.
|
||
Changed: Build target from node12 to node14.
|
||
Changed: Switched to a more robust rss parser: rss-parser
|
||
Fixed: RSS 1.0 feed <dc:date> was not parsed as publish date.
|
||
Chore: npm dependencies version updates.</p>
|
||
<a href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.0.1">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-05-04</h2>
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>16px or Larger Text Prevents iOS Form Zoom</summary>
|
||
<div class="details-content">
|
||
<p>This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is …
|
||
The post 16px or Larger Text Prevents iOS Form Zoom appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/">Read · 2 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders</summary>
|
||
<div class="details-content">
|
||
<p>Here’s a dilemma: what happens if your WooCommerce site has a problem and the quickest and best way to fix it is to roll back to a previous version? The dilemma is, if you roll back the database, you would …
|
||
The post Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/jetpack-backup-roll-back-your-woocommerce-site-without-losing-orders/">Read · 2 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Let’s use (X, X, X, X) for talking about specificity</summary>
|
||
<div class="details-content">
|
||
<p>I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and Eric took the time to point out the misleading nature …
|
||
The post Let’s use (X, X, X, X) for talking about specificity appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/lets-use-x-x-x-x-for-talking-about-specificity/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Creating Colorful, Smart Shadows</summary>
|
||
<div class="details-content">
|
||
<p>A bona fide CSS trick from Kirupa Chinnathambi here. To match a colored shadow with the colors in the background-image of an element, you inherit the background in a pseudo-element, kick it behind the original, then blur and filter it. …
|
||
The post Creating Colorful, Smart Shadows appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://www.kirupa.com/html5/creating_colorful_smart_shadows.htm">Read · 4 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>freeCodeCamp.org</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Node.js Async Await Tutorial – With Asynchronous JavaScript Examples</summary>
|
||
<div class="details-content">
|
||
<p>A complete guide to Node.js async await</p>
|
||
<a href="https://www.freecodecamp.org/news/node-js-async-await-tutorial-with-asynchronous-javascript-examples/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Copy a Directory in Linux – How to cp a Folder in the Command Line in Linux and Unix (MacOS)</summary>
|
||
<div class="details-content">
|
||
<p>To copy files or directories in Unix-based operating systems (Linux and MacOS), you use the cp command. The cp command is a relatively simple command, but its behavior changes slightly depending on the inputs (files vs directories) and the options you pass to it. To view the documentation or manual</p>
|
||
<a href="https://www.freecodecamp.org/news/copy-a-directory-in-linux-how-to-cp-a-folder-in-the-command-line-in-linux-and-unix-macos/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>A Guide To Undoing Mistakes With Git</summary>
|
||
<div class="details-content">
|
||
<p>No matter how experienced you are, mistakes are an inevitable part of software development. But we can learn to repair them! And this is what we'll be looking at in this two-part series: how to undo mistakes using Git.</p>
|
||
<a href="https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Smashing Podcast Episode 36 With Miriam Suzanne: What Is The Future Of CSS?</summary>
|
||
<div class="details-content">
|
||
<p>In this episode, we’re starting our new season of the Smashing Podcast with a look at the future of CSS. What new specs will be landing in browsers soon? Drew McLellan talks to expert Miriam Suzanne to find out.</p>
|
||
<a href="https://smashingmagazine.com/2021/05/smashing-podcast-episode-36/">Read · 23 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-05-03</h2>
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Chapter 8: CSS</summary>
|
||
<div class="details-content">
|
||
<p>In June of 2006, web developers and designers from around the world came to London for the second annual @media conference. The first had been a huge success, and @media 2006 had even more promise. Its speaker lineup was pulled …
|
||
The post Chapter 8: CSS appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/chapter-8-css/">Read · 22 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Swipey Image Grids</summary>
|
||
<div class="details-content">
|
||
<p>I hope people think of SVG as a vector format that is good for drawing things. There is plenty more to know, but here’s one more: SVG is good for composition. You draw things at very specific coordinates …
|
||
The post Swipey Image Grids appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://www.cassie.codes/posts/swipey-image-grids/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>WebPageTest API</summary>
|
||
<div class="details-content">
|
||
<p>I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …
|
||
The post WebPageTest API appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/webpagetest-api/">Read · 30 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>freeCodeCamp.org</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>How to Fetch Data in React from a GraphQL API</summary>
|
||
<div class="details-content">
|
||
<p>Let's go through the five best ways that you can fetch data with React from a GraphQL API. While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL. I've included</p>
|
||
<a href="https://www.freecodecamp.org/news/5-ways-to-fetch-data-react-graphql/">Read · 8 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Common Mistakes React Developers Make – And How to Fix Them</summary>
|
||
<div class="details-content">
|
||
<p>In this article, we'll see some of the common mistakes that React developers make, and how you can avoid them. So let's get started. Don't Forget that Every Route Change Mounts and Unmounts a ComponentWhenever you're using routing in a React application, you declare routes inside the Switch component. This</p>
|
||
<a href="https://www.freecodecamp.org/news/common-mistakes-react-developers-make-and-how-to-fix-them/">Read · 4 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Cross Site Request Forgery – What is a CSRF Attack and How to Prevent It</summary>
|
||
<div class="details-content">
|
||
<p>Cross Site Request Forgery, or CSRF occurs when a malicious site or program causes a user's browser to perform an unwanted action on a trusted site when the user is authenticated. Any malicious action is limited to the capability of the website to which the user is authenticated. For example,</p>
|
||
<a href="https://www.freecodecamp.org/news/what-is-cross-site-request-forgery/">Read · 5 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Azure Administrator Certification (AZ-104) – Pass the Exam With This Free 11-Hour Course</summary>
|
||
<div class="details-content">
|
||
<p>You can learn everything you need to know to earn the Azure Administrator Certification by completing this free 11-hour course. What is Microsoft Azure Administrator?The Azure Administrator is the most popular Azure certification because it provides the broadest amount of practical knowledge to manage Azure infrastructure. It also allows</p>
|
||
<a href="https://www.freecodecamp.org/news/azure-administrator-certification-az-104-pass-the-exam-with-this-free-11-hour-course/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>The Evolution Of Jamstack</summary>
|
||
<div class="details-content">
|
||
<p>Web-oriented databases, frameworks like Nuxt and Next.js, and even frameworkless approaches are evolving the Jamstack, but the core principles are more powerful than ever.</p>
|
||
<a href="https://smashingmagazine.com/2021/05/evolution-jamstack/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-30</h2>
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Safari 14.1 Adds Support for Flexbox Gaps</summary>
|
||
<div class="details-content">
|
||
<p>Yay, it’s here! Safari 14.1 reportedly adds support for the gap property in flexbox layouts. We’ve had grid-gap support for some time, but true to its name, it’s limited to grid layouts. Now we can use gap in either type …
|
||
The post Safari 14.1 Adds Support for Flexbox Gaps appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/safari-14-1-adds-support-for-flexbox-gaps/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Web Languages as Compile Targets</summary>
|
||
<div class="details-content">
|
||
<p>Jim Nielsen quoting Eric Bailey:
|
||
He references an example on Twitter where someone noted you can use the <details> element to “create a native HTML accordion,” to which someone responded: “this works without Bootstrap? 🤯”
|
||
What’s the problem here? From
|
||
…
|
||
The post Web Languages as Compile Targets appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://blog.jim-nielsen.com/2021/web-languages-as-compile-targets/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms</summary>
|
||
<div class="details-content">
|
||
<p>Jenny B Kowalski has been posting a-letter-a-day on Instagram exploring multi-axis variable/responsive letterforms. They are very clever in that one of the axes controls an uppercase-to-lowercase conversion, literally morphing the shape of the letters from an uppercase version to a …
|
||
The post Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/jenny-b-kowalskis-a-z-and-a-z-as-variable-letterforms/">Read · 1 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>You Can Label a JavaScript `if` Statement</summary>
|
||
<div class="details-content">
|
||
<p>Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can …
|
||
The post You Can Label a JavaScript `if` Statement appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/you-can-label-a-javascript-if-statement/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>freeCodeCamp.org</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Keyboard Shortcuts to Improve Your Coding Productivity</summary>
|
||
<div class="details-content">
|
||
<p>These days, computers can pretty much do anything. Now if you are a frequent computer user like I am, I'm sure you interact with the keyboard all the time. And in this article, I'm going to show you some helpful keyboard shortcuts that will make your work easier</p>
|
||
<a href="https://www.freecodecamp.org/news/keyboard-shortcuts-improve-productivity/">Read · 4 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Node.js and Cloud Firestore Tutorial – How to Build a Home Inventory System</summary>
|
||
<div class="details-content">
|
||
<p>In this article, you'll practice your JavaScript skills while streamlining your household chores by creating your very own home inventory system. I've often found that it's hard to keep track common household items that I buy frequently such as food, spices, medicine, and the like. It's annoying at best and</p>
|
||
<a href="https://www.freecodecamp.org/news/nodejs-and-cloud-firestore-tutorial-build-a-home-inventory-system/">Read · 5 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>May Is In The Air (2021 Wallpapers Edition)</summary>
|
||
<div class="details-content">
|
||
<p>Do you need a little inspiration boost? Well, then our new collection of wallpapers is for you. Designed with love by the community for the community, the wallpapers are available with and without a calendar for May 2021.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/desktop-wallpaper-calendars-may-2021/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-29</h2>
|
||
|
||
<h3>freeCodeCamp.org</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Learn Docker by Building a Node / Express App</summary>
|
||
<div class="details-content">
|
||
<p>Docker is an open source project that makes it easy to create containers and container-based apps. Docker's lightweight and portable software containers simplify application development, testing, and deployment. We just released a course on the freeCodeCamp.org YouTube channel that will help you learn the core fundamentals of Docker by</p>
|
||
<a href="https://www.freecodecamp.org/news/learn-docker-by-building-a-node-express-app/">Read · 2 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Sending Large Files</summary>
|
||
<div class="details-content">
|
||
<p>I’ve got a podcast that will be 10 years old this coming January! Most of those episodes have one or more guests (plus me and Dave). Despite fancy modern options for recording podcasts with guests, like Riverside.fm or Zencastr…
|
||
The post Sending Large Files appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/sending-large-files/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>The Humble `` Element And Core Web Vitals</summary>
|
||
<div class="details-content">
|
||
<p>Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from [Addy's new book](https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/) (also, check a [free PDF preview](http://provide.smashingmagazine.com/eBooks/image-optimization-sample-chapter.pdf)).</p>
|
||
<a href="https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/">Read · 18 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-28</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Meet Image Optimization, A New Smashing Book By Addy Osmani</summary>
|
||
<div class="details-content">
|
||
<p>The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/image-optimization-pre-release/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-27</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Understanding Easing Functions For CSS Animations And Transitions</summary>
|
||
<div class="details-content">
|
||
<p>Easing functions can change the look and feel of an animation by affecting the rate, or speed, of an animation. In this article, we’re going to take a deep dive into easing functions and see how we can use them to create those natural and stunning animations.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/">Read · 9 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-26</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>How To Bake Layers Of Accessibility Testing Into Your Process</summary>
|
||
<div class="details-content">
|
||
<p>Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to "layered accessibility testing”, a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early — when it’s easier and cheaper to fix them.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/">Read · 11 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-23</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors</summary>
|
||
<div class="details-content">
|
||
<p>The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!</p>
|
||
<a href="https://smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/">Read · 8 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-22</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Web Design Done Well: The Ordinary Made Extraordinary (Part 1)</summary>
|
||
<div class="details-content">
|
||
<p>Sometimes it’s the little things in web life that make us look twice. From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/web-design-done-well-part1/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-21</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>A Complete Guide To Incremental Static Regeneration (ISR) With Next.js</summary>
|
||
<div class="details-content">
|
||
<p>Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog posts, ad-backed media, and more.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/incremental-static-regeneration-nextjs/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Why Content Is Such A Fundamental Part Of The Web Design Process</summary>
|
||
<div class="details-content">
|
||
<p>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.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-20</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Making GraphQL Work In WordPress</summary>
|
||
<div class="details-content">
|
||
<p>Let’s explore the plugins providing GraphQL servers to WordPress. When should we use WPGraphQL, and when the GraphQL API for WordPress? Is there some advantage of one over the other, or some particular task that is easier to accomplish with one of them? In this article, we will find out.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/making-graphql-work-in-wordpress/">Read · 12 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-19</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>An In-Depth Guide To Measuring Core Web Vitals</summary>
|
||
<div class="details-content">
|
||
<p>How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/">Read · 24 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-16</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Seven Mistakes To Avoid In Your Technical Interviews</summary>
|
||
<div class="details-content">
|
||
<p>It’s no secret that the technical interview process leaves something to be desired; it’s often riddled with anxiety and stress. In this article, we’ll take a look at seven of the most common mistakes candidates make in their technical interviews and explore ways you can avoid them.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/mistakes-technical-interviews/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-15</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>How To Get Web Design Clients Fast (Part 2)</summary>
|
||
<div class="details-content">
|
||
<p>Selling is key to growing your web design business, but it doesn’t have to be complicated! With clear goals, customer research, and proven closing techniques, anyone can find new clients.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/web-design-clients-fast-part2/">Read · 12 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>From Cats With Love: New Navigation, Guides And Workshops</summary>
|
||
<div class="details-content">
|
||
<p>At Smashing, we’ve been busy over the last few months. We’ve set up new workshops, redesigned our navigation, refined performance and improved accessibility. There are subtle UX changes coming in, and we’d love to share what we’ve been cooking.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/from-cats-with-love-navigation-guides-workshops/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-14</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Overflow Issues In CSS</summary>
|
||
<div class="details-content">
|
||
<p>In this article, we will explore the causes of overflow issues and how to solve them. We will also explore how modern features in the developer tools (DevTools) can make the process of fixing and debugging easier.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/css-overflow-issues/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-13</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Building A Video Streaming App With Nuxt.js, Node And Express</summary>
|
||
<div class="details-content">
|
||
<p>In this article, we’ll be building a video streaming app using Nuxt.js and Node.js. Specifically, we’ll build a server-side Node.js app that will handle fetching and streaming videos, generating thumbnails for your videos, and serving captions and subtitles.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/building-video-streaming-app-nuxtjs-node-express/">Read · 11 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-12</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>A Complete Guide To HTML Email</summary>
|
||
<div class="details-content">
|
||
<p>Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-09</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Growing UX Maturity In Organizations: Education And Training (Part 3)</summary>
|
||
<div class="details-content">
|
||
<p>UX practitioners can play an important role in growing the UX maturity of the organizations and product teams they work with. This final article in a three-part series presents two additional tactics: education of staff on UX principles and processes.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/growing-ux-maturity-in-organizations-part-3/">Read · 20 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-08</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Better Documentation And Team Communication With Product Design Docs</summary>
|
||
<div class="details-content">
|
||
<p>Have you ever struggled to get the green light on your design proposals? Do you feel like your design process needs to be formalized? Is the COVID19 era becoming a challenge for you when working remotely as a designer? Then keep reading to get to know a methodology to document your design process in this article.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/better-documentation-team-communication-product-design-docs/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-07</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Flaky Tests: Getting Rid Of A Living Nightmare In Testing</summary>
|
||
<div class="details-content">
|
||
<p>Unreliable tests are a living nightmare for anyone who writes automated tests or pays attention to the results. Flaky tests have even given folks nightmares and sleepless nights. In this article, Ramona Schwering shares her experiences to help you get out of this hell or avoid getting into it.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/flaky-tests-living-nightmare/">Read · 13 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-06</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Don’t Lose Your Head: Evaluating Headless</summary>
|
||
<div class="details-content">
|
||
<p>With many options comes many decisions, and it is easy to drown in all the many benefits of headless CMS. How do we approach evaluating these options? Let’s figure it out.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/evaluating-headless/">Read · 14 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
<footer>
|
||
<time id="build-timestamp" datetime="2021-05-06T00:33:34.785Z">2021-05-06T00:33:34.785Z</time>
|
||
<span><a href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.4.0</a></span>
|
||
</footer>
|
||
|
||
<script src="assets/index.js"></script>
|
||
<!-- %before-body-end.html% -->
|
||
</body>
|
||
</html>
|