mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
561 lines
No EOL
39 KiB
XML
561 lines
No EOL
39 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||
<id>urn:2021-10-07T00:44:03.447Z</id>
|
||
<title>osmos::feed</title>
|
||
<updated>2021-10-07T00:44:03.447Z</updated>
|
||
<generator>osmosfeed 1.11.2</generator>
|
||
<link rel="alternate" href="index.html"/>
|
||
<entry>
|
||
<title type="html"><![CDATA[Websites We Like: MD Nichrome]]></title>
|
||
<id>https://css-tricks.com/?p=353219</id>
|
||
<link href="https://css-tricks.com/websites-we-like-md-nichrome/"/>
|
||
<updated>2021-10-06T22:24:18.000Z</updated>
|
||
<summary type="html"><![CDATA[Here’s a beautiful website: it’s a type specimen for Mass-Driver’s ever-so-lovely type family MD Nichrome. There’s a ton of nifty animations and graphics explaining all the features inside…
|
||
If you’re wondering how those animations work, they’re actually styled <video>…
|
||
The post Websites We Like: MD Nichrome 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[The Single Page App Morality Play]]></title>
|
||
<id>https://css-tricks.com/?p=353320</id>
|
||
<link href="https://www.baldurbjarnason.com/2021/single-page-app-morality-play/"/>
|
||
<updated>2021-10-06T22:20:57.000Z</updated>
|
||
<summary type="html"><![CDATA[Baldur Bjarnason brings some baby bear porridge to the discussion of Single Page App (SPA) vs. Multi Page App (MPA).
|
||
Single-Page-Apps can be fantastic. Most teams will mess them up because most teams operate in dysfunctional
|
||
…
|
||
The post The Single Page App Morality Play 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[C String – How to Declare Strings in the C Programming Language]]></title>
|
||
<id>615beb720d91c9077974c716</id>
|
||
<link href="https://www.freecodecamp.org/news/c-string-how-to-declare-strings-in-the-c-programming-language/"/>
|
||
<updated>2021-10-06T17:51:39.000Z</updated>
|
||
<summary type="html"><![CDATA[Computers store and process all kinds of data. Strings are just one of the many forms in which information is presented and gets processed by computers. Strings in the C programming language work differently than in other modern programming languages. In this article, you'll learn how to declare strings in]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Python range() Function – Explained with Code Examples]]></title>
|
||
<id>612f4388d6679a07b7d3fee4</id>
|
||
<link href="https://www.freecodecamp.org/news/python-range-function-explained-with-code-examples/"/>
|
||
<updated>2021-10-06T17:21:45.000Z</updated>
|
||
<summary type="html"><![CDATA[In Python, can use use the range() function to get a sequence of indices to loop through an iterable. You'll often use range() in conjunction with a for loop. In this tutorial, you'll learn about the different ways in which you can use the range() function – with explicit start and]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Linux tar Command – How to Compress Files in Linux]]></title>
|
||
<id>614870b9852f4307d3731030</id>
|
||
<link href="https://www.freecodecamp.org/news/how-to-compress-files-in-linux-with-tar-command/"/>
|
||
<updated>2021-10-06T16:19:13.000Z</updated>
|
||
<summary type="html"><![CDATA[File compression is an essential utility across all platforms. It helps you reduce file size and share files efficiently. And compressed files are also easier to copy to remote servers. You can also compress older and rarely used files and save them for future use which helps you conserve disk]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Insert Into SQL – How to Insert Into a Table Query [Example Statement]]]></title>
|
||
<id>615d55b40d91c9077974d3f8</id>
|
||
<link href="https://www.freecodecamp.org/news/insert-into-sql-how-to-insert-into-a-table-query-example-statement/"/>
|
||
<updated>2021-10-06T16:10:50.000Z</updated>
|
||
<summary type="html"><![CDATA[If you want to add data to your SQL table, then you can use the INSERT statement. In this article, I will show you how to use the INSERT statement to add a single row, multiple rows, and to copy rows from one SQL table to another. Basic INSERT syntaxHere]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[How to Build Your Developer Résumé Without Job Experience]]></title>
|
||
<id>6155429464aefe07d3fa1019</id>
|
||
<link href="https://www.freecodecamp.org/news/build-your-developer-resume-without-job-experience/"/>
|
||
<updated>2021-10-06T15:29:13.000Z</updated>
|
||
<summary type="html"><![CDATA[I have observed a fascinating phenomenon amongst folks applying for their first developer jobs. The behavior seems consistent across college graduates, Bootcampers, and self-taught folks. When asking for a résumé review, they almost always get the answer "build more projects". This is great advice, but you can do more to]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[How to Learn Programming – The Guide I Wish I Had When I Started Learning to Code]]></title>
|
||
<id>6070ea34d5756f080ba98017</id>
|
||
<link href="https://www.freecodecamp.org/news/how-to-learn-programming/"/>
|
||
<updated>2021-10-06T15:17:39.000Z</updated>
|
||
<summary type="html"><![CDATA[Just the thought of learning to code can be very intimidating. The word code is mysterious by definition. It implies a technical form of communication that computers, and not humans, are meant to understand. One way many people start learning to code is by picking a popular programming language and]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[How to Participate in Hacktoberfest – Even if You Don't Write Code]]></title>
|
||
<id>613cbc6b852f4307d372bc5a</id>
|
||
<link href="https://www.freecodecamp.org/news/how-anyone-can-participate-in-hacktoberfest/"/>
|
||
<updated>2021-10-06T15:14:48.000Z</updated>
|
||
<summary type="html"><![CDATA[Hacktoberfest is an event hosted by DigitalOcean that partners with many organizations. The goal is to give back and contribute to open-source projects. The organizers offer little incentives for a job well done, like a shirt and stickers. Other organizations also get involved by offering their own rewards. You can]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Computer Basics for Absolute Beginners]]></title>
|
||
<id>615db6910d91c9077974deb1</id>
|
||
<link href="https://www.freecodecamp.org/news/computer-basics-for-absolute-beginners/"/>
|
||
<updated>2021-10-06T14:54:13.000Z</updated>
|
||
<summary type="html"><![CDATA[Computers can be intimidating, especially if you didn't grow up with them. Some tasks that seem simple to experienced users can seem impossible to new users. We just released a computer and technology basics course on the freeCodeCamp.org YouTube channel. This course teaches the basics of computer use and]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Considerations for Using Markdown Writing Apps on Static Sites]]></title>
|
||
<id>https://css-tricks.com/?p=352959</id>
|
||
<link href="https://css-tricks.com/considerations-for-using-markdown-writing-apps-on-static-sites/"/>
|
||
<updated>2021-10-06T14:22:18.000Z</updated>
|
||
<summary type="html"><![CDATA[If you run or have recently switched to a static site generator, you might find yourself writing a lot of Markdown. And the more you write it, the more you want the tooling experience to disappear so that …
|
||
The post Considerations for Using Markdown Writing Apps on Static Sites appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||
<author>
|
||
<name>Leon Barnard</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[The Options for Password Revealing Inputs]]></title>
|
||
<id>https://css-tricks.com/?p=352676</id>
|
||
<link href="https://css-tricks.com/the-options-for-password-revealing-inputs/"/>
|
||
<updated>2021-10-06T14:22:11.000Z</updated>
|
||
<summary type="html"><![CDATA[In HTML, there is a very clear input type for dealing with passwords:
|
||
<input type="password"
|
||
If you use that, you get the obfuscated bullet-points when you type into it, like:
|
||
••••••••
|
||
That’s the web trying to help with security. If …
|
||
The post The Options for Password Revealing Inputs 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[A Guide To CSS Debugging]]></title>
|
||
<id>https://smashingmagazine.com/2021/10/guide-debugging-css/</id>
|
||
<link href="https://smashingmagazine.com/2021/10/guide-debugging-css/"/>
|
||
<updated>2021-10-06T10:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Stephanie Eckles)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Scroll Shadows With JavaScript]]></title>
|
||
<id>https://css-tricks.com/?p=352754</id>
|
||
<link href="https://css-tricks.com/scroll-shadows-with-javascript/"/>
|
||
<updated>2021-10-05T22:40:21.000Z</updated>
|
||
<summary type="html"><![CDATA[Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is …
|
||
The post Scroll Shadows With JavaScript 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[Conditional Border Radius In CSS]]></title>
|
||
<id>https://css-tricks.com/?p=353261</id>
|
||
<link href="https://ishadeed.com/article/conditional-border-radius/"/>
|
||
<updated>2021-10-05T19:18:43.000Z</updated>
|
||
<summary type="html"><![CDATA[Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. …
|
||
The post Conditional Border Radius In CSS 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[JavaScript Callback Function –Explained in Plain English]]></title>
|
||
<id>61533caa64aefe07d3fa041a</id>
|
||
<link href="https://www.freecodecamp.org/news/javascript-callback-function-plain-english/"/>
|
||
<updated>2021-10-05T17:17:28.000Z</updated>
|
||
<summary type="html"><![CDATA[Every JavaScript beginner will face this question at least once: "What is a callback function?" Well, we can find the answer in the word callback itself. It's all about notifying the caller after the successful completion or failure of a task. In this article, I'll focus less on the technical]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[The Evolution of Tokenization – Byte Pair Encoding in NLP]]></title>
|
||
<id>6159b85c4aa03507d94123fb</id>
|
||
<link href="https://www.freecodecamp.org/news/evolution-of-tokenization/"/>
|
||
<updated>2021-10-05T15:26:44.000Z</updated>
|
||
<summary type="html"><![CDATA[Natural Language Processing may have come a little late to the AI game, but companies like Google and OpenAI are working wonders with NLP techniques these days. These companies have released state-of-the-art language models like BERT and GPT-2 and GPT-3. And GitHub Copilot and OpenAI codex are among some of]]></summary>
|
||
<author>
|
||
<name>freeCodeCamp.org</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Branching Strategies in Git]]></title>
|
||
<id>https://css-tricks.com/?p=352508</id>
|
||
<link href="https://css-tricks.com/branching-strategies-in-git/"/>
|
||
<updated>2021-10-05T14:28:43.000Z</updated>
|
||
<summary type="html"><![CDATA[In this article I'm going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.
|
||
The post Branching Strategies in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||
<author>
|
||
<name>Tobias Günther</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[ct.css — Performance Hints via Injected Stylesheet Alone]]></title>
|
||
<id>https://css-tricks.com/?p=353225</id>
|
||
<link href="https://csswizardry.com/ct/"/>
|
||
<updated>2021-10-05T14:28:28.000Z</updated>
|
||
<summary type="html"><![CDATA[This is some bonafide CSS trickery from Harry that gives you some generic performance advice based on what it sees in your <head> element.
|
||
First, it’s possible to make a <style block visible like any other element by changing the …
|
||
The post ct.css — Performance Hints via Injected Stylesheet Alone 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[Local Testing A Serverless API (API Gateway And Lambda)]]></title>
|
||
<id>https://smashingmagazine.com/2021/10/local-testing-serverless-api-gateway-lambda/</id>
|
||
<link href="https://smashingmagazine.com/2021/10/local-testing-serverless-api-gateway-lambda/"/>
|
||
<updated>2021-10-05T10:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[Have you ever struggled with testing cloud services locally? Specifically, have you ever struggled with locally testing an API that uses API Gateway and Lambda, with the Serverless framework, on AWS? In this article, Tom Hudson shares a quick overview of how easy it is to quickly set up your project to test locally before deploying to AWS.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Tom Hudson)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Quickly Testing CSS Fallbacks]]></title>
|
||
<id>https://css-tricks.com/?p=353179</id>
|
||
<link href="https://css-tricks.com/quickly-testing-css-fallbacks/"/>
|
||
<updated>2021-10-04T19:15:22.000Z</updated>
|
||
<summary type="html"><![CDATA[Dumb trick alert!
|
||
Not all browsers support all features. Say you want to write a fallback for browsers that doesn’t support CSS Grid. Not very common these days, but it’s just to illustrate a point.
|
||
You could write the supporting …
|
||
The post Quickly Testing CSS Fallbacks 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[Animation Techniques for Adding and Removing Items From a Stack]]></title>
|
||
<id>https://css-tricks.com/?p=352819</id>
|
||
<link href="https://css-tricks.com/animation-techniques-for-adding-and-removing-items-from-a-stack/"/>
|
||
<updated>2021-10-04T14:05:36.000Z</updated>
|
||
<summary type="html"><![CDATA[Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an …
|
||
The post Animation Techniques for Adding and Removing Items From a Stack appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||
<author>
|
||
<name>Luke Courtney</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[ShopTalk Goes Video]]></title>
|
||
<id>https://css-tricks.com/?p=352857</id>
|
||
<link href="https://css-tricks.com/shoptalk-goes-video/"/>
|
||
<updated>2021-10-04T14:04:32.000Z</updated>
|
||
<summary type="html"><![CDATA[Dave and I slapped up a little videos section of the ShopTalk website. Twelve so far! They are short-ish, between 10-20 minutes, each focused on one fairly specific thing. We’re kinda just dipping our toes here — we don’t …
|
||
The post ShopTalk Goes Video 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 Build An Expandable Accessible Gallery]]></title>
|
||
<id>https://smashingmagazine.com/2021/10/build-expandable-accessible-gallery/</id>
|
||
<link href="https://smashingmagazine.com/2021/10/build-expandable-accessible-gallery/"/>
|
||
<updated>2021-10-04T10:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[In this article, we’ll be looking at how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way. Let’s get started!]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Silvestar Bistrović)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Links on React and JavaScript II]]></title>
|
||
<id>https://css-tricks.com/?p=352717</id>
|
||
<link href="https://css-tricks.com/links-on-react-and-javascript-ii/"/>
|
||
<updated>2021-10-01T21:09:25.000Z</updated>
|
||
<summary type="html"><![CDATA[How To Use The Vite Build Tool with React — Vite is hot, in part, because it’s based on esbuild and wickedly fast. It’s from Evan You of Vue fame, but it’s not a Vue-specific tool. Here, NARUHODO covers how
|
||
…
|
||
The post Links on React and JavaScript II 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[Using the platform]]></title>
|
||
<id>https://css-tricks.com/?p=352867</id>
|
||
<link href="https://elisehe.in/2021/08/22/using-the-platform"/>
|
||
<updated>2021-10-01T18:50:43.000Z</updated>
|
||
<summary type="html"><![CDATA[I'm certainly not dogmatic about it, but I think if you can pull of a project with literally zero build process, it feels good while working on it and feels very good when you come back to it months/years later and can just pick up and go.
|
||
The post Using the platform 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[Working With Built-in GraphQL Directives]]></title>
|
||
<id>https://css-tricks.com/?p=352798</id>
|
||
<link href="https://css-tricks.com/working-with-built-in-graphql-directives/"/>
|
||
<updated>2021-10-01T14:35:02.000Z</updated>
|
||
<summary type="html"><![CDATA[Directives are one of GraphQL’s best — and most unspoken — features.
|
||
Let’s explore working with GraphQL’s built-in schema and operation directives that all GraphQL spec compliant APIs must implement. They are extremely useful if you are working with a …
|
||
The post Working With Built-in GraphQL Directives appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||
<author>
|
||
<name>Jamie Barton</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch]]></title>
|
||
<id>https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/</id>
|
||
<link href="https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/"/>
|
||
<updated>2021-10-01T10:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[Many websites have some sort of search feature because it helps users navigate through their content easily. Implementing it the right way can be tricky and might not give a good user experience. In this tutorial, we will be integrating Algolia, a popular and powerful search service for the best experience on our Nuxt site.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Miracle Onyenma)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Creating the Perfect Commit in Git]]></title>
|
||
<id>https://css-tricks.com/?p=352475</id>
|
||
<link href="https://css-tricks.com/creating-the-perfect-commit-in-git/"/>
|
||
<updated>2021-09-30T14:29:36.000Z</updated>
|
||
<summary type="html"><![CDATA[A commit can be something that helps us stay on top of things. It can be a container for related changes that belong to one and only one topic, and thereby make it easier for us to understand what happened.
|
||
In this post, we’re talking about what it takes to produce the "perfect" commit.
|
||
The post Creating the Perfect Commit in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||
<author>
|
||
<name>Tobias Günther</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[A Time Of Transition (October 2021 Desktop Wallpapers Edition)]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/"/>
|
||
<updated>2021-09-30T08:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[Get your desktop ready for fall and the upcoming Halloween season with a fresh batch of desktop wallpapers. Created with love by designers and artists from across the globe, they come in versions with and without a calendar for October 2021.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Using Modern Image Formats: AVIF And WebP]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/"/>
|
||
<updated>2021-09-29T08:25:00.000Z</updated>
|
||
<summary type="html"><![CDATA[In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size targets.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Addy Osmani)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Improving The Accessibility Of Your Markdown]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/"/>
|
||
<updated>2021-09-28T09:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[You can find Markdown in many places on the Internet. This article covers different aspects of Markdown and how it interacts with other technology.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Eric Bailey)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Let’s Dive Into Cypress For End-to-End Testing]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/"/>
|
||
<updated>2021-09-27T11:30:00.000Z</updated>
|
||
<summary type="html"><![CDATA[Is end-to-end testing a painful topic for you? In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Ramona Schwering)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[v1.11.2]]></title>
|
||
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.2</id>
|
||
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.2"/>
|
||
<updated>2021-09-26T18:45:39.000Z</updated>
|
||
<summary type="html"><![CDATA[Fixed: unicode characters in URL caused download error
|
||
Fixed: project root npm install error
|
||
Added: unit test library
|
||
Chore: Dependency updates
|
||
Thank you: @CaptNo1]]></summary>
|
||
<author>
|
||
<name>Release notes from osmosfeed</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Rebuilding A Large E-Commerce Website With Next.js (Case Study)]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/"/>
|
||
<updated>2021-09-24T10:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Jonne Kats)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Free Online Workshop: Frustrating Design Patterns And How To Fix Them]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/"/>
|
||
<updated>2021-09-24T06:50:00.000Z</updated>
|
||
<summary type="html">< next week.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Simplifying Form Styles With `accent-color`]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/"/>
|
||
<updated>2021-09-23T11:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Michelle Barker)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/css-head-tag/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/css-head-tag/"/>
|
||
<updated>2021-09-22T15:00:00.000Z</updated>
|
||
<summary type="html"><.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[How To Build Your Own Mouseless Development Environment]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/mouseless-development-environment/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/mouseless-development-environment/"/>
|
||
<updated>2021-09-21T11:30:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Matthieu Cneude)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[How Web Development Tools Are Helping Users Keep Pace With Rapid Change]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/"/>
|
||
<updated>2021-09-21T09:30:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Frederick O’Brien)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Are Imposter Domains Re-Publishing Your Website?]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/"/>
|
||
<updated>2021-09-20T11:30:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Ken Harker)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Monetize Open-Source Software With Gatsby Functions And Stripe]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/"/>
|
||
<updated>2021-09-17T09:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Paul Scanlon)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Web Quality Assurance: From User Requirements To Web Risk Management]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/"/>
|
||
<updated>2021-09-16T12:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Elie Sloïm)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Reasons To Build A CRM-Powered Website For Your Business]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/reasons-build-crm-powered-website-business/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/reasons-build-crm-powered-website-business/"/>
|
||
<updated>2021-09-16T11:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Zara Cooper)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[v1.11.1]]></title>
|
||
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.1</id>
|
||
<link href="https://github.com/osmoscraft/osmosfeed/releases/tag/v1.11.1"/>
|
||
<updated>2021-09-16T06:39:32.000Z</updated>
|
||
<summary type="html"><![CDATA[Fixed: Unexpected nested element in author field crashes the parser
|
||
Thank you @ad-m]]></summary>
|
||
<author>
|
||
<name>Release notes from osmosfeed</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Reducing The Need For Pseudo-Elements]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/"/>
|
||
<updated>2021-09-15T10:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Marcel Moreau)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[The Power Of Pen And Paper Sketching]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/power-pen-paper-sketching/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/power-pen-paper-sketching/"/>
|
||
<updated>2021-09-14T09:30:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Tracy Osborn)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Orchestrating Complexity With Web Animations API]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/"/>
|
||
<updated>2021-09-13T09:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Kirill Myshkin)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Web Design Done Well: Excellent Editorial]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/"/>
|
||
<updated>2021-09-10T10:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Frederick O’Brien)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/"/>
|
||
<updated>2021-09-09T10:30:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Sam Poder)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[Developer Decisions For Building Flexible Components]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/"/>
|
||
<updated>2021-09-08T10:30:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Michelle Barker)</name>
|
||
</author>
|
||
</entry>
|
||
<entry>
|
||
<title type="html"><![CDATA[New Smashing Online Workshops on Front-End & UX]]></title>
|
||
<id>https://smashingmagazine.com/2021/09/new-smashing-online-workshops-sep-2021/</id>
|
||
<link href="https://smashingmagazine.com/2021/09/new-smashing-online-workshops-sep-2021/"/>
|
||
<updated>2021-09-08T08:00:00.000Z</updated>
|
||
<summary type="html"><![CDATA[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.]]></summary>
|
||
<author>
|
||
<name>hello@smashingmagazine.com (Iris Lješnjanin)</name>
|
||
</author>
|
||
</entry>
|
||
</feed> |