This commit is contained in:
chuanqisun 2021-12-02 00:42:54 +00:00
parent dc61c2cd0a
commit e0eb0c06e2
3 changed files with 168 additions and 199 deletions

View file

@ -11,13 +11,40 @@
"feedUrl": "https://css-tricks.com/feed/",
"siteUrl": "https://css-tricks.com",
"articles": [
{
"id": "https://css-tricks.com/?p=357985",
"author": "Chris Coyier",
"description": "I think if youre a DevOps person in any capacity, the utility of Docker is very clear. Your things run in containers that are identical everywhere. Assuming Docker is working/running, the code will execute in a reliably consistent way whether …",
"link": "https://css-tricks.com/dock-life-using-docker-for-all-the-things/",
"publishedOn": "2021-12-01T21:11:53.000Z",
"wordCount": 628,
"title": "Dock Life: Using Docker for All The Things!"
},
{
"id": "https://css-tricks.com/?p=357344",
"author": "George Francis",
"description": "In nature, no two things are ever the same. Life is imperfect, unpredictable, and beautiful. We can walk through the same forest every day and see differently colored leaves. We can look up at the clouds every minute and watch …",
"link": "https://css-tricks.com/embrace-the-unpredictable/",
"publishedOn": "2021-12-01T15:47:46.000Z",
"wordCount": 726,
"title": "Embrace the Unpredictable"
},
{
"id": "https://css-tricks.com/?p=356146",
"author": "Amelia Wattenberger",
"description": "What is one thing people can do to make their website better?\n Exactly what you want to build!\nAsk yourself:\nWhat drew you to development in the beginning?\nIs there an experimental API that youve been wanting to try out?\n…",
"link": "https://css-tricks.com/exactly-what-you-want/",
"publishedOn": "2021-12-01T15:46:29.000Z",
"wordCount": 491,
"title": "Exactly What You Want"
},
{
"id": "https://css-tricks.com/?p=357109",
"author": "Chris Coyier",
"description": "I was playing this game on Apple Arcade the other day called wurdweb. Its a fun little game! Little touches like the little shape dudes that walk around the screen (but otherwise dont do anything) give it a lot …",
"link": "https://css-tricks.com/diagonal-stripes-wipe-animation/",
"publishedOn": "2021-11-30T17:26:35.000Z",
"wordCount": 944,
"wordCount": 946,
"title": "Diagonal Stripes Wipe Animation"
},
{
@ -26,7 +53,7 @@
"description": "This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about future articles!\nThe “Reflog” is one of Gits lesser-known features—but one that can be extremely …",
"link": "https://css-tricks.com/using-the-reflog-to-restore-lost-commits/",
"publishedOn": "2021-11-30T15:53:27.000Z",
"wordCount": 2419,
"wordCount": 2431,
"title": "Using the Reflog to Restore Lost Commits"
},
{
@ -98,7 +125,7 @@
"description": "Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected …",
"link": "https://css-tricks.com/control-layout-in-a-multi-directional-website/",
"publishedOn": "2021-11-23T16:06:44.000Z",
"wordCount": 4813,
"wordCount": 4908,
"title": "Control Layout in a Multi-Directional Website"
},
{
@ -118,33 +145,6 @@
"publishedOn": "2021-11-22T18:48:00.000Z",
"wordCount": 1090,
"title": "CSS “decorations”"
},
{
"id": "https://css-tricks.com/?p=357080",
"author": "Temani Afif",
"description": "We cannot talk about web development without talking about Responsive Design. Its just a given these days and has been for many years. Media queries are a part of Responsive Design and they arent going anywhere. Since the introduction of …",
"link": "https://css-tricks.com/responsive-layouts-fewer-media-queries/",
"publishedOn": "2021-11-22T15:29:03.000Z",
"wordCount": 4942,
"title": "Responsive Layouts, Fewer Media Queries"
},
{
"id": "https://css-tricks.com/?p=357234",
"author": "Chris Coyier",
"description": "Im not the biggest fan of Atomic CSS myself. I dont like all the classes. I like to express my styles in CSS because I find CSS… good. But I appreciate that a lot of people seem to like it, …",
"link": "https://css-tricks.com/reimagine-atomic-css/",
"publishedOn": "2021-11-19T22:01:05.000Z",
"wordCount": 836,
"title": "Reimagine Atomic CSS"
},
{
"id": "https://css-tricks.com/?p=357227",
"author": "Chris Coyier",
"description": "A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way to suss out your own taste and arrive at a choice.…",
"link": "https://css-tricks.com/coding-font-game/",
"publishedOn": "2021-11-19T21:18:50.000Z",
"wordCount": 742,
"title": "Coding Font Game"
}
]
},
@ -173,7 +173,7 @@
"description": "Lets welcome December with some new wallpapers! Designed by artists and designers from across the globe, they are available with and without a calendar for the month. Enjoy!",
"link": "https://smashingmagazine.com/2021/11/desktop-wallpaper-calendars-december-2021/",
"publishedOn": "2021-11-30T09:45:00.000Z",
"wordCount": 2832,
"wordCount": 2814,
"title": "Its That Time Of The Year (December 2021 Desktop Wallpapers Edition)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/9b96c8c2-9305-4a64-aa40-cf22662ea698/dec-21-winter-holidays-preview-opt.png",
@ -187,7 +187,7 @@
"description": "One of Jheys main mantras is to make learning fun. In this article, he shows you ways to level up your skills by bringing your ideas to life, and not forgetting that [you can be playful with code](https://www.smashingmagazine.com/2020/11/playfulness-code-supercharge-fun-learning/). With that mindset, every idea is bound to become an opportunity to try something new.",
"link": "https://smashingmagazine.com/2021/11/3d-css-flippy-snaps-react-greensock/",
"publishedOn": "2021-11-29T12:30:00.000Z",
"wordCount": 3254,
"wordCount": 3237,
"title": "3D CSS Flippy Snaps With React And GreenSock",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a865f227-d5a1-4a63-a889-288a84fa2bce/3d-css-flippy-snaps-react-greensock.jpg",
@ -201,7 +201,7 @@
"description": "In this article, Nirmalya discusses some of the complex problems that he faced while building and maintaining large Next.js applications. He always explains how these problems can be solved by using various tools.",
"link": "https://smashingmagazine.com/2021/11/maintain-large-nextjs-application/",
"publishedOn": "2021-11-26T12:30:00.000Z",
"wordCount": 2645,
"wordCount": 2622,
"title": "How To Maintain A Large Next.js Application",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d36d3a50-0f3f-402e-9ceb-8164b41065bc/maintain-large-nextjs-application.jpg",
@ -215,7 +215,7 @@
"description": "Instead of spending your coffee break scrolling through your social feeds, how about a lovely little website instead? We came across some fantastic ones that are just too good not to be shared. But be warned, your break might take a bit longer than intended.",
"link": "https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/",
"publishedOn": "2021-11-24T12:00:00.000Z",
"wordCount": 4245,
"wordCount": 4228,
"title": "A Showcase Of Lovely Little Websites",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5a0a3a89-ba5a-40a8-af80-f8db0554af37/radiooooo-opt.png",
@ -229,7 +229,7 @@
"description": "With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, well explore those techniques by adding a dyslexia-friendly mode to an existing design.",
"link": "https://smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/",
"publishedOn": "2021-11-23T10:00:00.000Z",
"wordCount": 2762,
"wordCount": 2745,
"title": "Adding A Dyslexia-Friendly Mode To A Website",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e1fb4e46-6f0a-4631-a04c-d42376eddc82/dyslexia-friendly-mode-website.jpg",
@ -257,7 +257,7 @@
"description": "Implementing a performance culture is very important. In this article, Dan Shappir shares which actions and processes the Wix team put in place in order to achieve dramatic improvements in the performance of websites built and hosted on their platform.",
"link": "https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/",
"publishedOn": "2021-11-22T10:30:00.000Z",
"wordCount": 4763,
"wordCount": 4743,
"title": "Improving The Performance Of Wix Websites (Case Study)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/253b5a80-a208-4057-95b0-60762c922d07/improving-performance-wix-websites-case-study.jpg",
@ -271,7 +271,7 @@
"description": "Hosting with a wildcard subdomain enables your users to visit your site on any subdomain of your domain (*.example.com), and as you can imagine, we can use this to create unique user experiences which well be exploring in this article through a Next.js lens.",
"link": "https://smashingmagazine.com/2021/11/nextjs-wildcard-subdomains/",
"publishedOn": "2021-11-19T10:30:00.000Z",
"wordCount": 2217,
"wordCount": 2192,
"title": "Next.js Wildcard Subdomains",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2b24747b-6f11-4588-a119-16eaf38bc933/nextjs-wildcard-subdomains.jpg",
@ -285,7 +285,7 @@
"description": "In this article, well take a look at the best ways to handle colors in CSS today, some tips for using them in a design system, and what we can expect from our colors in the not-too-distant future.",
"link": "https://smashingmagazine.com/2021/11/guide-modern-css-colors/",
"publishedOn": "2021-11-17T16:00:00.000Z",
"wordCount": 3489,
"wordCount": 3472,
"title": "A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b424cd2e-1e44-4ca2-8506-4e45a5bdb570/guide-modern-css-colors.jpg",
@ -313,7 +313,7 @@
"description": "Whats your favorite command-line tool? In this post, Louis Lazaris shares a collection of relevant command-line apps and utilities that he has personally come across in the past few years. If theres a useful one that hasnt been mentioned and one you use regularly, please do share it in the comments.",
"link": "https://smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/",
"publishedOn": "2021-11-15T13:00:00.000Z",
"wordCount": 2145,
"wordCount": 2123,
"title": "Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a2d3081a-5a36-4763-9b94-13bf7d1cb5d6/powerful-terminal-commandline-tools-modern-web-development.jpg",
@ -327,7 +327,7 @@
"description": "The React team introduced several hooks in React 16.8 which you can use from third-party providers in your application, or even create your own custom hook. In this tutorial, well take a look at some of the most useful hooks in React and how to use them.",
"link": "https://smashingmagazine.com/2021/11/useful-react-hooks/",
"publishedOn": "2021-11-12T10:00:00.000Z",
"wordCount": 10261,
"wordCount": 10255,
"title": "Useful React Hooks That You Can Use In Your Projects",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ad5f8d5b-6da6-4441-a6f7-466c79e7fb0d/useful-react-hooks.jpg",
@ -341,7 +341,7 @@
"description": "Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity wont do. Well pursue greatness. And in that pursuit, well cover research, decluttering, and data visualization.",
"link": "https://smashingmagazine.com/2021/11/dashboard-design-research-decluttering-data-viz/",
"publishedOn": "2021-11-11T14:00:00.000Z",
"wordCount": 4316,
"wordCount": 4289,
"title": "From Good To Great In Dashboard Design: Research, Decluttering And Data Viz",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/835f0cba-e214-437a-a025-e69ba7691997/dashboard-design-research-decluttering-data-viz.jpg",
@ -355,7 +355,7 @@
"description": "Internationalized routing is not exactly a new feature on Next.js. In this article, we are not only checking what we get from this feature, but also how to leverage such functionalities to achieve the best user experience and a smooth developer experience as well.",
"link": "https://smashingmagazine.com/2021/11/localizing-your-nextjs-app/",
"publishedOn": "2021-11-09T13:00:00.000Z",
"wordCount": 1916,
"wordCount": 1902,
"title": "Localizing Your Next.js App",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/12e7620f-0e7b-4b95-a1b6-cd2f25ccac52/localizing-your-nextjs-app.jpg",
@ -397,7 +397,7 @@
"description": "Concept testing ideas before moving into a detailed design is good UX practice. In this article, Victor Yocco presents details on how and when to engage in concept testing, as well as case studies providing details on the insights gained in two very different settings.",
"link": "https://smashingmagazine.com/2021/11/concept-testing-part-of-product-design/",
"publishedOn": "2021-11-05T11:00:00.000Z",
"wordCount": 6209,
"wordCount": 6182,
"title": "The Value Of Concept Testing As Part Of Product Design",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ca39dbc3-101c-4973-9dce-debb1ab283ff/concept-testing-part-of-product-design.jpg",
@ -425,7 +425,7 @@
"description": "Within the last decade, technologies like GraphQL have changed how we build web apps and how they communicate with each other. GraphQL provides certain benefits over REST APIs — lets find out what they are.",
"link": "https://smashingmagazine.com/2021/11/graphql-frontend-react-apollo/",
"publishedOn": "2021-11-04T11:30:00.000Z",
"wordCount": 3394,
"wordCount": 3382,
"title": "GraphQL On The Front-End (React And Apollo)",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bb584488-c16f-4409-a992-993ce92d4b51/graphql-frontend-react-apollo.jpg",
@ -439,27 +439,13 @@
"description": "Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform. In this article, we will learn and cover everything needed on using Serverless UI to deploy our projects or serverless applications to cloud services providers.",
"link": "https://smashingmagazine.com/2021/11/deep-dive-into-serverless-ui-typescript/",
"publishedOn": "2021-11-03T11:30:00.000Z",
"wordCount": 3625,
"wordCount": 3605,
"title": "A Deep Dive Into Serverless UI With TypeScript",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/aff46dfe-164d-4bf7-8e14-057470001b41/deep-dive-into-serverless-ui-typescript.jpg",
"length": "0",
"type": "image/jpg"
}
},
{
"id": "https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/",
"author": "hello@smashingmagazine.com (Alex Husar)",
"description": "This article sheds the spotlight on Magento PWAs and explains why business owners are getting them (often instead of native applications). Alex Husar introduces ways of how progressive web applications can be developed on Magento, as well as go over the major pros and cons of each development path.",
"link": "https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/",
"publishedOn": "2021-11-02T12:00:00.000Z",
"wordCount": 5954,
"title": "Creating A Magento PWA: Customizing Themes vs. Coding From Scratch",
"enclosure": {
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/77155632-96bd-44a8-af99-50ebad7534e6/magento-pwa-customizing-themes-coding.jpg",
"length": "0",
"type": "image/jpg"
}
}
]
},
@ -468,6 +454,15 @@
"feedUrl": "https://www.freecodecamp.org/news/rss/",
"siteUrl": "https://www.freecodecamp.org/news",
"articles": [
{
"id": "61a5f9680c0c7407b2b3e607",
"author": null,
"description": "In general, a headphone jack and a pair of headphones improve the sound from your PC. You'll be able to hear things more clearly, without disturbing other around you. But sometimes, setting them up is difficult. Or they might stop working entirely. This could be due to outdated drivers, or",
"link": "https://www.freecodecamp.org/news/headphone-jack-not-working-in-windows-10-how-to-fix-headphones-on-pc/",
"publishedOn": "2021-12-01T09:49:48.000Z",
"wordCount": 743,
"title": "Headphone Jack Not Working in Windows 10 - How to Fix Headphones on PC"
},
{
"id": "61783ffa33422e07df364d2c",
"author": null,
@ -548,15 +543,6 @@
"publishedOn": "2021-11-29T14:53:48.000Z",
"wordCount": 741,
"title": "Spell Check Not Working in Word [Fixed on Windows 10 PC]"
},
{
"id": "619ba16011d3cb08287aa2ed",
"author": null,
"description": "In this conference talk made for Tech Fest 2021, Steven Lemmo talks to you about building SaaS Applications with WebSockets. Here is a full breakdown of what he will cover in this 40 minute talk: The reason for this talkWhy Websockets?Websockets minimal API exampleRest Web ServicesMultiple ListenersFull DuplexWebsockets time-lineTypeScriptVendor",
"link": "https://www.freecodecamp.org/news/how-to-add-websocket-real-time-communication-to-your-saas-app/",
"publishedOn": "2021-11-24T23:50:04.000Z",
"wordCount": 318,
"title": "How to Add Websocket Real Time Communication to Your SaaS App"
}
]
}

View file

@ -1,10 +1,55 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>urn:2021-12-01T00:45:54.838Z</id>
<id>urn:2021-12-02T00:42:53.367Z</id>
<title>osmos::feed</title>
<updated>2021-12-01T00:45:54.838Z</updated>
<updated>2021-12-02T00:42:53.367Z</updated>
<generator>osmosfeed 1.11.3</generator>
<link rel="alternate" href="index.html"/>
<entry>
<title type="html"><![CDATA[Dock Life: Using Docker for All The Things!]]></title>
<id>https://css-tricks.com/?p=357985</id>
<link href="https://css-tricks.com/dock-life-using-docker-for-all-the-things/"/>
<updated>2021-12-01T21:11:53.000Z</updated>
<summary type="html"><![CDATA[I think if youre a DevOps person in any capacity, the utility of Docker is very clear. Your things run in containers that are identical everywhere. Assuming Docker is working/running, the code will execute in a reliably consistent way whether …]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Embrace the Unpredictable]]></title>
<id>https://css-tricks.com/?p=357344</id>
<link href="https://css-tricks.com/embrace-the-unpredictable/"/>
<updated>2021-12-01T15:47:46.000Z</updated>
<summary type="html"><![CDATA[In nature, no two things are ever the same. Life is imperfect, unpredictable, and beautiful. We can walk through the same forest every day and see differently colored leaves. We can look up at the clouds every minute and watch …]]></summary>
<author>
<name>George Francis</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Exactly What You Want]]></title>
<id>https://css-tricks.com/?p=356146</id>
<link href="https://css-tricks.com/exactly-what-you-want/"/>
<updated>2021-12-01T15:46:29.000Z</updated>
<summary type="html"><![CDATA[What is one thing people can do to make their website better?
Exactly what you want to build!
Ask yourself:
What drew you to development in the beginning?
Is there an experimental API that youve been wanting to try out?
…]]></summary>
<author>
<name>Amelia Wattenberger</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Headphone Jack Not Working in Windows 10 - How to Fix Headphones on PC]]></title>
<id>61a5f9680c0c7407b2b3e607</id>
<link href="https://www.freecodecamp.org/news/headphone-jack-not-working-in-windows-10-how-to-fix-headphones-on-pc/"/>
<updated>2021-12-01T09:49:48.000Z</updated>
<summary type="html"><![CDATA[In general, a headphone jack and a pair of headphones improve the sound from your PC. You'll be able to hear things more clearly, without disturbing other around you. But sometimes, setting them up is difficult. Or they might stop working entirely. This could be due to outdated drivers, or]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Diagonal Stripes Wipe Animation]]></title>
<id>https://css-tricks.com/?p=357109</id>
@ -215,16 +260,6 @@ The average favicon network request takes 130ms, at least from our speedy cloud
<name>hello@smashingmagazine.com (Nirmalya Ghosh)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[How to Add Websocket Real Time Communication to Your SaaS App]]></title>
<id>619ba16011d3cb08287aa2ed</id>
<link href="https://www.freecodecamp.org/news/how-to-add-websocket-real-time-communication-to-your-saas-app/"/>
<updated>2021-11-24T23:50:04.000Z</updated>
<summary type="html"><![CDATA[In this conference talk made for Tech Fest 2021, Steven Lemmo talks to you about building SaaS Applications with WebSockets. Here is a full breakdown of what he will cover in this 40 minute talk: The reason for this talkWhy Websockets?Websockets minimal API exampleRest Web ServicesMultiple ListenersFull DuplexWebsockets time-lineTypeScriptVendor]]></summary>
<author>
<name>freeCodeCamp.org</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Creating Generative Patterns with The CSS Paint API]]></title>
<id>https://css-tricks.com/?p=357294</id>
@ -315,16 +350,6 @@ Whats that @noflip business? Thats …]]></summary>
<name>hello@smashingmagazine.com (Iris Lješnjanin)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Responsive Layouts, Fewer Media Queries]]></title>
<id>https://css-tricks.com/?p=357080</id>
<link href="https://css-tricks.com/responsive-layouts-fewer-media-queries/"/>
<updated>2021-11-22T15:29:03.000Z</updated>
<summary type="html"><![CDATA[We cannot talk about web development without talking about Responsive Design. Its just a given these days and has been for many years. Media queries are a part of Responsive Design and they arent going anywhere. Since the introduction of …]]></summary>
<author>
<name>Temani Afif</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Improving The Performance Of Wix Websites (Case Study)]]></title>
<id>https://smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/</id>
@ -335,26 +360,6 @@ Whats that @noflip business? Thats …]]></summary>
<name>hello@smashingmagazine.com (Dan Shappir)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Reimagine Atomic CSS]]></title>
<id>https://css-tricks.com/?p=357234</id>
<link href="https://css-tricks.com/reimagine-atomic-css/"/>
<updated>2021-11-19T22:01:05.000Z</updated>
<summary type="html"><![CDATA[Im not the biggest fan of Atomic CSS myself. I dont like all the classes. I like to express my styles in CSS because I find CSS… good. But I appreciate that a lot of people seem to like it, …]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Coding Font Game]]></title>
<id>https://css-tricks.com/?p=357227</id>
<link href="https://css-tricks.com/coding-font-game/"/>
<updated>2021-11-19T21:18:50.000Z</updated>
<summary type="html"><![CDATA[A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way to suss out your own taste and arrive at a choice.…]]></summary>
<author>
<name>Chris Coyier</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Next.js Wildcard Subdomains]]></title>
<id>https://smashingmagazine.com/2021/11/nextjs-wildcard-subdomains/</id>
@ -485,14 +490,4 @@ Whats that @noflip business? Thats …]]></summary>
<name>hello@smashingmagazine.com (Ikeh Akinyemi)</name>
</author>
</entry>
<entry>
<title type="html"><![CDATA[Creating A Magento PWA: Customizing Themes vs. Coding From Scratch]]></title>
<id>https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/</id>
<link href="https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/"/>
<updated>2021-11-02T12:00:00.000Z</updated>
<summary type="html"><![CDATA[This article sheds the spotlight on Magento PWAs and explains why business owners are getting them (often instead of native applications). Alex Husar introduces ways of how progressive web applications can be developed on Magento, as well as go over the major pros and cons of each development path.]]></summary>
<author>
<name>hello@smashingmagazine.com (Alex Husar)</name>
</author>
</entry>
</feed>

View file

@ -15,6 +15,72 @@
<body>
<!-- %after-body-begin.html% -->
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-12-01">2021-12-01</time></h2>
<ul class="sources card">
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">Dock Life: Using Docker for All The Things!</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/dock-life-using-docker-for-all-the-things/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>I think if youre a DevOps person in any capacity, the utility of Docker is very clear. Your things run in containers that are identical everywhere. Assuming Docker is working/running, the code will execute in a reliably consistent way whether …</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Embrace the Unpredictable</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/embrace-the-unpredictable/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>In nature, no two things are ever the same. Life is imperfect, unpredictable, and beautiful. We can walk through the same forest every day and see differently colored leaves. We can look up at the clouds every minute and watch …</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Exactly What You Want</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/exactly-what-you-want/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>What is one thing people can do to make their website better?
Exactly what you want to build!
Ask yourself:
What drew you to development in the beginning?
Is there an experimental API that youve been wanting to try out?
</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">Headphone Jack Not Working in Windows 10 - How to Fix Headphones on PC</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/headphone-jack-not-working-in-windows-10-how-to-fix-headphones-on-pc/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>In general, a headphone jack and a pair of headphones improve the sound from your PC. You&#x27;ll be able to hear things more clearly, without disturbing other around you. But sometimes, setting them up is difficult. Or they might stop working entirely. This could be due to outdated drivers, or</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-11-30">2021-11-30</time></h2>
<ul class="sources card">
@ -328,23 +394,6 @@ The average favicon network request takes 130ms, at least from our speedy cloud
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">How to Add Websocket Real Time Communication to Your SaaS App</summary>
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-add-websocket-real-time-communication-to-your-saas-app/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(1 min)</span>
<span>In this conference talk made for Tech Fest 2021, Steven Lemmo talks to you about building SaaS Applications with WebSockets. Here is a full breakdown of what he will cover in this 40 minute talk: The reason for this talkWhy Websockets?Websockets minimal API exampleRest Web ServicesMultiple ListenersFull DuplexWebsockets time-lineTypeScriptVendor</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
@ -453,17 +502,6 @@ Whats that @noflip business? Thats …</span>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Responsive Layouts, Fewer Media Queries</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/responsive-layouts-fewer-media-queries/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(16 min)</span>
<span>We cannot talk about web development without talking about Responsive Design. Its just a given these days and has been for many years. Media queries are a part of Responsive Design and they arent going anywhere. Since the introduction of …</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
@ -499,34 +537,6 @@ Whats that @noflip business? Thats …</span>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-11-19">2021-11-19</time></h2>
<ul class="sources card">
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">Reimagine Atomic CSS</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/reimagine-atomic-css/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(3 min)</span>
<span>Im not the biggest fan of Atomic CSS myself. I dont like all the classes. I like to express my styles in CSS because I find CSS… good. But I appreciate that a lot of people seem to like it, …</span>
</div>
</a>
</details>
</article>
<article>
<details class="article-expander">
<summary class="article-expander__title">Coding Font Game</summary>
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/coding-font-game/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(2 min)</span>
<span>A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way to suss out your own taste and arrive at a choice.…</span>
</div>
</a>
</details>
</article>
</section>
</li>
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
@ -788,31 +798,9 @@ Whats that @noflip business? Thats …</span>
</li>
</ul>
</section>
<section class="daily-content">
<h2 class="daily-heading"><time datatime="2021-11-02">2021-11-02</time></h2>
<ul class="sources card">
<li class="source">
<section>
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
<section class="articles-per-source">
<article>
<details class="article-expander">
<summary class="article-expander__title">Creating A Magento PWA: Customizing Themes vs. Coding From Scratch</summary>
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/11/magento-pwa-customizing-themes-coding/">
<div class="article-summary-box-inner">
<span class="article-reading-time">(20 min)</span>
<span>This article sheds the spotlight on Magento PWAs and explains why business owners are getting them (often instead of native applications). Alex Husar introduces ways of how progressive web applications can be developed on Magento, as well as go over the major pros and cons of each development path.</span>
</div>
</a>
</details>
</article>
</section>
</li>
</ul>
</section>
<footer>
<time id="build-timestamp" datetime="2021-12-01T00:45:54.818Z">2021-12-01T00:45:54.818Z</time>
<time id="build-timestamp" datetime="2021-12-02T00:42:53.342Z">2021-12-02T00:42:53.342Z</time>
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.3</a></span>
</footer>
<script src="index.js"></script>