mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: 93a47ca1ea
This commit is contained in:
chuanqisun
parent
751fa824cc
commit
d718643cc0
2 changed files with 168 additions and 166 deletions
130
cache.json
130
cache.json
|
|
@ -3,11 +3,47 @@
|
|||
{
|
||||
"href": "https://css-tricks.com/feed/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "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 …\nThe post Safari 14.1 Adds Support for Flexbox Gaps appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/safari-14-1-adds-support-for-flexbox-gaps/",
|
||||
"publishedOn": "2021-04-30T21:51:08.000Z",
|
||||
"wordCount": 548,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Safari 14.1 Adds Support for Flexbox Gaps"
|
||||
},
|
||||
{
|
||||
"description": "Jim Nielsen quoting Eric Bailey:\nHe 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? 🤯”\nWhat’s the problem here? From \n…\nThe post Web Languages as Compile Targets appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://blog.jim-nielsen.com/2021/web-languages-as-compile-targets/",
|
||||
"publishedOn": "2021-04-30T18:05:37.000Z",
|
||||
"wordCount": 798,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Web Languages as Compile Targets"
|
||||
},
|
||||
{
|
||||
"description": "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 …\nThe post Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/jenny-b-kowalskis-a-z-and-a-z-as-variable-letterforms/",
|
||||
"publishedOn": "2021-04-30T16:02:53.000Z",
|
||||
"wordCount": 423,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms"
|
||||
},
|
||||
{
|
||||
"description": "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 …\nThe post You Can Label a JavaScript `if` Statement appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/you-can-label-a-javascript-if-statement/",
|
||||
"publishedOn": "2021-04-30T14:29:32.000Z",
|
||||
"wordCount": 1620,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "You Can Label a JavaScript `if` Statement"
|
||||
},
|
||||
{
|
||||
"description": "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…\nThe post Sending Large Files appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/sending-large-files/",
|
||||
"publishedOn": "2021-04-29T17:52:55.000Z",
|
||||
"wordCount": 1102,
|
||||
"wordCount": 1650,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Sending Large Files"
|
||||
|
|
@ -34,7 +70,7 @@
|
|||
"description": "This post was written for engineering managers, but anyone is welcome to read it.\nLet’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, …\nThe post Your Team is Not “Them” appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/your-team-is-not-them/",
|
||||
"publishedOn": "2021-04-28T19:35:32.000Z",
|
||||
"wordCount": 1841,
|
||||
"wordCount": 1884,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Your Team is Not “Them”"
|
||||
|
|
@ -101,48 +137,21 @@
|
|||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Using New Gatsby Source WordPress Plugin"
|
||||
},
|
||||
{
|
||||
"description": "There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see:\nChrome on the left. Safari in the simulator on top…\nThe post Text That Sometimes Turns to Emojis appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/text-that-sometimes-turns-to-emojis/",
|
||||
"publishedOn": "2021-04-22T21:17:43.000Z",
|
||||
"wordCount": 1442,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Text That Sometimes Turns to Emojis"
|
||||
},
|
||||
{
|
||||
"description": "Here’s Jess B. Peck writing all about Google’s Core Web Vitals:\nLet’s step back one. CLS is when you’re about to click on a link, and the whole page shifts and you click on a different link instead. It’s when \n…\nThe post The Almost-Complete Guide to Cumulative Layout Shift appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://jessbpeck.com/posts/completecls/",
|
||||
"publishedOn": "2021-04-22T19:04:48.000Z",
|
||||
"wordCount": 7752,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "The Almost-Complete Guide to Cumulative Layout Shift"
|
||||
},
|
||||
{
|
||||
"description": "Try Hotjar for free today!\nAn enjoyable user experience and high conversion rates go hand-in-hand. It makes sense then, that if you want to improve conversion rates, your first task is to improve user experience.\nTo improve UX, deeply understanding …\nThe post Tools to Improve UX and Win Over Your Customers appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/tools-to-improve-ux-and-win-over-your-customers/",
|
||||
"publishedOn": "2021-04-22T19:03:51.000Z",
|
||||
"wordCount": 1526,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "Tools to Improve UX and Win Over Your Customers"
|
||||
},
|
||||
{
|
||||
"description": "Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font!\nLet me elaborate. This is a way to render text without using any font at all. Random text is split with …\nThe post The Making (and Potential Benefits) of a CSS Font appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/",
|
||||
"publishedOn": "2021-04-22T14:30:43.000Z",
|
||||
"wordCount": 4534,
|
||||
"sourceHref": "https://css-tricks.com/feed/",
|
||||
"sourceTitle": "CSS-Tricks",
|
||||
"title": "The Making (and Potential Benefits) of a CSS Font"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"href": "https://www.smashingmagazine.com/feed/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/04/desktop-wallpaper-calendars-may-2021/",
|
||||
"publishedOn": "2021-04-30T09:00:00.000Z",
|
||||
"wordCount": 2139,
|
||||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "May Is In The Air (2021 Wallpapers Edition)"
|
||||
},
|
||||
{
|
||||
"description": "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)).",
|
||||
"link": "https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/",
|
||||
|
|
@ -340,21 +349,30 @@
|
|||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "Guarding Against Disposable Design"
|
||||
},
|
||||
{
|
||||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/04/designing-developing-fluid-type-space-scales/",
|
||||
"publishedOn": "2021-04-01T09:44:00.000Z",
|
||||
"wordCount": 2458,
|
||||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||||
"title": "Meet Utopia: Designing And Building With Fluid Type And Space Scales"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"href": "https://www.freecodecamp.org/news/rss/",
|
||||
"articles": [
|
||||
{
|
||||
"description": "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",
|
||||
"link": "https://www.freecodecamp.org/news/keyboard-shortcuts-improve-productivity/",
|
||||
"publishedOn": "2021-04-30T18:37:37.000Z",
|
||||
"wordCount": 1334,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "Keyboard Shortcuts to Improve Your Coding Productivity"
|
||||
},
|
||||
{
|
||||
"description": "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",
|
||||
"link": "https://www.freecodecamp.org/news/nodejs-and-cloud-firestore-tutorial-build-a-home-inventory-system/",
|
||||
"publishedOn": "2021-04-30T16:26:24.000Z",
|
||||
"wordCount": 1429,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "Node.js and Cloud Firestore Tutorial – How to Build a Home Inventory System"
|
||||
},
|
||||
{
|
||||
"description": "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",
|
||||
"link": "https://www.freecodecamp.org/news/learn-docker-by-building-a-node-express-app/",
|
||||
|
|
@ -426,24 +444,6 @@
|
|||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Build a React Application with Load More Functionality using React Hooks"
|
||||
},
|
||||
{
|
||||
"description": "This tutorial will help you to understand how the built-in JavaScript method setTimeout() works with intuitive code examples. How to Use setTimeout() in JavaScriptThe setTimeout() method allows you to execute a piece of code after a certain amount of time has passed. You can think of the method as a",
|
||||
"link": "https://www.freecodecamp.org/news/javascript-settimeout-how-to-set-a-timer-in-javascript-or-sleep-for-n-seconds/",
|
||||
"publishedOn": "2021-04-27T17:45:49.000Z",
|
||||
"wordCount": 829,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "JavaScript setTimeout() – How to Set a Timer in JavaScript or Sleep for N Seconds"
|
||||
},
|
||||
{
|
||||
"description": "OpenGL is a cross-language, cross-platform graphics API for rendering 2D and 3D scenes using a graphics card. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenGL with C++ to create 3D and 2D graphics. Victor Gordan developed this course. His",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-create-3d-and-2d-graphics-with-opengl-and-cpp/",
|
||||
"publishedOn": "2021-04-27T16:56:37.000Z",
|
||||
"wordCount": 544,
|
||||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||||
"sourceTitle": "freeCodeCamp.org",
|
||||
"title": "How to Create 3D and 2D Graphics with OpenGL and C++"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
204
index.html
204
index.html
|
|
@ -10,6 +10,107 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<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 · 2 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 · 5 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>
|
||||
|
||||
|
|
@ -38,7 +139,7 @@
|
|||
<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 · 4 min</a>
|
||||
<a href="https://css-tricks.com/sending-large-files/">Read · 6 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
|
@ -216,26 +317,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>JavaScript setTimeout() – How to Set a Timer in JavaScript or Sleep for N Seconds</summary>
|
||||
<div class="details-content">
|
||||
<p>This tutorial will help you to understand how the built-in JavaScript method setTimeout() works with intuitive code examples. How to Use setTimeout() in JavaScriptThe setTimeout() method allows you to execute a piece of code after a certain amount of time has passed. You can think of the method as a</p>
|
||||
<a href="https://www.freecodecamp.org/news/javascript-settimeout-how-to-set-a-timer-in-javascript-or-sleep-for-n-seconds/">Read · 3 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>How to Create 3D and 2D Graphics with OpenGL and C++</summary>
|
||||
<div class="details-content">
|
||||
<p>OpenGL is a cross-language, cross-platform graphics API for rendering 2D and 3D scenes using a graphics card. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenGL with C++ to create 3D and 2D graphics. Victor Gordan developed this course. His</p>
|
||||
<a href="https://www.freecodecamp.org/news/how-to-create-3d-and-2d-graphics-with-opengl-and-cpp/">Read · 2 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
|
|
@ -388,65 +469,6 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
<section class="day-container">
|
||||
<h2>2021-04-22</h2>
|
||||
|
||||
<h3>CSS-Tricks</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Text That Sometimes Turns to Emojis</summary>
|
||||
<div class="details-content">
|
||||
<p>There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see:
|
||||
Chrome on the left. Safari in the simulator on top…
|
||||
The post Text That Sometimes Turns to Emojis appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/text-that-sometimes-turns-to-emojis/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>The Almost-Complete Guide to Cumulative Layout Shift</summary>
|
||||
<div class="details-content">
|
||||
<p>Here’s Jess B. Peck writing all about Google’s Core Web Vitals:
|
||||
Let’s step back one. CLS is when you’re about to click on a link, and the whole page shifts and you click on a different link instead. It’s when
|
||||
…
|
||||
The post The Almost-Complete Guide to Cumulative Layout Shift appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://jessbpeck.com/posts/completecls/">Read · 26 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>Tools to Improve UX and Win Over Your Customers</summary>
|
||||
<div class="details-content">
|
||||
<p>Try Hotjar for free today!
|
||||
An enjoyable user experience and high conversion rates go hand-in-hand. It makes sense then, that if you want to improve conversion rates, your first task is to improve user experience.
|
||||
To improve UX, deeply understanding …
|
||||
The post Tools to Improve UX and Win Over Your Customers appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/tools-to-improve-ux-and-win-over-your-customers/">Read · 5 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<details>
|
||||
<summary>The Making (and Potential Benefits) of a CSS Font</summary>
|
||||
<div class="details-content">
|
||||
<p>Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font!
|
||||
Let me elaborate. This is a way to render text without using any font at all. Random text is split with …
|
||||
The post The Making (and Potential Benefits) of a CSS Font appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</p>
|
||||
<a href="https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/">Read · 15 min</a>
|
||||
</div>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<h3>Articles on Smashing Magazine — For Web Designers And Developers</h3>
|
||||
<section class="articles-per-source">
|
||||
|
||||
|
|
@ -763,28 +785,8 @@ You can support CSS-Tricks by being an MVP Supporter.</p>
|
|||
|
||||
</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>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-04-30T00:41:25.902Z">2021-04-30T00:41:25.902Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-01T00:43:33.091Z">2021-05-01T00:43:33.091Z</time>
|
||||
<span><a href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.2.3</a></span>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue