mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
778 lines
39 KiB
HTML
778 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>osmos::feed</title>
|
||
<link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico">
|
||
<link href="assets/styles.css" rel="stylesheet" />
|
||
</head>
|
||
<body>
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-12</h2>
|
||
|
||
<h3>freeCodeCamp.org</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Is React a Library or a Framework? Here's Why it Matters</summary>
|
||
<div class="details-content">
|
||
<p>Developers have spent a great deal of time talking about what React is. But they have left out why this topic matters so greatly for anyone who builds React applications. The answer to this question is essential for any React developer, regardless of their skill level. This is because it</p>
|
||
<a href="https://www.freecodecamp.org/news/is-react-a-library-or-a-framework/">Read · 5 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Healthy Habits – How to Become a Better Developer and Live a Happier Life</summary>
|
||
<div class="details-content">
|
||
<p>Being a great developer is not just about writing great code. There are certain habits I’ve discovered that are beneficial to your work and your life as well. Habits are basically the parts of our lives that make up our daily routines. Once established, they are the most powerful</p>
|
||
<a href="https://www.freecodecamp.org/news/how-to-become-a-better-developer-and-live-a-happier-life/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Here are 450 Ivy League courses you can take online right now for free</summary>
|
||
<div class="details-content">
|
||
<p>The 8 Ivy League schools are among the most prestigious colleges in the world. They include Brown, Harvard, Cornell, Princeton, Dartmouth, Yale, and Columbia universities, and the University of Pennsylvania. All eight schools place in the top fifteen of the U.S. News and World Report national university rankings. These</p>
|
||
<a href="https://www.freecodecamp.org/news/ivy-league-free-online-courses-a0d7ae675869/">Read · 14 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Machine Learning Directly in SQL – How to Use ML in Databases</summary>
|
||
<div class="details-content">
|
||
<p>Machine learning need not be mysterious. A lot of the basics come wrapped up in high-level software packages such as scikit-learn, but you can actually do a lot without ever having to leave the database. PostgreSQL lets you build queries which run a variety of machine learning algorithms against your</p>
|
||
<a href="https://www.freecodecamp.org/news/machine-learning-directly-in-sql/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Python Map Function – How to Map a List in Python 3.0, With Example Code</summary>
|
||
<div class="details-content">
|
||
<p>If you're learning how to code, the Python Map Function is your opportunity to level up. Picture this: you want to become a more efficient coder. You want your code to compile faster. You want to impress your peers with your robust coding knowledge. If any of this resonates with</p>
|
||
<a href="https://www.freecodecamp.org/news/python-map-function-how-to-map-a-list-in-python-3-0-with-example-code/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Redux for Beginners – The Brain-Friendly Guide to Learning Redux</summary>
|
||
<div class="details-content">
|
||
<p>In this Redux for Beginners guide, we're going to: Learn about the different parts of Redux and how they work togetherLearn how to fetch data from an API using ReduxLearn how to use Redux Toolkit to setup and work with Redux using less codeAnd I’ll give you some challenges</p>
|
||
<a href="https://www.freecodecamp.org/news/redux-for-beginners-the-brain-friendly-guide-to-redux/">Read · 19 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>How to Leverage the Fullscreen API… and Style It</summary>
|
||
<div class="details-content">
|
||
<p>Let’s look at the Fullscreen API in JavaScript. It allows you to do a pretty powerful thing: full screening exactly one particular element you want it to. Not only that, but CSS can help as well with a special selector.…
|
||
The post How to Leverage the Fullscreen API… and Style It appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/how-to-leverage-the-fullscreen-api-and-style-it/">Read · 4 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>See You Around</summary>
|
||
<div class="details-content">
|
||
<p>Get it? Because this blog post is about Around, the wonderful new video call software. I’ve been using it for my video calls and I’d be happy to deliver you a TLDR right off the bat: It’s nice. It …
|
||
The post See You Around appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/see-you-around/">Read · 4 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 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>
|
||
|
||
|
||
<h3>freeCodeCamp.org</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>How to Build a Fully Functional Serverless App in Under Two Hours</summary>
|
||
<div class="details-content">
|
||
<p>If you want to dive deep into serverless full-stack apps, you've come to the right place. This post will guide you through the process of building your own link shortener. We are going to use TypeScript, React, Next.JS, and MongoDB. And to take advantage of serverless processing, we will</p>
|
||
<a href="https://www.freecodecamp.org/news/how-to-build-a-serverless-app/">Read · 12 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>JavaScript Switch Statement – With JS Switch Case Example Code</summary>
|
||
<div class="details-content">
|
||
<p>Creating conditionals to decide what action to perform is one of the most fundamental parts of programming in JavaScript. This tutorial will help you learn how to create multiple conditionals using the switch keyword. How switch statements work in JavaScriptThe JavaScript switch keyword is used to create multiple conditional statements,</p>
|
||
<a href="https://www.freecodecamp.org/news/javascript-switch-statement-with-js-switch-case-example-code/">Read · 4 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>The Complete React Tutorial for 2021 – Learn Major React Concepts by Building a Project</summary>
|
||
<div class="details-content">
|
||
<p>Welcome to the complete React tutorial for 2021. This guide should help you become effective with React as quickly as possible as you build a complete application along the way. Compared to many tutorials you might have gone through before, this one is meant to be thoroughly practical from start</p>
|
||
<a href="https://www.freecodecamp.org/news/react-tutorial-build-a-project/">Read · 20 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Open Source Insights – What We Learned from 860 Million GitHub Event Logs</summary>
|
||
<div class="details-content">
|
||
<p>Open source software has become a cornerstone of our digital world. And open collaboration plays an enormous role in the development of human digital civilization. GitHub, the world's largest open source collaboration platform, produces a massive amount of developer behavior data. So what can we do with this data? The</p>
|
||
<a href="https://www.freecodecamp.org/news/open-source-insights-what-we-learned-from-860-million-github-event-logs/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Headless Form Submission With the WordPress REST API</summary>
|
||
<div class="details-content">
|
||
<p>If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They are convenient and offer plenty of customizations that would take a ton of effort to build from scratch. They render the …
|
||
The post Headless Form Submission With the WordPress REST API appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/headless-form-submission-with-the-wordpress-rest-api/">Read · 8 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-08</h2>
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>The `ping` attribute on anchor links</summary>
|
||
<div class="details-content">
|
||
<p>I didn’t know this was a thing until Stefan Judis’s post:
|
||
<a href="https://www.stefanjudis.com/popular-posts/"
|
||
ping="https://www.stefanjudis.com/tracking/"Read popular posts</a
|
||
You give an anchor link a URL via a ping attribute, and the browser will hit that URL with a web request …
|
||
The post The `ping` attribute on anchor links appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://www.stefanjudis.com/today-i-learned/html-defines-a-ping-attribute-on-anchor-elements-links/">Read · 2 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Comparing the New Generation of Build Tools</summary>
|
||
<div class="details-content">
|
||
<p>A bunch of new developer tools have landed in the past year and they are biting at the heels of the tools that have dominated front-end development over the last few years, including webpack, Babel, Rollup, Parcel, create-react-app.
|
||
These new …
|
||
The post Comparing the New Generation of Build Tools appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/comparing-the-new-generation-of-build-tools/">Read · 23 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>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>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>CSS Is, In Fact, Awesome</summary>
|
||
<div class="details-content">
|
||
<p>You’ve seen the iconic image. Perhaps some of what makes that image so iconic is that people see what they want to see in it. If you see it as a critique of CSS being silly, weird, or confusing, you …
|
||
The post CSS Is, In Fact, Awesome appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://blog.jim-nielsen.com/2021/css-is-in-fact-awesome/">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>SvelteKit is in public beta</summary>
|
||
<div class="details-content">
|
||
<p>Rich Harris:
|
||
Think of it as Next for Svelte. It’s a framework for building apps with Svelte, complete with server-side rendering, routing, code-splitting for JS and CSS, adapters for different serverless platforms and so on.
|
||
Great move. I find …
|
||
The post SvelteKit is in public beta appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://svelte.dev/blog/sveltekit-beta">Read · 3 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Coordinating Svelte Animations With XState</summary>
|
||
<div class="details-content">
|
||
<p>This post is an introduction to XState as it might be used in a Svelte project. XState is unique in the JavaScript ecosystem. It won’t keep your DOM synced with your application state, but it will help manage your application’s …
|
||
The post Coordinating Svelte Animations With XState appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/coordinating-svelte-animations-with-xstate/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>axe DevTools Pro</summary>
|
||
<div class="details-content">
|
||
<p>I’m going to try to show you some things I think are useful and important about axe™ DevTools and use as few words as possible.
|
||
axe DevTools includes a browser extension which you need no special expertise to use.
|
||
You …
|
||
The post axe DevTools Pro appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/axe-devtools-pro/">Read · 2 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>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>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Space Jam</summary>
|
||
<div class="details-content">
|
||
<p>It’s certainly worth noting that the Space Jam website, which made its way into umpteen conference talks for being fabulous evidence of the web’s strength in backward compatibility, has been replaced. We could have saw that coming. Everything is …
|
||
The post Space Jam appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://mxb.dev/blog/space-jam/">Read · 6 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Some Articles About Accessibility I’ve Saved Recently</summary>
|
||
<div class="details-content">
|
||
<p>“Good news about display: contents and Chrome” — Rachel Andrew notes that the accessibility danger of using display: contents; is fixed in Chrome. The problem was that, say you had a parent div that is laid out as a grid
|
||
…
|
||
The post Some Articles About Accessibility I’ve Saved Recently appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/some-articles-about-accessibility-ive-saved-recently/">Read · 2 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Gaps? Gasp!</summary>
|
||
<div class="details-content">
|
||
<p>At first, there were flexboxes (the children of a display: flex container). If you wanted them to be visually separate, you had to use content justification (i.e. justify-content: space-between), margin trickery, or sometimes, both. Then along came grids (a …
|
||
The post Gaps? Gasp! appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/gaps-gasp/">Read · 4 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Jetpack Turns 10!</summary>
|
||
<div class="details-content">
|
||
<p>(This is a sponsored post.)
|
||
Ten years! That’s a huge milestone for a project, especially one that had a pretty simple goal in mind from the start: give self-hosted WordPress sites many of the same features and functionality enjoyed …
|
||
The post Jetpack Turns 10! appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://jetpack.com/ten/?aff=8638">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>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>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-05</h2>
|
||
|
||
<h3>CSS-Tricks</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Splitting Time Between Product and Engineering Efforts</summary>
|
||
<div class="details-content">
|
||
<p>At each company I’ve worked, we have had a split between time spent on Product initiatives and Engineering work. The percentages always changed, sometimes 70% Product, 30% Engineering, sometimes as much as a 50/50 split. The impetus is to make …
|
||
The post Splitting Time Between Product and Engineering Efforts appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://css-tricks.com/splitting-time-between-product-and-engineering-efforts/">Read · 9 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Definition Tag</summary>
|
||
<div class="details-content">
|
||
<p>It’s <dfn. Jen Kramer and Erika Lee are doing a #30DaysofHTML email list thing-y on Substack, which is an easy subscribe. It’s only been a few days and all of them have little gems, even for someone like me …
|
||
The post Definition Tag appeared first on CSS-Tricks.
|
||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||
<a href="https://jen4web.substack.com/p/dfn">Read · 2 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>Vanilla JavaScript Code Snippets</summary>
|
||
<div class="details-content">
|
||
<p>A guide to vanilla JavaScript code snippets — with resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/vanilla-javascript-code-snippets/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-02</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Guarding Against Disposable Design</summary>
|
||
<div class="details-content">
|
||
<p>Quick, constant change is a given on the web. It is often one of its greatest strengths. As ever, though, there is a balance to find. Although longevity takes a different form online, its value is immeasurable.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/guarding-against-disposable-design/">Read · 11 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-04-01</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Meet Utopia: Designing And Building With Fluid Type And Space Scales</summary>
|
||
<div class="details-content">
|
||
<p>By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new **CSS tool** called [Utopia](https://utopia.fyi/) offers an alternative to breakpoint-driven design.</p>
|
||
<a href="https://smashingmagazine.com/2021/04/designing-developing-fluid-type-space-scales/">Read · 8 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-31</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>The Small Joys Of April (2021 Wallpapers Edition)</summary>
|
||
<div class="details-content">
|
||
<p>Let’s welcome the new month with some fresh wallpapers. Designed with love by artists and designers from across the globe, they are available with and without a calendar for April 2021.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/desktop-wallpaper-calendars-april-2021/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-30</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Choosing A New Serverless Database Technology At An Agency (Case Study)</summary>
|
||
<div class="details-content">
|
||
<p>In this article, Michael Rispoli explains how he evaluated the decision of whether or not to adopt a serverless database for client projects. This decision will focus on three lenses: the functional aspects of the technology, the developer experience, and the business ramifications of adoption.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/choosing-new-serverless-database-technology-agency/">Read · 19 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-29</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>SVG Generators</summary>
|
||
<div class="details-content">
|
||
<p>A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/svg-generators/">Read · 12 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-26</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Growing UX Maturity: Knowledge Sharing And Mentorship (Part 2)</summary>
|
||
<div class="details-content">
|
||
<p>This article presents tactics that can be helpful for those working in organizations that have started engaging in UX, but are still at the lower to middle stages of maturity: knowledge sharing and mentorship.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/growing-ux-maturity-in-organizations-part-2/">Read · 14 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-25</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>How To Boost Media Performance On A Budget</summary>
|
||
<div class="details-content">
|
||
<p>How do we get media performance right while staying within performance budgets? Let’s take a look at the recent stats and data around performance budgets, video playback performance issues and some techniques and tools to address these issues.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/boost-media-performance/">Read · 7 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Reactivity In Vue</summary>
|
||
<div class="details-content">
|
||
<p>Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/reactivity-in-vue/">Read · 8 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-24</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>A Deep Dive Into Eleventy Static Site Generator</summary>
|
||
<div class="details-content">
|
||
<p>Eleventy (aka 11ty) is rising in the ranks among static site generators. This Node-based builder is attractive due to its zero-config starting point, purely static output, and ease of achieving the coveted top Lighthouse performance score of four perfect 100s. Let’s dive into what else makes it unique, and learn about some essential concepts to help you successfully get started.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/eleventy-static-site-generator/">Read · 14 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-23</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Going Headless: Use Cases And What It’s Good For</summary>
|
||
<div class="details-content">
|
||
<p>One of the drivers of the popularity of headless options is that expectations for the quality of user experience are constantly going up. In this article, we explore what headless means, use cases for it, and how to decide if headless is a good fit for you.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/going-headless-use-cases/">Read · 14 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-22</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>A Complete Guide To Accessible Front-End Components</summary>
|
||
<div class="details-content">
|
||
<p>Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/">Read · 23 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-19</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Gone Floating Labels And Green Lighthouse Scores</summary>
|
||
<div class="details-content">
|
||
<p>Wondering what’s happenin’ at Smashing? Well, we’ve been busy. Here’s a little story of how we removed floating labels, improved performance on mobile, and launched a new series of articles. Oh, and how you can contribute to Smashing, too.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/floating-labels-performance-lighthouse/">Read · 9 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-18</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 1)</summary>
|
||
<div class="details-content">
|
||
<p>The secret to growing a successful web design business is thinking of design as a service, not a product. When you focus on recurring revenue and sell to one targeted niche, you can grow a business faster than ever.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/web-design-clients-fast-part1/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-17</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>What’s New In Flutter 2?</summary>
|
||
<div class="details-content">
|
||
<p>Flutter has been transitioning from a cross-platform mobile development SDK for Android/iOS into a tool that allows you to run the same code natively in a browser on Windows, Linux and macOS. With Flutter 2, non-mobile Flutter development is starting to become more viable.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/flutter2-stable-mobile-web-desktop-development-native-speed-one-codebase/">Read · 10 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-16</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>Good, Better, Best: Untangling The Complex World Of Accessible Patterns</summary>
|
||
<div class="details-content">
|
||
<p>How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this topic.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/">Read · 12 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="day-container">
|
||
<h2>2021-03-15</h2>
|
||
|
||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||
<section class="articles-per-source">
|
||
|
||
<article>
|
||
<details>
|
||
<summary>CSS Generators</summary>
|
||
<div class="details-content">
|
||
<p>In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. This time it’s all about CSS Generators: from CSS shadows to easing gradients to CSS overlays to CSS doodles.</p>
|
||
<a href="https://smashingmagazine.com/2021/03/css-generators/">Read · 11 min</a>
|
||
</div>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
|
||
</section>
|
||
|
||
<small>
|
||
<time id="build-timestamp" datetime="2021-04-13T01:49:43.033Z">2021-04-13T01:49:43.033Z</time>
|
||
</small>
|
||
|
||
<script src="assets/index.js"></script>
|
||
</body>
|
||
</html>
|