mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
916 lines
No EOL
58 KiB
HTML
916 lines
No EOL
58 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="favicon.ico" />
|
||
<link rel="alternate" type="application/rss+xml" title="osmos::feed" href="feed.atom" />
|
||
<link href="index.css" rel="stylesheet" />
|
||
<!-- %before-head-end.html% -->
|
||
</head>
|
||
|
||
<body>
|
||
<!-- %after-body-begin.html% -->
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-26">2021-09-26</time></h2>
|
||
<ul class="sources card">
|
||
<li class="source">
|
||
<section>
|
||
<h3 class="source-name"><a class="source-name__link" href="https://github.com/osmoscraft/osmosfeed/releases">Release notes from osmosfeed</a></h3>
|
||
<section class="articles-per-source">
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">v1.11.2</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.2">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(1 min)</span>
|
||
<span>Fixed: unicode characters in URL caused download error
|
||
Fixed: project root npm install error
|
||
Added: unit test library
|
||
Chore: Dependency updates
|
||
Thank you: @CaptNo1</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-24">2021-09-24</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">Systems for z-index</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/systems-for-z-index/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(4 min)</span>
|
||
<span>Say you have a z-index bug. Something is being covered up by something else. In my experience, a typical solution is to put position: relative on the thing so z-index works in the first place, and maybe rejigger the z-index…
|
||
The post Systems for z-index 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">The Self Provisioning Runtime</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.swyx.io/self-provisioning-runtime/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>Big thoughts on where the industry is headed from Shawn Wang:
|
||
Advancements in two fields — programming languages and cloud infrastructure — will converge in a single paradigm: where all resources required by a program will be automatically provisioned, and
|
||
…
|
||
The post The Self Provisioning Runtime 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">Comparing Methods for Appending and Inserting With JavaScript</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(8 min)</span>
|
||
<span>Let’s say we want to add something to a webpage after the initial load. JavaScript gives us a variety of tools. Perhaps you’ve used some of them, like append, appendChild, insertAdjacentHTML, or innerHTML.
|
||
The difficult thing …
|
||
The post Comparing Methods for Appending and Inserting With JavaScript 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">Our Learning Partner: Frontend Masters</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/our-learning-partner-frontend-masters-2/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(2 min)</span>
|
||
<span>Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer …
|
||
The post Our Learning Partner: Frontend Masters 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">HTML Button Type – How to Add Buttons to your Website</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/html-button-type-how-to-add-buttons-to-your-website/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(4 min)</span>
|
||
<span>Buttons are an essential part of websites. You need them for various functionalities, from submitting information and getting access to more content to linking to different parts of the web page and other websites. HTML gives you several ways to add buttons to your website – with the button tag, the</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">How to Insert a Text Box in Google Docs – Add Textbox Tutorial</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-insert-a-text-box-in-google-docs-add-textbox-tutorial/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(3 min)</span>
|
||
<span>Google Docs is one of the most popular text processors. It has many features available to help you visually enhance your writing and make specific parts stand out more. One of the ways you can add more functionality to your documents is by adding a textbox. A textbox helps make</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">MVC Architecture – What is a Model View Controller Framework?</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/mvc-architecture-what-is-a-model-view-controller-framework/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(4 min)</span>
|
||
<span>Model–View–Controller is a popular software pattern used to break up the logic of your application into three different components. In this article, I will break down the three components behind the MVC pattern, provide some history, and show you how it can be used in an application. History</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">Rebuilding A Large E-Commerce Website With Next.js (Case Study)</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(13 min)</span>
|
||
<span>We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e-commerce site with Next.js.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">Free Online Workshop: Frustrating Design Patterns And How To Fix Them</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(3 min)</span>
|
||
<span>You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. It’s time to fix them for good in a [free Smashing online workshop](https://smashingconf.com/online-workshops/workshops/vitaly-friedman-frustrating-patterns/) next week.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-23">2021-09-23</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">What is Your Page Title on a Google Search Engine Results Page?</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/what-is-your-page-title-on-a-google-search-engine-results-page/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(4 min)</span>
|
||
<span>Whatever Google wants it to be. I always thought it was exactly what your element was. Perhaps in lieu of that, what the first
|
||
on the page is. But recently I noticed some pages on this site that …
|
||
The post What is Your Page Title on a Google Search Engine Results Page? 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">Working With GraphQL Caching</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/working-with-graphql-caching/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(5 min)</span>
|
||
<span>If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal.
|
||
The official …
|
||
The post Working With GraphQL Caching appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">Learn How to Build True Edge Apps With Cloudflare Workers and Fauna</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/learn-how-to-build-true-edge-apps-with-cloudflare-workers-and-fauna/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(5 min)</span>
|
||
<span>(This is a sponsored post.)
|
||
There is a lot of buzz around apps running on the edge instead of on a centralized server in web development. Running your app on the edge allows your code to be closer to …
|
||
The post Learn How to Build True Edge Apps With Cloudflare Workers and Fauna 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">Convert HEIC to JPG on Windows – HEIC File Format on PC</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/convert-heic-to-jpg-on-windows-heic-file-format-on-pc/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(2 min)</span>
|
||
<span>The HEIC photo format is Apple’s proprietary version of the HEIF (High-Efficiency Image File) file format. It’s a better way to save photos than JPG and JPEG, because with it, you can save up to 50% disk space on your device without losing quality. Because HEIC is owned</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">Python Try and Except Statements – How to Handle Exceptions in Python</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/python-try-and-except-statements-how-to-handle-exceptions-in-python/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>When coding in Python, you can often anticipate runtime errors even in a syntactically and logically correct program. These errors can be caused by invalid inputs or some predictable inconsistencies. In Python, you can use the try and the except blocks to handle most of these errors as exceptions all</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">How to Delete a Row in SQL – Example Query</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-delete-a-row-in-sql-example-query/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(3 min)</span>
|
||
<span>In SQL, you can delete a row in a table by using the DELETE query and the WHERE clause. In the article, I will walk you through how to use the DELETE query and WHERE clause to delete rows. I will also show you how to delete multiple rows from</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">Use Python, SpaCy, and Streamlit to Build a Structured Financial Newsfeed</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/use-python-spacy-streamlit-to-build-structured-financial-newsfeed/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>One of the very interesting and widely used applications of Natural Language Processing is Named Entity Recognition (NER). Getting insights from raw and unstructured data is of vital importance. Uploading a document and getting the important bits of information from it is called information retrieval. Information retrieval has always been</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">700 Free Online Programming & Computer Science Courses You Can Start This School Year</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/free-online-programming-cs-courses/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(21 min)</span>
|
||
<span>Nine years ago, universities like MIT and Stanford first opened up free online courses to the public. Today, close to 1,000 schools around the world have created thousands of free online courses. I’ve compiled this list of 700 such free online courses that you can start this month.</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">Simplifying Form Styles With `accent-color`</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>The new CSS `accent-color` property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-22">2021-09-22</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">Container Units Should Be Pretty Handy</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/container-units-should-be-pretty-handy/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(3 min)</span>
|
||
<span>Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container …
|
||
The post Container Units Should Be Pretty Handy 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">Twitter’s div Soup and Uglyfied CSS, Explained</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://giuseppegurgone.com/twitter-html/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(4 min)</span>
|
||
<span>When I came up in web development (2005-2010 were formative years for me), one of the first lessons I learned was to have a clean foundation of HTML. “What Beautiful HTML Code Looks Like” is actually one of the most …
|
||
The post Twitter’s div Soup and Uglyfied CSS, Explained 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">How to Implement Logging in a Node.js Application With Pino-logger</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/how-to-implement-logging-in-a-node-js-application-with-pino-logger/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(8 min)</span>
|
||
<span>Logging, on its own, is a key aspect of any application. Logging helps developers comprehend what it is that their code is doing. It also helps save developers hours of debugging work. This tutorial is about implementing logging in a …
|
||
The post How to Implement Logging in a Node.js Application With Pino-logger 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">Learn JavaScript Form Validation – Build a JS Project for Beginners ✨</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/learn-javascript-form-validation-by-making-a-form/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>Today we're going to learn how to do form validation in JavaScript. We'l also add images and media queries to build out the entire project and keep it as a portfolio. Here's the project demo that we're gonna build 👇 Desktop designHere's a small sample of how the form will work</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">HTML Font Size – How to Change Text Size Using Inline CSS Style</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/html-font-size-how-to-change-text-size-using-inline-css-style/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(3 min)</span>
|
||
<span>In HTML, the font you choose will play a major role in the look and feel of your web pages. You get to pick the font's color, weight, size, and so on. And all these features make your websites and apps look better and more presentable to the user. With</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">Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/css-head-tag/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(2 min)</span>
|
||
<span>We love little useful tools and techniques to help folks get their work done better and faster. Today, we’d love to shine the spotlights on a little helper that helps spot common performance bottlenecks easily: [ct.css](https://csswizardry.com/ct/).</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-21">2021-09-21</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">Proposal for CSS @when</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/proposal-for-css-when/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(4 min)</span>
|
||
<span>CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals.
|
||
🎉 CSSWG just resolved to adopt @tabatkins when/else proposal into the next level of CSS
|
||
…
|
||
The post Proposal for CSS @when 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">Cascade Layers?</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/cascade-layers/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(6 min)</span>
|
||
<span>There is a new thing coming in CSS: @layer. As with all new things, it takes time to really wrap your head around it. And despite me tapping at my keyboard about it, full disclosure, I’m not sure my …
|
||
The post Cascade Layers? 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">7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/7-practical-uses-for-the-before-and-after-pseudo-elements-in-css/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(11 min)</span>
|
||
<span>CSS ::before and ::after pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a
|
||
but not an ). This effectively allows you to show something on a web page that might …
|
||
The post 7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">An Event Apart Fall Summit 2021! (Use Coupon AEACSST21)</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://aneventapart.com/event/fall-summit-2021?utm_campaign=AEAFS21&utm_medium=email&utm_source=csstricks">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(10 min)</span>
|
||
<span>(This is a sponsored post.)
|
||
The web’s premier conference is online this fall, October 11–13, 2021: An Event Apart Fall Summit. If you already know how good of a conference this is (i.e. that some of the web’s biggest …
|
||
The post An Event Apart Fall Summit 2021! (Use Coupon AEACSST21) 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>
|
||
<section class="articles-per-source">
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">How To Build Your Own Mouseless Development Environment</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/mouseless-development-environment/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(14 min)</span>
|
||
<span>Building a development environment with the shell as a keystone offers multiple benefits. You can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">How Web Development Tools Are Helping Users Keep Pace With Rapid Change</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(6 min)</span>
|
||
<span>The last 18 months have been a time of unprecedented turbulence. As the people of the world have flooded online, businesses have joined them, using web development tools to adapt in real-time.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-20">2021-09-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">Resources aren’t requested by CSS, but by the DOM</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/resources-arent-requested-by-css-but-by-the-dom/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(2 min)</span>
|
||
<span>This is a good tweet from Harry:
|
||
Simple yet significant thing all developers should keep in mind: CSS resources (fonts, background images) are not requested by your CSS, but by the DOM node that needs them [Note: slight oversimplification, but
|
||
…
|
||
The post Resources aren’t requested by CSS, but by the DOM 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>
|
||
<section class="articles-per-source">
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">Are Imposter Domains Re-Publishing Your Website?</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(13 min)</span>
|
||
<span>Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-17">2021-09-17</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">Monetize Open-Source Software With Gatsby Functions And Stripe</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(9 min)</span>
|
||
<span>Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-16">2021-09-16</time></h2>
|
||
<ul class="sources card">
|
||
<li class="source">
|
||
<section>
|
||
<h3 class="source-name"><a class="source-name__link" href="https://github.com/osmoscraft/osmosfeed/releases">Release notes from osmosfeed</a></h3>
|
||
<section class="articles-per-source">
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">v1.11.1</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.1">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(1 min)</span>
|
||
<span>Fixed: Unexpected nested element in author field crashes the parser
|
||
Thank you @ad-m</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">Web Quality Assurance: From User Requirements To Web Risk Management</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(15 min)</span>
|
||
<span>Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">Reasons To Build A CRM-Powered Website For Your Business</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/reasons-build-crm-powered-website-business/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(8 min)</span>
|
||
<span>Integrating a CRM with your business website has numerous benefits. In this article, Zara Cooper explains what these benefits are and why websites should be integrated with a CRM platform.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-15">2021-09-15</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">Reducing The Need For Pseudo-Elements</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(6 min)</span>
|
||
<span>For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-14">2021-09-14</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">The Power Of Pen And Paper Sketching</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/power-pen-paper-sketching/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-13">2021-09-13</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">Orchestrating Complexity With Web Animations API</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(10 min)</span>
|
||
<span>There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-10">2021-09-10</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">Web Design Done Well: Excellent Editorial</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>They say content is king, and they’re right. The web has unlocked untold possibilities for storytellers — provided the story is right, of course. Here are some of our favorite examples of editorial content thriving in the digital realm.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-09">2021-09-09</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">Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(7 min)</span>
|
||
<span>When paired with ISR and Next.js’ API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not), and how to build a website by using Incremental Static Regeneration.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-08">2021-09-08</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">Developer Decisions For Building Flexible Components</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(10 min)</span>
|
||
<span>In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">New Smashing Online Workshops on Front-End & UX</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/new-smashing-online-workshops-sep-2021/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(3 min)</span>
|
||
<span>What’s the state of HTML Email, Vue.js and Next.js? What are new, smart interface design patterns we could use? Let’s figure it out. With our brand new online workshops on front-end & design. Now with **free workshops** for you to test the waters.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-07">2021-09-07</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">What’s New With DevTools: Cross-Browser Edition</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(13 min)</span>
|
||
<span>Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-06">2021-09-06</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">HTTP/3: Practical Deployment Options (Part 3)</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/http3-practical-deployment-options-part3/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(32 min)</span>
|
||
<span>After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-03">2021-09-03</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">Reducing Carbon Emissions On The Web</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(12 min)</span>
|
||
<span>Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-02">2021-09-02</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">Interactive Learning Tools For Front-End Developers</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(8 min)</span>
|
||
<span>Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-09-01">2021-09-01</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">A Deep Dive Into The Wonderful World Of SVG Displacement Filtering</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(19 min)</span>
|
||
<span>What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-08-31">2021-08-31</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">State Management In Next.js</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/state-management-nextjs/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(10 min)</span>
|
||
<span>By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Let’s have a look at some patterns to accomplish all that.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
<article>
|
||
<details class="article-expander">
|
||
<summary class="article-expander__title">Stories Of September (2021 Desktop Wallpapers Edition)</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(8 min)</span>
|
||
<span>New month, new wallpapers! In this post, you’ll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy!</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="daily-content">
|
||
<h2 class="daily-heading"><time datatime="2021-08-30">2021-08-30</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">Refactoring CSS: Optimizing Size And Performance (Part 3)</summary>
|
||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/">
|
||
<div class="article-summary-box-inner">
|
||
<span class="article-reading-time">(12 min)</span>
|
||
<span>There are many CSS optimization techniques to tackle potential file size and performance issues. Let’s take a look at some of them. After all, if deploying the refactored codebase causes loading or performance issues, it will result in less traffic and revenue, which might leave the management and project managers dissatisfied.</span>
|
||
</div>
|
||
</a>
|
||
</details>
|
||
</article>
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<footer>
|
||
<time id="build-timestamp" datetime="2021-09-27T00:40:58.934Z">2021-09-27T00:40:58.934Z</time>
|
||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.2</a></span>
|
||
</footer>
|
||
<script src="index.js"></script>
|
||
<!-- %before-body-end.html% -->
|
||
</body>
|
||
|
||
</html> |