mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: 1f5684a2ae
This commit is contained in:
chuanqisun
parent
225dbb5be2
commit
6c9d15eaca
3 changed files with 146 additions and 132 deletions
100
cache.json
100
cache.json
|
|
@ -11,13 +11,31 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=357271",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change:\n.el {\n will-change: opacity;\n\n…\nThe post When is it “Right” to Reach for contain and will-change in CSS? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/when-is-it-right-to-reach-for-contain-and-will-change-in-css/",
|
||||
"publishedOn": "2021-11-26T20:43:05.000Z",
|
||||
"wordCount": 1015,
|
||||
"title": "When is it “Right” to Reach for contain and will-change in CSS?"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=357239",
|
||||
"author": "Neale Van Fleet",
|
||||
"description": "I love little touches that make a website feel like more than just a static document. What if web content wouldn’t just “appear” when a page loaded, but instead popped, slid, faded, or spun into place? It might be a …\nThe post A Handy Little System for Animated Entrances in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/a-handy-little-system-for-animated-entrances-in-css/",
|
||||
"publishedOn": "2021-11-26T16:12:33.000Z",
|
||||
"wordCount": 2112,
|
||||
"title": "A Handy Little System for Animated Entrances in CSS"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=357294",
|
||||
"author": "George Francis",
|
||||
"description": "The browser has long been a medium for art and design. From Lynn Fisher’s joyful A Single Div creations to Diana Smith’s staggeringly detailed CSS paintings, wildly creative, highly skilled developers have — over the years — continuously pushed …\nThe post Creating Generative Patterns with The CSS Paint API appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/creating-generative-patterns-with-the-css-paint-api/",
|
||||
"publishedOn": "2021-11-24T15:49:08.000Z",
|
||||
"wordCount": 5416,
|
||||
"wordCount": 5510,
|
||||
"title": "Creating Generative Patterns with The CSS Paint API"
|
||||
},
|
||||
{
|
||||
|
|
@ -35,7 +53,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 …\nThe post Control Layout in a Multi-Directional Website appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/control-layout-in-a-multi-directional-website/",
|
||||
"publishedOn": "2021-11-23T16:06:44.000Z",
|
||||
"wordCount": 4427,
|
||||
"wordCount": 4662,
|
||||
"title": "Control Layout in a Multi-Directional Website"
|
||||
},
|
||||
{
|
||||
|
|
@ -44,7 +62,7 @@
|
|||
"description": "Inspired by Eva PenzeyMoog’s new book, Jeremy highlights the widespread user tracking situation in this industry:\nThere was a line that really stood out to me: \nThe idea that it’s alright to do whatever unethical thing is currently the \n…\nThe post On User Tracking and Industry Standards on Privacy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/on-user-tracking-and-industry-standards-on-privacy/",
|
||||
"publishedOn": "2021-11-22T21:00:50.000Z",
|
||||
"wordCount": 2064,
|
||||
"wordCount": 2212,
|
||||
"title": "On User Tracking and Industry Standards on Privacy"
|
||||
},
|
||||
{
|
||||
|
|
@ -89,7 +107,7 @@
|
|||
"description": "Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it. I was fortunate enough that Kent reached out a while back and asked if I could come up with some …\nThe post Parallax Powered by CSS Custom Properties appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/parallax-powered-by-css-custom-properties/",
|
||||
"publishedOn": "2021-11-19T15:13:46.000Z",
|
||||
"wordCount": 3238,
|
||||
"wordCount": 3406,
|
||||
"title": "Parallax Powered by CSS Custom Properties"
|
||||
},
|
||||
{
|
||||
|
|
@ -127,24 +145,6 @@
|
|||
"publishedOn": "2021-11-17T23:09:46.000Z",
|
||||
"wordCount": 715,
|
||||
"title": "What do you get for using a search input type?"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=356700",
|
||||
"author": "Tobias Günther",
|
||||
"description": "In part 5 of this series, we looked at rebasing and merging. Although there are a couple of differences between git merge and git rebase, both commands have the same goal: they integrate changes from one branch into another.\nThe post Cherry-Picking Commits in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/cherry-picking-commits-in-git/",
|
||||
"publishedOn": "2021-11-17T15:28:22.000Z",
|
||||
"wordCount": 1350,
|
||||
"title": "Cherry-Picking Commits in Git"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=357023",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug …\nThe post The Gap (Design Engineering) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/the-gap-design-engineering/",
|
||||
"publishedOn": "2021-11-17T15:27:19.000Z",
|
||||
"wordCount": 840,
|
||||
"title": "The Gap (Design Engineering)"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -153,13 +153,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/11/maintain-large-nextjs-application/",
|
||||
"author": "hello@smashingmagazine.com (Nirmalya Ghosh)",
|
||||
"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": 2643,
|
||||
"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",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/11/showcase-lovely-little-websites/",
|
||||
"author": "hello@smashingmagazine.com (Cosima Mielke)",
|
||||
"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": 4249,
|
||||
"wordCount": 4255,
|
||||
"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",
|
||||
|
|
@ -173,7 +187,7 @@
|
|||
"description": "With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, we’ll 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": 2764,
|
||||
"wordCount": 2762,
|
||||
"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",
|
||||
|
|
@ -215,7 +229,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 we’ll 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": 2210,
|
||||
"wordCount": 2208,
|
||||
"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",
|
||||
|
|
@ -229,7 +243,7 @@
|
|||
"description": "In this article, we’ll 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": 3491,
|
||||
"wordCount": 3486,
|
||||
"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",
|
||||
|
|
@ -257,7 +271,7 @@
|
|||
"description": "What’s 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 there’s a useful one that hasn’t 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": 2146,
|
||||
"wordCount": 2151,
|
||||
"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",
|
||||
|
|
@ -271,7 +285,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, we’ll 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": 10272,
|
||||
"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",
|
||||
|
|
@ -285,7 +299,7 @@
|
|||
"description": "Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity won’t do. We’ll pursue greatness. And in that pursuit, we’ll 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": 4300,
|
||||
"wordCount": 4307,
|
||||
"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",
|
||||
|
|
@ -299,7 +313,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": 1923,
|
||||
"wordCount": 1917,
|
||||
"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",
|
||||
|
|
@ -327,7 +341,7 @@
|
|||
"description": "A great commerce experience is not a Lighthouse score or a set of Core Web Vitals figures (although both are important inputs), but it’s also a trilemma that carefully balances competing needs of delivering a great customer experience, dynamic storefront capabilities and long-term business objectives.",
|
||||
"link": "https://smashingmagazine.com/2021/11/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce/",
|
||||
"publishedOn": "2021-11-08T14:30:00.000Z",
|
||||
"wordCount": 1524,
|
||||
"wordCount": 1529,
|
||||
"title": "Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ee33395f-684a-40e5-bf72-56d9e9e4d975/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce.jpg",
|
||||
|
|
@ -341,7 +355,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": 6195,
|
||||
"wordCount": 6194,
|
||||
"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",
|
||||
|
|
@ -369,7 +383,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 — let’s find out what they are.",
|
||||
"link": "https://smashingmagazine.com/2021/11/graphql-frontend-react-apollo/",
|
||||
"publishedOn": "2021-11-04T11:30:00.000Z",
|
||||
"wordCount": 3398,
|
||||
"wordCount": 3403,
|
||||
"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",
|
||||
|
|
@ -383,7 +397,7 @@
|
|||
"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": 3627,
|
||||
"wordCount": 3628,
|
||||
"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",
|
||||
|
|
@ -397,7 +411,7 @@
|
|||
"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": 5958,
|
||||
"wordCount": 5959,
|
||||
"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",
|
||||
|
|
@ -411,7 +425,7 @@
|
|||
"description": "November is just around the corner, and with it, a new collection of desktop wallpapers to celebrate the beginning of the month. Designed by creatives from all across the globe, they come in versions with and without a calendar. Let’s make November colorful!",
|
||||
"link": "https://smashingmagazine.com/2021/10/desktop-wallpaper-calendars-november-2021/",
|
||||
"publishedOn": "2021-10-31T08:20:00.000Z",
|
||||
"wordCount": 2373,
|
||||
"wordCount": 2379,
|
||||
"title": "A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7a2a341f-4f72-4716-91c6-ed6da6add2fd/nov-21-no-shave-november-preview-opt.png",
|
||||
|
|
@ -432,20 +446,6 @@
|
|||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/",
|
||||
"author": "hello@smashingmagazine.com (Robert Sfichi)",
|
||||
"description": "The wealth of data that Amazon holds can make a huge difference when you’re designing a product or hunting for a bargain. But, how can a developer get that data? Simple, by using a web scraper. Here’s how to build your data extraction bot with Node.js.",
|
||||
"link": "https://smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/",
|
||||
"publishedOn": "2021-10-28T11:00:00.000Z",
|
||||
"wordCount": 3165,
|
||||
"title": "How To Build An Amazon Product Scraper With Node.js",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/069a1796-0f8d-4936-bfc0-4aa988ef0594/building-amazon-product-scraper-nodejs.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
|
|||
72
feed.atom
72
feed.atom
|
|
@ -1,10 +1,46 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-11-26T00:41:50.949Z</id>
|
||||
<id>urn:2021-11-27T00:41:17.239Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-11-26T00:41:50.949Z</updated>
|
||||
<updated>2021-11-27T00:41:17.239Z</updated>
|
||||
<generator>osmosfeed 1.11.3</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[When is it “Right” to Reach for contain and will-change in CSS?]]></title>
|
||||
<id>https://css-tricks.com/?p=357271</id>
|
||||
<link href="https://css-tricks.com/when-is-it-right-to-reach-for-contain-and-will-change-in-css/"/>
|
||||
<updated>2021-11-26T20:43:05.000Z</updated>
|
||||
<summary type="html"><![CDATA[I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change:
|
||||
.el {
|
||||
will-change: opacity;
|
||||
|
||||
…
|
||||
The post When is it “Right” to Reach for contain and will-change 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[A Handy Little System for Animated Entrances in CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=357239</id>
|
||||
<link href="https://css-tricks.com/a-handy-little-system-for-animated-entrances-in-css/"/>
|
||||
<updated>2021-11-26T16:12:33.000Z</updated>
|
||||
<summary type="html"><![CDATA[I love little touches that make a website feel like more than just a static document. What if web content wouldn’t just “appear” when a page loaded, but instead popped, slid, faded, or spun into place? It might be a …
|
||||
The post A Handy Little System for Animated Entrances in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Neale Van Fleet</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Maintain A Large Next.js Application]]></title>
|
||||
<id>https://smashingmagazine.com/2021/11/maintain-large-nextjs-application/</id>
|
||||
<link href="https://smashingmagazine.com/2021/11/maintain-large-nextjs-application/"/>
|
||||
<updated>2021-11-26T12:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.]]></summary>
|
||||
<author>
|
||||
<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>
|
||||
|
|
@ -324,28 +360,6 @@ The post What do you get for using a search input type? appeared first on CSS-Tr
|
|||
<name>hello@smashingmagazine.com (Michelle Barker)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Cherry-Picking Commits in Git]]></title>
|
||||
<id>https://css-tricks.com/?p=356700</id>
|
||||
<link href="https://css-tricks.com/cherry-picking-commits-in-git/"/>
|
||||
<updated>2021-11-17T15:28:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[In part 5 of this series, we looked at rebasing and merging. Although there are a couple of differences between git merge and git rebase, both commands have the same goal: they integrate changes from one branch into another.
|
||||
The post Cherry-Picking Commits 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[The Gap (Design Engineering)]]></title>
|
||||
<id>https://css-tricks.com/?p=357023</id>
|
||||
<link href="https://css-tricks.com/the-gap-design-engineering/"/>
|
||||
<updated>2021-11-17T15:27:19.000Z</updated>
|
||||
<summary type="html"><![CDATA[Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug …
|
||||
The post The Gap (Design Engineering) 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[Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober]]></title>
|
||||
<id>https://smashingmagazine.com/2021/11/touch-design-pre-release/</id>
|
||||
|
|
@ -486,14 +500,4 @@ The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can supp
|
|||
<name>hello@smashingmagazine.com (Freya Giles)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How To Build An Amazon Product Scraper With Node.js]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/</id>
|
||||
<link href="https://smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/"/>
|
||||
<updated>2021-10-28T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[The wealth of data that Amazon holds can make a huge difference when you’re designing a product or hunting for a bargain. But, how can a developer get that data? Simple, by using a web scraper. Here’s how to build your data extraction bot with Node.js.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Robert Sfichi)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
106
index.html
106
index.html
|
|
@ -15,6 +15,62 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-11-26">2021-11-26</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">When is it “Right” to Reach for contain and will-change in CSS?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/when-is-it-right-to-reach-for-contain-and-will-change-in-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change:
|
||||
.el {
|
||||
will-change: opacity;
|
||||
|
||||
…
|
||||
The post When is it “Right” to Reach for contain and will-change in CSS? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Handy Little System for Animated Entrances in CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/a-handy-little-system-for-animated-entrances-in-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>I love little touches that make a website feel like more than just a static document. What if web content wouldn’t just “appear” when a page loaded, but instead popped, slid, faded, or spun into place? It might be a …
|
||||
The post A Handy Little System for Animated Entrances in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How To Maintain A Large Next.js Application</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/11/maintain-large-nextjs-application/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-11-24">2021-11-24</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -184,7 +240,7 @@ The post Which SVG technique performs best for way too many icons? appeared firs
|
|||
<summary class="article-expander__title">Control Layout in a Multi-Directional Website</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/control-layout-in-a-multi-directional-website/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(15 min)</span>
|
||||
<span class="article-reading-time">(16 min)</span>
|
||||
<span>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 …
|
||||
The post Control Layout in a Multi-Directional Website appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -450,30 +506,6 @@ The post What do you get for using a search input type? appeared first on CSS-Tr
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Cherry-Picking Commits in Git</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/cherry-picking-commits-in-git/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>In part 5 of this series, we looked at rebasing and merging. Although there are a couple of differences between git merge and git rebase, both commands have the same goal: they integrate changes from one branch into another.
|
||||
The post Cherry-Picking Commits in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Gap (Design Engineering)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/the-gap-design-engineering/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug …
|
||||
The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -781,31 +813,9 @@ The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can supp
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-28">2021-10-28</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">How To Build An Amazon Product Scraper With Node.js</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span>The wealth of data that Amazon holds can make a huge difference when you’re designing a product or hunting for a bargain. But, how can a developer get that data? Simple, by using a web scraper. Here’s how to build your data extraction bot with Node.js.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-11-26T00:41:50.929Z">2021-11-26T00:41:50.929Z</time>
|
||||
<time id="build-timestamp" datetime="2021-11-27T00:41:17.222Z">2021-11-27T00:41:17.222Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.3</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue