osmosfeed-template/feed.atom
2021-06-04 01:29:49 +00:00

701 lines
No EOL
48 KiB
XML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>urn:2021-06-04T01:29:49.404Z</id>
<title>osmos::feed</title>
<updated>2021-06-04T01:29:49.404Z</updated>
<generator>osmosfeed 1.10.2</generator>
<link rel="alternate" href="index.html"/>
<entry>
<title type="html"><![CDATA[JavaScript Tutorial How to Set Up a Front End Development Project]]></title>
<id>60b11ff811ffb70827ef8f94</id>
<link href="https://www.freecodecamp.org/news/how-to-set-up-a-front-end-development-project/"/>
<updated>2021-06-03T21:44:03.000Z</updated>
<summary type="html"><![CDATA[Lets say you plan to build a website. Before you start, you want to set up a few tools to make your life easier. But which tools should you have? The JavaScript ecosystem is changing so fast that it can be overwhelming to pick the best tools to use.]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Schofield&#x27;s Laws of Computing What they Are and Why You Should Know Them]]></title>
<id>60afd68611ffb70827ef86d8</id>
<link href="https://www.freecodecamp.org/news/schofields-laws-of-computing/"/>
<updated>2021-06-03T18:46:12.000Z</updated>
<summary type="html"><![CDATA[Schofield's Laws of Computing are principles that anyone who works with computers should know. They're focused on data portability, integrity, and security. Jack Schofield was a British journalist who wrote for The Guardian. During that time, he wrote three particular articles called "Schofield's Laws of Computing". Jack didn't create these]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Lists in Python A Comprehensive Guide]]></title>
<id>60b7c02cacb62507dd1d7b80</id>
<link href="https://www.freecodecamp.org/news/lists-in-python-comprehensive-guide/"/>
<updated>2021-06-03T18:42:20.000Z</updated>
<summary type="html"><![CDATA[Lets suppose youre planning to visit your neighborhood store to stock up on essentials. What is the first thing youd do? Have the answer already? Yes, you'd probably write down a shopping list! Python also has a built-in data structure called List thats very similar to]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Build a Hackintosh - Install MacOS Big Sur on a PC Using OpenCore]]></title>
<id>60affbe411ffb70827ef8951</id>
<link href="https://www.freecodecamp.org/news/build-a-hackintosh/"/>
<updated>2021-06-03T18:07:17.000Z</updated>
<summary type="html"><![CDATA[A Hackintosh is a non-Mac computer system, made with PC parts, that runs the macOS operating system. In this tutorial, you will learn how to create a Hackintosh. You will learn how to install macOS Big Sur (or any other version of macOS) using OpenCore. The main benefit of a]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Serverless vs Fully Managed Services: What&#x27;s the Difference?]]></title>
<id>60aa708711ffb70827ef5f4b</id>
<link href="https://www.freecodecamp.org/news/serverless-fully-managed-service-difference/"/>
<updated>2021-06-03T16:51:37.000Z</updated>
<summary type="html"><![CDATA[If you're new to cloud technologies, you might be confused about the difference between serverless technologies and managed services. So in this article you'll learn what these terms mean and what the main differences are. What Are Managed Services? A managed service let the end-user focus on using a service]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Cipher Definition What is a Block Cipher and How Does it Work to Protect Your Data?]]></title>
<id>5fff3d3098be260817e495bd</id>
<link href="https://www.freecodecamp.org/news/what-is-a-block-cipher/"/>
<updated>2021-06-03T16:21:19.000Z</updated>
<summary type="html"><![CDATA[Cryptography is the science of using codes and ciphers to protect messages. And encryption involves encoding messages so that only the intended recipient can understand the meaning of the message. It's often used to protect data in transit. Encryption is a two way function that is, you need to be]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries]]></title>
<id>https://css-tricks.com/?p=341584</id>
<link href="https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/"/>
<updated>2021-06-03T14:25:57.000Z</updated>
<summary type="html"><![CDATA[A little while back, Chris shared this nice hexagonal grid. And true to its name, its using—wait for itCSS Grid to form that layout. Its a neat trick! Combining grid columns, grid gaps, and creative clipping …
The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Temani Afif</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Monitoring Lighthouse Scores and Core Web Vitals with DebugBear]]></title>
<id>https://css-tricks.com/?p=341494</id>
<link href="https://css-tricks.com/monitoring-lighthouse-scores-and-core-web-vitals-with-debugbear/"/>
<updated>2021-06-03T14:25:19.000Z</updated>
<summary type="html"><![CDATA[DebugBear takes just a few seconds to start using. You literally point it at a URL you want to watch, and itll start watching it. You install nothing.
Itll start running tests, and youve immediately got performance charts you can …
The post Monitoring Lighthouse Scores and Core Web Vitals with DebugBear appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Managing Shared State In Vue 3]]></title>
<id>https://smashingmagazine.com/2021/06/managing-shared-state-vue3/</id>
<link href="https://smashingmagazine.com/2021/06/managing-shared-state-vue3/"/>
<updated>2021-06-03T10:30:00.000Z</updated>
<summary type="html"><![CDATA[Writing large-scale Vue applications can be a challenge. In this article, Shawn Wildermuth dives into the pros and cons of approaches like factories, shared objects, and using Vuex. He also explains what is coming in Vuex 5.0 that might change how we all use shared state in Vue 3.]]></summary>
<author>
<name>hello@smashingmagazine.com (Shawn Wildermuth)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[What is Commit Signing in Git?]]></title>
<id>60afce3011ffb70827ef869c</id>
<link href="https://www.freecodecamp.org/news/what-is-commit-signing-in-git/"/>
<updated>2021-06-02T23:14:01.000Z</updated>
<summary type="html"><![CDATA[Git has a feature to "sign" commits, but what is signing, and what are the benefits? TL;DR: If you don't care for the details, and just need to get commit signing setup quickly, skip to How to Sign Commits. Signing, or code signing specifically, is the process of using]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Use Environment Variables in VanillaJS]]></title>
<id>60b3a25211ffb70827ef9b39</id>
<link href="https://www.freecodecamp.org/news/how-to-use-environment-variables-in-vanillajs/"/>
<updated>2021-06-02T22:54:18.000Z</updated>
<summary type="html"><![CDATA[In this article, you will learn about environment variables in Vanilla JavaScript. You'll also learn how to serve API keys to your application through the Netlify build command. What are JavaScript environment variables?Environment variables are very common when you're using JavaScript frameworks like React or Vue for creating frontend]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Design Your Own Learning Plan for Any Tech Stack]]></title>
<id>60b3ccee11ffb70827ef9bc0</id>
<link href="https://www.freecodecamp.org/news/how-to-design-your-own-learning-plan-for-any-tech-stack/"/>
<updated>2021-06-02T21:18:15.000Z</updated>
<summary type="html"><![CDATA[One of the most difficult things about getting started in a new career as a developer is figuring out exactly what you should be learning and then translating that into an effective plan. There are so many resources out there for learning, so lack of information is not the problem.]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Debugging iOS Safari]]></title>
<id>https://css-tricks.com/?p=341724</id>
<link href="https://css-tricks.com/debugging-ios-safari/"/>
<updated>2021-06-02T21:15:28.000Z</updated>
<summary type="html"><![CDATA[How do I debug Safari on iOS?
These are my general steps, starting with not even using iOS Safari.
1. Is this just a small-screen problem?
Lemme just use the device mode in Chrome quick.
Note that this does a …
The post Debugging iOS Safari appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Vimrc Configuration Guide - How to Customize Your Vim Code Editor with Mappings, Vimscript, Status Line, and More]]></title>
<id>60a699b0906c5207e3a7f5ab</id>
<link href="https://www.freecodecamp.org/news/vimrc-configuration-guide-customize-your-vim-editor/"/>
<updated>2021-06-02T20:44:22.000Z</updated>
<summary type="html"><![CDATA[Configuring your .vimrc file lets you use the full power of Vim. With a customized .vimrc file you can increase your Vim powers tenfold. In this article I will show you a few ways you can customize your .vimrc file. I will go over: Basic SettingsPluginsFoldingVimscriptStatus lineFirst create the following]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[A Crash Course in WordPress Block Filters]]></title>
<id>https://css-tricks.com/?p=341442</id>
<link href="https://css-tricks.com/a-crash-course-in-wordpress-block-filters/"/>
<updated>2021-06-02T13:35:53.000Z</updated>
<summary type="html"><![CDATA[Blocks in WordPress are great. Drop some into the page, arrange them how you like, and youve got a pretty sweet landing page with little effort. But what if the default blocks in WordPress need a little tweaking? Like, what …
The post A Crash Course in WordPress Block Filters appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Dmitry Mayorov</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Are Custom Properties a “Menu of What Will Change”?]]></title>
<id>https://css-tricks.com/?p=341572</id>
<link href="https://css-tricks.com/are-custom-properties-a-menu-of-what-will-change/"/>
<updated>2021-06-02T13:35:40.000Z</updated>
<summary type="html"><![CDATA[PPK laid out an interesting situation in “Two options for using custom properties” where he and Stefan Judis had two different approaches for doing the same thing with custom properties. In one approach, hover and focus styles for a …
The post Are Custom Properties a “Menu of What Will Change”? appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How To Fix Cumulative Layout Shift (CLS) Issues]]></title>
<id>https://smashingmagazine.com/2021/06/how-to-fix-cumulative-layout-shift-issues/</id>
<link href="https://smashingmagazine.com/2021/06/how-to-fix-cumulative-layout-shift-issues/"/>
<updated>2021-06-02T12:30:00.000Z</updated>
<summary type="html"><![CDATA[Googles Core Web Vitals initiative has taken the SEO and Web Performance worlds by storm and many sites are busy optimizing their Page Experience to maximize the ranking factor. The Cumulative Layout Shift metric is causing trouble to a lot of sites, so lets have a look at ways of addressing any issues for that metric.]]></summary>
<author>
<name>hello@smashingmagazine.com (Barry Pollard)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Improving The Performance Of An Online Store (Case Study)]]></title>
<id>https://smashingmagazine.com/2021/06/front-end-performance-online-store-jewellerybox/</id>
<link href="https://smashingmagazine.com/2021/06/front-end-performance-online-store-jewellerybox/"/>
<updated>2021-06-02T10:30:00.000Z</updated>
<summary type="html"><![CDATA[Getting a good performance score from Google is hard for any website — but doing so for an online store is even harder. We achieved green scores — even several for mobile. Here is how we did it.]]></summary>
<author>
<name>hello@smashingmagazine.com (Jennifer Brehm)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Code blocks, but better]]></title>
<id>https://css-tricks.com/?p=341720</id>
<link href="https://ped.ro/blog/code-blocks-but-better"/>
<updated>2021-06-01T22:08:48.000Z</updated>
<summary type="html"><![CDATA[Pedro Duarte made a wishlist for styled code blocks in blog posts and documentation, then hand-rolls a perfect solution for that wishlist. For example, a feature to be able to highlight certain lines or words within the code block. The …
The post Code blocks, but better appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Front-End Testing is For Everyone]]></title>
<id>https://css-tricks.com/?p=341342</id>
<link href="https://css-tricks.com/front-end-testing-is-for-everyone/"/>
<updated>2021-06-01T14:17:43.000Z</updated>
<summary type="html"><![CDATA[Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, Im here to tell you that front-end testing is for everyone. In fact, …
The post Front-End Testing is For Everyone appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Evgeny Klimenchenko</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Jetpack Boost Handles Critical CSS For You]]></title>
<id>https://css-tricks.com/?p=341296</id>
<link href="https://css-tricks.com/jetpack-boost-handles-critical-css-for-you/"/>
<updated>2021-06-01T14:16:55.000Z</updated>
<summary type="html"><![CDATA[Critical CSS is one of those things I see in my performance reports but always seem to ignore. I know what it means. It means to put only the CSS required to render things immediately visible in a <style>…
The post Jetpack Boost Handles Critical CSS For You appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Geoff Graham</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Smashing Podcast Episode 38 With Ivan Akulov: Why Is My React App Slow?]]></title>
<id>https://smashingmagazine.com/2021/06/smashing-podcast-episode-38/</id>
<link href="https://smashingmagazine.com/2021/06/smashing-podcast-episode-38/"/>
<updated>2021-06-01T14:00:00.000Z</updated>
<summary type="html"><![CDATA[In this episode, were talking about React performance. What factors slow our React apps down, and how can we fix it? Drew McLellan talks to expert Ivan Akulov to find out.]]></summary>
<author>
<name>hello@smashingmagazine.com (Drew McLellan)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Setting Up A Currency Convertor With ExchangeRatesApi.io]]></title>
<id>https://smashingmagazine.com/2021/06/currency-convertor-exchangeratesapi/</id>
<link href="https://smashingmagazine.com/2021/06/currency-convertor-exchangeratesapi/"/>
<updated>2021-06-01T09:00:00.000Z</updated>
<summary type="html"><![CDATA[Amazon allows visitors to display prices in their own currency. Thanks to *ExchangeRatesApi.io*, we can do the same for our online shops, providing a better experience to our customers. Lets find out how.]]></summary>
<author>
<name>hello@smashingmagazine.com (Leonardo Losoviz)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.10.2]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.10.2</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.10.2"/>
<updated>2021-06-01T04:39:30.000Z</updated>
<summary type="html"><![CDATA[Added: testing and CI/CD workflows]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Serverless Functions: The Secret to Ultra-Productive Front-End Teams]]></title>
<id>https://css-tricks.com/?p=340465</id>
<link href="https://css-tricks.com/serverless-functions-the-secret-to-ultra-productive-front-end-teams/"/>
<updated>2021-05-31T17:16:22.000Z</updated>
<summary type="html"><![CDATA[Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lions share of that work is falling to front-end devs:
building modern, accessible user interfaces
creating interactive elements and complex animations
managing complex application state
The post Serverless Functions: The Secret to Ultra-Productive Front-End Teams appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Jason Lengstorf</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Local: Always Getting Better]]></title>
<id>https://css-tricks.com/?p=341482</id>
<link href="https://css-tricks.com/local-always-getting-better/"/>
<updated>2021-05-31T17:13:02.000Z</updated>
<summary type="html"><![CDATA[Ive been using Local for ages. Four years ago, I wrote about how I got all my WordPress sites running locally on it. I just wanted to give it another high five because its still here and still great. In …
The post Local: Always Getting Better appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Happy June Vibes For Your Screen (2021 Desktop Wallpapers Edition)]]></title>
<id>https://smashingmagazine.com/2021/05/desktop-wallpaper-calendars-june-2021/</id>
<link href="https://smashingmagazine.com/2021/05/desktop-wallpaper-calendars-june-2021/"/>
<updated>2021-05-31T11:30:00.000Z</updated>
<summary type="html"><![CDATA[What could be a better way to welcome June than with some colorful inspiration? Well, we might have something for you: wallpapers created with love by artists and designers from across the globe.]]></summary>
<author>
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Dynamic Favicons for WordPress]]></title>
<id>https://css-tricks.com/?p=341163</id>
<link href="https://css-tricks.com/dynamic-favicons-for-wordpress/"/>
<updated>2021-05-28T14:36:47.000Z</updated>
<summary type="html"><![CDATA[Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A website might change the favicon to match the content being viewed. Or a site …
The post Dynamic Favicons for WordPress appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Thomas Park</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Adding A Commenting System To A WYSIWYG Editor]]></title>
<id>https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/</id>
<link href="https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/"/>
<updated>2021-05-28T11:00:00.000Z</updated>
<summary type="html"><![CDATA[In this article, well be re-using the foundational WYSIWYG Editor built in the first article to build a commenting system for a WYSIWYG Editor that enables users to select text inside a document and share their comments on it. Lets dig in!]]></summary>
<author>
<name>hello@smashingmagazine.com (Shalabh Vyas)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[To $ or Not to $: Displaying Terminal Code Snippets]]></title>
<id>https://css-tricks.com/?p=341298</id>
<link href="https://css-tricks.com/to-or-not-to-displaying-terminal-code-snippets/"/>
<updated>2021-05-27T18:22:11.000Z</updated>
<summary type="html"><![CDATA[Its very popular to put a $ on lines that are intended to be a command in code documentation that involves the terminal (i.e. the command line).
Like this:
$ brew install somepackage
The point of that is that it …
The post To $ or Not to $: Displaying Terminal Code Snippets appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Show Images on Click]]></title>
<id>https://css-tricks.com/?p=341020</id>
<link href="https://css-tricks.com/how-to-show-images-on-click/"/>
<updated>2021-05-27T14:25:29.000Z</updated>
<summary type="html"><![CDATA[Most images on the web are superfluous. If I might be a jerk for a bit, 99% of them arent even that helpful at all (although there are rare exceptions). Thats because images dont often complement the text theyre …
The post How to Show Images on Click appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Robin Rendle</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Rethinking Postgres in a Post-Server World]]></title>
<id>https://css-tricks.com/?p=340910</id>
<link href="https://css-tricks.com/rethinking-postgres-in-a-post-server-world/"/>
<updated>2021-05-27T14:23:23.000Z</updated>
<summary type="html"><![CDATA[Serverless architectures have brought engineering teams a great number of benefits. We get simpler deployments, automatic and infinite scale, better concurrency, and a stateless API surface. Its hard to imagine going back to the world of managed services, broken local …
The post Rethinking Postgres in a Post-Server World appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Michael Rispoli</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Useful VS Code Extensions For Front-End Developers]]></title>
<id>https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/</id>
<link href="https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/"/>
<updated>2021-05-27T13:30:00.000Z</updated>
<summary type="html"><![CDATA[Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developers workflow along the way. With auto log messages, auto code formatting, file utils, file labels, code snippets, highlight brackets, tags, indents and workspaces, onboarding and remote SSH.]]></summary>
<author>
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How To Build And Launch Powerful Responsive Websites With Editor X]]></title>
<id>https://smashingmagazine.com/2021/05/build-launch-responsive-websites-editorx/</id>
<link href="https://smashingmagazine.com/2021/05/build-launch-responsive-websites-editorx/"/>
<updated>2021-05-27T09:30:00.000Z</updated>
<summary type="html"><![CDATA[While web builders have been around for a long time, it wasnt until recently that they became practical for professional use. Closing the gap between design and code has become the north star for many companies and we are seeing a wave of tools that deliver on this promise.]]></summary>
<author>
<name>hello@smashingmagazine.com (Miroslav Bekyarov)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Awesome Standalone (Web Components)]]></title>
<id>https://css-tricks.com/?p=339759</id>
<link href="https://css-tricks.com/awesome-standalone-web-components/"/>
<updated>2021-05-26T17:56:34.000Z</updated>
<summary type="html"><![CDATA[In his last An Event Apart talk, Dave made a point that its really only just about right now that Web Components are becoming a practical choice for production web development. For example, it has only been about a year …
The post Awesome Standalone (Web Components) appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Accessible SVGs: Perfect Patterns For Screen Reader Users]]></title>
<id>https://smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/</id>
<link href="https://smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/"/>
<updated>2021-05-26T13:20:00.000Z</updated>
<summary type="html"><![CDATA[Discover which SVG patterns we should avoid and which patterns are the most inclusive when comparing different combinations of OSs, browsers, and screen readers.]]></summary>
<author>
<name>hello@smashingmagazine.com (Carie Fisher)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.9.0]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.9.0</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.9.0"/>
<updated>2021-05-26T06:02:55.000Z</updated>
<summary type="html"><![CDATA[Added: experimental support for iTunes podcast feed: Demo | Source. With this new release, you can render an audio control to play the mp3 file and display iTunes episode duration. It is "experimental" due to these caveats:
This feature is currently only available through custom template.
iTunes has no strict format requirement for duration. The unit is most likely seconds but can be "hh:mm:ss" or "mm:ss" for some sources. A future version may expose a human readable string to the template.
No image support yet. Some shows might have disabled CORS or use a relative URL for image, which forces osmosfeed to download the image during build. A future version may support it.
You can't republish the podcast in the feed output. Supporting this goes beyond the scope of the project at the moment.
Fixed: the articles in template data were not sorted.
Thank you @Zenigata]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[A Guide To Undoing Mistakes With Git (Part 2)]]></title>
<id>https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/</id>
<link href="https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/"/>
<updated>2021-05-25T14:00:00.000Z</updated>
<summary type="html"><![CDATA[Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! This post will show the right tools for your daily work with Git.]]></summary>
<author>
<name>hello@smashingmagazine.com (Tobias Günther)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[A New Way To Reduce Font Loading Impact: CSS Font Descriptors]]></title>
<id>https://smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/</id>
<link href="https://smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/"/>
<updated>2021-05-25T09:30:00.000Z</updated>
<summary type="html"><![CDATA[Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.]]></summary>
<author>
<name>hello@smashingmagazine.com (Barry Pollard)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[CSS Container Queries: Use-Cases And Migration Strategies]]></title>
<id>https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/</id>
<link href="https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/"/>
<updated>2021-05-24T11:30:00.000Z</updated>
<summary type="html"><![CDATA[CSS Container queries bring media queries closer to the target elements themselves and enables them to adapt to virtually any given container or layout. In this article, were going to cover CSS container query basics and how to use them today with progressive enhancement or polyfills.]]></summary>
<author>
<name>hello@smashingmagazine.com (Adrian Bece)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.8.1]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.8.1</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.8.1"/>
<updated>2021-05-23T05:40:12.000Z</updated>
<summary type="html"><![CDATA[Fixed: UnhandledPromiseRejectionWarning: Error: At least one option must be a string]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.8.0]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.8.0</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.8.0"/>
<updated>2021-05-23T05:12:08.000Z</updated>
<summary type="html"><![CDATA[Changed: Smart summary truncation. When there is no dedicated summary (only Atom feed has it, and many sites don't use it) from the source, we check if the content/description (Both Atom and RSS) field is long enough to be full text. If so, it will be truncated into a "pseudo" summary. If not, we assume the source used the content field as summary, and it will be displayed in full length.
Thank you: @LooperXX.]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Building A Rich Text Editor (WYSIWYG)]]></title>
<id>https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/</id>
<link href="https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/"/>
<updated>2021-05-21T11:30:00.000Z</updated>
<summary type="html"><![CDATA[Lets build a rich text, WYSIWYG-editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations.]]></summary>
<author>
<name>hello@smashingmagazine.com (Shalabh Vyas)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Boost Your Skills Online: Smashing Workshops On Front-End And Design]]></title>
<id>https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/</id>
<link href="https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/"/>
<updated>2021-05-20T14:20:00.000Z</updated>
<summary type="html"><![CDATA[Front-end and design are remarkably complex these days. Thats why we invite kind, smart folks from the community to run online workshops for all of us to learn together. And we have new ones coming up, and wed like to kindly welcome you to join in.]]></summary>
<author>
<name>hello@smashingmagazine.com (Iris Lješnjanin)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How To Implement Authentication In Next.js With Auth0]]></title>
<id>https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/</id>
<link href="https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/"/>
<updated>2021-05-20T11:00:00.000Z</updated>
<summary type="html"><![CDATA[A step-by-step tutorial on adding authentication and authorization to your Next.js apps, with Auth0. Well be using a Next.js SDK to connect our application to the Auth0 API and will create the dynamic API route for React.]]></summary>
<author>
<name>hello@smashingmagazine.com (Facundo Giuliani)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Frustrating Design Patterns: Mega-Dropdown Hover Menus]]></title>
<id>https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/</id>
<link href="https://smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/"/>
<updated>2021-05-19T11:40:00.000Z</updated>
<summary type="html"><![CDATA[Everything to keep in mind when designing and building a mega-dropdown, common pitfalls, hover entry/exit delays, trajectory triangle technique and SVG path exit areas.]]></summary>
<author>
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0]]></title>
<id>https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/</id>
<link href="https://smashingmagazine.com/2021/05/create-edit-animate-svg-svgator3/"/>
<updated>2021-05-18T10:30:00.000Z</updated>
<summary type="html"><![CDATA[Today, we are taking a closer look at [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), a new major release of the popular SVG application that lets you create, edit and animate SVG files and make the best out of what SVG has to offer — from start to finish.]]></summary>
<author>
<name>hello@smashingmagazine.com (Mikołaj Dobrucki)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Smashing Podcast Episode 37 With Adam Argyle: What Is VisBug?]]></title>
<id>https://smashingmagazine.com/2021/05/smashing-podcast-episode-37/</id>
<link href="https://smashingmagazine.com/2021/05/smashing-podcast-episode-37/"/>
<updated>2021-05-18T05:00:00.000Z</updated>
<summary type="html"><![CDATA[In this episode, were talking about VisBug. What is it, and how is it different from the array of options already found in Chrome DevTools? Drew McLellan talks to its creator Adam Argyle to find out.]]></summary>
<author>
<name>hello@smashingmagazine.com (Drew McLellan)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How We Improved Our Core Web Vitals (Case Study)]]></title>
<id>https://smashingmagazine.com/2021/05/core-web-vitals-case-study/</id>
<link href="https://smashingmagazine.com/2021/05/core-web-vitals-case-study/"/>
<updated>2021-05-17T11:30:00.000Z</updated>
<summary type="html"><![CDATA[Googles “Page Experience Update” will start rolling out in June. At first, sites that meet Core Web Vitals thresholds will have a minor ranking advantage in mobile search for all browsers. Search is important to any business, and this is the story of how Beau Hartshorne and his team at Instant Domain Search improved their Core Web Vitals scores.]]></summary>
<author>
<name>hello@smashingmagazine.com (Beau Hartshorne)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.7.2]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.7.2</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.7.2"/>
<updated>2021-05-17T05:32:19.000Z</updated>
<summary type="html"><![CDATA[⚠ Deprecated: To accommodate the monorepo setup, the node version in all templates/demos/examples has changed from 14 to 16. This is not a breaking change as our compile target is still node 14, and node 16 is backward compatible. We still recommend you start using node-version: "16" in your .github/workflows/update-feed.yaml today to get the performance/security improvements from the newer node. See example
Chore: Reorganize to monorepo with npm workspace.]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.7.1]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.7.1</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.7.1"/>
<updated>2021-05-16T02:33:58.000Z</updated>
<summary type="html"><![CDATA[Fixed: static files were unnecessarily copied for custom templates.]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.7.0]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.7.0</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.7.0"/>
<updated>2021-05-16T01:42:24.000Z</updated>
<summary type="html"><![CDATA[Added: templating system. Demo | Source | Docs
Chore: rendering logic refactoring. Adopting functional paradigm.
Thank you @tianheg, @onnyyonn]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Tree-Shaking: A Reference Guide]]></title>
<id>https://smashingmagazine.com/2021/05/tree-shaking-reference-guide/</id>
<link href="https://smashingmagazine.com/2021/05/tree-shaking-reference-guide/"/>
<updated>2021-05-14T10:30:00.000Z</updated>
<summary type="html"><![CDATA[“Tree-shaking” is a must-have performance optimization when bundling JavaScript. In this article, we dive deeper on how exactly it works and how specs and practice intertwine to make bundles leaner and more performant. Plus, youll get a tree-shaking checklist to use for your projects.]]></summary>
<author>
<name>hello@smashingmagazine.com (Átila Fassina)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Frustrating Design Patterns That Need Fixing: Birthday Picker]]></title>
<id>https://smashingmagazine.com/2021/05/frustrating-design-patterns-birthday-picker/</id>
<link href="https://smashingmagazine.com/2021/05/frustrating-design-patterns-birthday-picker/"/>
<updated>2021-05-12T12:42:00.000Z</updated>
<summary type="html"><![CDATA[In this new series of articles on UX, we take a closer look at some frustrating design patterns and explore better alternatives, along with plenty of examples to keep in mind when building or designing one. Lets start with an infamous birthday picker.]]></summary>
<author>
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Little Smashing Stories]]></title>
<id>https://smashingmagazine.com/2021/05/little-smashing-stories/</id>
<link href="https://smashingmagazine.com/2021/05/little-smashing-stories/"/>
<updated>2021-05-12T08:00:00.000Z</updated>
<summary type="html"><![CDATA[Today marks the day we sent out our 300th edition of the Smashing Newsletter. This article is a little celebration in which we share little Smashing stories from people working behind the scenes.]]></summary>
<author>
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[A Primer On CSS Container Queries]]></title>
<id>https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/</id>
<link href="https://smashingmagazine.com/2021/05/complete-guide-css-container-queries/"/>
<updated>2021-05-11T13:30:00.000Z</updated>
<summary type="html"><![CDATA[A prototype of the long-awaited CSS container queries has landed in Chrome Canary and is available for experimentation. Lets look at what problem is being solved, learn how container queries work, and see how they compare with and complement existing CSS features for layout.]]></summary>
<author>
<name>hello@smashingmagazine.com (Stephanie Eckles)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[The Conference Platform We Use For Our Online Events: Hopin]]></title>
<id>https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/</id>
<link href="https://smashingmagazine.com/2021/05/smashingconf-conference-platform-hopin/"/>
<updated>2021-05-11T10:00:00.000Z</updated>
<summary type="html"><![CDATA[At the beginning of 2020, the SmashingConf team was ready for a new year. We had so many things that excited us. New speakers, new workshops, new cities, new attendees, new experiences. And as we all know, 2020 had other ideas. With so many people working from home, we thought we would bring our [Smashing workshops](https://smashingconf.com/online-workshops/) from our home offices to yours — but how?]]></summary>
<author>
<name>hello@smashingmagazine.com (Amanda Annandale)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Get Started With React By Building A Whac-A-Mole Game]]></title>
<id>https://smashingmagazine.com/2021/05/get-started-whac-a-mole-react-game/</id>
<link href="https://smashingmagazine.com/2021/05/get-started-whac-a-mole-react-game/"/>
<updated>2021-05-10T11:00:00.000Z</updated>
<summary type="html"><![CDATA[Want to get started with React but struggling to find a good place to start? This article should have you covered. Well focus on some of the main concepts of React and then well be building a game from scratch!]]></summary>
<author>
<name>hello@smashingmagazine.com (Jhey Tompkins)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.4.0]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.4.0</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.4.0"/>
<updated>2021-05-10T08:55:42.000Z</updated>
<summary type="html"><![CDATA[Added: Basic theme customization: Demo | Source | Docs.]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.6.0]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.6.0</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.6.0"/>
<updated>2021-05-10T08:15:20.000Z</updated>
<summary type="html"><![CDATA[Added: Link from the title of a subscription to its website.
Added: Store feedUrl and siteUrl for each source in cache.
Added: Semantic element (<time>) for timestamp on the UI.
Added: Semantic API for theming the default template. Demo | Source | Docs
Changed: Moved feed metadata from article level to feed level in cache.
Fixed: Any html-like text was stripped from title. Fixed with encoded text.
Removed: href for each source in cache. The value was never used so it's not a breaking change.]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[v1.5.0]]></title>
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.5.0</id>
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.5.0"/>
<updated>2021-05-08T05:16:47.000Z</updated>
<summary type="html"><![CDATA[Added: Atom feed generator
Added: Customizable site title
Added: Copy all files from static directory to the root of the site.
Changed: Favicon, css, and js assets now existing at site root level.
Chore: Excluded testing files from repo.]]></summary>
<author>
<name>Release notes from osmosfeed</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How To Organize Product-Related Assets And Collaborate Better]]></title>
<id>https://smashingmagazine.com/2021/05/product-records-organization-collaboration-best-practices/</id>
<link href="https://smashingmagazine.com/2021/05/product-records-organization-collaboration-best-practices/"/>
<updated>2021-05-07T10:00:00.000Z</updated>
<summary type="html"><![CDATA[How do you organize your Google Drive assets? How do you name your Dropbox Paper documents? How do you deal with comments? Lets get it right.]]></summary>
<author>
<name>hello@smashingmagazine.com (Valeriia Panina)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Improving The Performance Of Shopify Themes (Case Study)]]></title>
<id>https://smashingmagazine.com/2021/05/improving-performance-shopify-themes-case-study/</id>
<link href="https://smashingmagazine.com/2021/05/improving-performance-shopify-themes-case-study/"/>
<updated>2021-05-06T11:00:00.000Z</updated>
<summary type="html"><![CDATA[When dealing with themes for large platforms and CMS, legacy issues often become a bottleneck. In this article, Carson Shold discusses how his team improved the performance and organization of their Shopify themes, and improved maintainability along the way.]]></summary>
<author>
<name>hello@smashingmagazine.com (Carson Shold)</name>
</author>
</entry>
</feed>