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
92fe63dcc7
commit
7100057fc1
3 changed files with 278 additions and 331 deletions
203
cache.json
203
cache.json
|
|
@ -30,13 +30,31 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352475",
|
||||
"author": "Tobias Günther",
|
||||
"description": "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.\nIn this post, we’re talking about what it takes to produce the \"perfect\" commit.\nThe post Creating the Perfect Commit in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/creating-the-perfect-commit-in-git/",
|
||||
"publishedOn": "2021-09-30T14:29:36.000Z",
|
||||
"wordCount": 2013,
|
||||
"title": "Creating the Perfect Commit in Git"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=350620",
|
||||
"author": "Chris Coyier",
|
||||
"description": "(This is a sponsored post.)\nOf the languages that browsers speak, I’d wager that the very first one that developers decided needed some additional processing was HTML. Every single CMS in the world (aside from intentionally headless-only CMSs) …\nThe post Comparing HTML Preprocessor Features appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/comparing-html-preprocessor-features/",
|
||||
"publishedOn": "2021-09-30T14:00:00.000Z",
|
||||
"wordCount": 2286,
|
||||
"title": "Comparing HTML Preprocessor Features"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352723",
|
||||
"author": "Ollie Williams",
|
||||
"description": "Chrome developer advocate Jake Archibald called 2016 “the year of web streams.” Clearly, his prediction was somewhat premature. The Streams Standard was announced back in 2014. It’s taken a while, but there’s now a consistent streaming API implemented …\nThe post Web Streams Everywhere (and Fetch for Node.js) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/",
|
||||
"publishedOn": "2021-09-29T14:51:25.000Z",
|
||||
"wordCount": 2072,
|
||||
"wordCount": 2250,
|
||||
"title": "Web Streams Everywhere (and Fetch for Node.js)"
|
||||
},
|
||||
{
|
||||
|
|
@ -45,7 +63,7 @@
|
|||
"description": "I was pretty stoked when Chris shared a way to “View Source” on mobile. Sure, it’s not the same as a built-in feature but it allows iOS users like myself a way to peek at a site’s code the …\nThe post Front-End Dev Shortcuts in iOS 15 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/front-end-dev-shortcuts-in-ios-15/",
|
||||
"publishedOn": "2021-09-29T14:51:22.000Z",
|
||||
"wordCount": 1014,
|
||||
"wordCount": 1198,
|
||||
"title": "Front-End Dev Shortcuts in iOS 15"
|
||||
},
|
||||
{
|
||||
|
|
@ -90,7 +108,7 @@
|
|||
"description": "A lot of people these days are setting up their own newsletters. You’ve got the current big names like Substack and MailChimp, companies like Twitter are getting into it with Revue, and even Facebook is getting into the …\nThe post Collecting Email Signups With the Notion API appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/collecting-email-signups-with-the-notion-api/",
|
||||
"publishedOn": "2021-09-27T15:26:01.000Z",
|
||||
"wordCount": 4145,
|
||||
"wordCount": 4239,
|
||||
"title": "Collecting Email Signups With the Notion API"
|
||||
},
|
||||
{
|
||||
|
|
@ -146,29 +164,6 @@
|
|||
"publishedOn": "2021-09-23T14:32:01.000Z",
|
||||
"wordCount": 1627,
|
||||
"title": "Working With GraphQL Caching"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352487",
|
||||
"author": "Jacob Jackson",
|
||||
"description": "(This is a sponsored post.)\nThere is a lot of buzz around apps running on the edge instead of on a centralized server in web development. Running your app on the edge allows your code to be closer to …\nThe post Learn How to Build True Edge Apps With Cloudflare Workers and Fauna appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/learn-how-to-build-true-edge-apps-with-cloudflare-workers-and-fauna/",
|
||||
"publishedOn": "2021-09-23T14:31:12.000Z",
|
||||
"wordCount": 1633,
|
||||
"title": "Learn How to Build True Edge Apps With Cloudflare Workers and Fauna"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352210",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container …\nThe post Container Units Should Be Pretty Handy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/container-units-should-be-pretty-handy/",
|
||||
"publishedOn": "2021-09-22T23:09:44.000Z",
|
||||
"wordCount": 861,
|
||||
"title": "Container Units Should Be Pretty Handy",
|
||||
"enclosure": {
|
||||
"url": "https://css-tricks.com/wp-content/uploads/2021/09/CleanShot-2021-09-17-at-15.06.57.mp4",
|
||||
"length": "36722146",
|
||||
"type": "video/mp4"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -177,13 +172,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/",
|
||||
"author": "hello@smashingmagazine.com (Cosima Mielke)",
|
||||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/",
|
||||
"publishedOn": "2021-09-30T08:00:00.000Z",
|
||||
"wordCount": 2464,
|
||||
"title": "A Time Of Transition (October 2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8987d365-d643-429d-b840-56ff195a9da5/oct-21-autumn-vibes-preview-opt.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/",
|
||||
"author": "hello@smashingmagazine.com (Addy Osmani)",
|
||||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/",
|
||||
"publishedOn": "2021-09-29T08:25:00.000Z",
|
||||
"wordCount": 5044,
|
||||
"wordCount": 5047,
|
||||
"title": "Using Modern Image Formats: AVIF And WebP",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/67b6e428-ea96-41b4-baf2-6be51577910d/modern-image-formats-avif-webp.jpg",
|
||||
|
|
@ -197,7 +206,7 @@
|
|||
"description": "You can find Markdown in many places on the Internet. This article covers different aspects of Markdown and how it interacts with other technology.",
|
||||
"link": "https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/",
|
||||
"publishedOn": "2021-09-28T09:00:00.000Z",
|
||||
"wordCount": 3868,
|
||||
"wordCount": 3864,
|
||||
"title": "Improving The Accessibility Of Your Markdown",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fa95c8d2-8322-4766-ac8d-891dabff0dd6/improving-accessibility-of-markdown.jpg",
|
||||
|
|
@ -211,7 +220,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/",
|
||||
"publishedOn": "2021-09-27T11:30:00.000Z",
|
||||
"wordCount": 4948,
|
||||
"wordCount": 4951,
|
||||
"title": "Let’s Dive Into Cypress For End-to-End Testing",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2c42e65f-5a60-4844-a252-00169b21ab0c/cypress-end-to-end-testing.jpg",
|
||||
|
|
@ -225,7 +234,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/",
|
||||
"publishedOn": "2021-09-24T10:00:00.000Z",
|
||||
"wordCount": 3789,
|
||||
"wordCount": 3792,
|
||||
"title": "Rebuilding A Large E-Commerce Website With Next.js (Case Study)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5f1d9e62-ec85-435a-8899-56ac48b4190b/lessons-learned-ecommerce-nextjs.jpg",
|
||||
|
|
@ -253,7 +262,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/",
|
||||
"publishedOn": "2021-09-23T11:00:00.000Z",
|
||||
"wordCount": 2149,
|
||||
"wordCount": 2152,
|
||||
"title": "Simplifying Form Styles With `accent-color`",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/195a9e83-5686-47fd-80d9-3c1d6dc4655a/simplifying-form-styles-accent-color.jpg",
|
||||
|
|
@ -281,7 +290,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/mouseless-development-environment/",
|
||||
"publishedOn": "2021-09-21T11:30:00.000Z",
|
||||
"wordCount": 4148,
|
||||
"wordCount": 4142,
|
||||
"title": "How To Build Your Own Mouseless Development Environment",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5c58e67b-deff-4745-b162-f60f468469ac/mouseless-development-environment.jpg",
|
||||
|
|
@ -309,7 +318,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/",
|
||||
"publishedOn": "2021-09-20T11:30:00.000Z",
|
||||
"wordCount": 3962,
|
||||
"wordCount": 3955,
|
||||
"title": "Are Imposter Domains Re-Publishing Your Website?",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4504ea89-0356-45c7-a7c1-a5c360ecc471/imposter-domains-republishing-website.jpg",
|
||||
|
|
@ -323,7 +332,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/",
|
||||
"publishedOn": "2021-09-17T09:00:00.000Z",
|
||||
"wordCount": 2572,
|
||||
"wordCount": 2574,
|
||||
"title": "Monetize Open-Source Software With Gatsby Functions And Stripe",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/73f6525b-6678-4db1-a875-16150bc822cd/monetize-open-source-software-gatsby-functions-stripe.jpg",
|
||||
|
|
@ -337,7 +346,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/",
|
||||
"publishedOn": "2021-09-16T12:00:00.000Z",
|
||||
"wordCount": 4500,
|
||||
"wordCount": 4516,
|
||||
"title": "Web Quality Assurance: From User Requirements To Web Risk Management",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/da816ee2-199c-49e8-8f63-f50d1fb5adb7/journey-into-web-quality-assurance.jpg",
|
||||
|
|
@ -365,7 +374,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/reducing-need-pseudo-elements/",
|
||||
"publishedOn": "2021-09-15T10:00:00.000Z",
|
||||
"wordCount": 1932,
|
||||
"wordCount": 1934,
|
||||
"title": "Reducing The Need For Pseudo-Elements",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c994e024-5695-4cf7-b9b6-dc589e547f19/reducing-need-pseudo-elements.jpg",
|
||||
|
|
@ -379,7 +388,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/power-pen-paper-sketching/",
|
||||
"publishedOn": "2021-09-14T09:30:00.000Z",
|
||||
"wordCount": 2082,
|
||||
"wordCount": 2091,
|
||||
"title": "The Power Of Pen And Paper Sketching",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e4a5bd0b-53db-40c2-90d9-9d0a19b8d377/power-pen-paper-sketching.jpg",
|
||||
|
|
@ -393,7 +402,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/",
|
||||
"publishedOn": "2021-09-13T09:00:00.000Z",
|
||||
"wordCount": 2991,
|
||||
"wordCount": 2994,
|
||||
"title": "Orchestrating Complexity With Web Animations API",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/cc4a9b5f-fd83-4fc0-9966-6f98707d1466/orchestrating-complexity-web-animations-api.jpg",
|
||||
|
|
@ -407,7 +416,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/web-design-done-well-excellent-editorial/",
|
||||
"publishedOn": "2021-09-10T10:00:00.000Z",
|
||||
"wordCount": 2033,
|
||||
"wordCount": 2039,
|
||||
"title": "Web Design Done Well: Excellent Editorial",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7af3bbbe-821b-4e3c-870a-f8290ed52212/web-design-done-well-excellent-editorial.jpg",
|
||||
|
|
@ -421,7 +430,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/",
|
||||
"publishedOn": "2021-09-09T10:30:00.000Z",
|
||||
"wordCount": 2055,
|
||||
"wordCount": 2056,
|
||||
"title": "Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/47c6e5fc-73b3-41fe-afb7-b640b860efa0/useswr-react-hook-library-incremental-static-regeneration-nextjs.jpg",
|
||||
|
|
@ -435,7 +444,7 @@
|
|||
"description": "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.",
|
||||
"link": "https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/",
|
||||
"publishedOn": "2021-09-08T10:30:00.000Z",
|
||||
"wordCount": 2855,
|
||||
"wordCount": 2852,
|
||||
"title": "Developer Decisions For Building Flexible Components",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/76d3eef0-2a0a-45e0-b0bb-399da37c3834/developer-decisions-building-flexible-components.jpg",
|
||||
|
|
@ -463,7 +472,7 @@
|
|||
"description": "Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.",
|
||||
"link": "https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/",
|
||||
"publishedOn": "2021-09-07T10:00:00.000Z",
|
||||
"wordCount": 4047,
|
||||
"wordCount": 4038,
|
||||
"title": "What’s New With DevTools: Cross-Browser Edition",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1e0eef0e-e4b0-45b6-8afd-1d1a60b7c53b/devtools-cross-browsers.jpg",
|
||||
|
|
@ -477,7 +486,7 @@
|
|||
"description": "After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well.",
|
||||
"link": "https://smashingmagazine.com/2021/09/http3-practical-deployment-options-part3/",
|
||||
"publishedOn": "2021-09-06T11:00:00.000Z",
|
||||
"wordCount": 9716,
|
||||
"wordCount": 9720,
|
||||
"title": "HTTP/3: Practical Deployment Options (Part 3)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a19cca97-b411-44a6-a8be-e1468a0df78a/http3-practical-deployment-options-part3.jpg",
|
||||
|
|
@ -491,7 +500,7 @@
|
|||
"description": "Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up.",
|
||||
"link": "https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/",
|
||||
"publishedOn": "2021-09-03T11:30:00.000Z",
|
||||
"wordCount": 3569,
|
||||
"wordCount": 3555,
|
||||
"title": "Reducing Carbon Emissions On The Web",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bdef7e38-4e37-4177-a7b3-d74860c7724f/reducing-carbon-emissions-on-web.jpg",
|
||||
|
|
@ -505,41 +514,13 @@
|
|||
"description": "Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.",
|
||||
"link": "https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/",
|
||||
"publishedOn": "2021-09-02T12:00:00.000Z",
|
||||
"wordCount": 2420,
|
||||
"wordCount": 2419,
|
||||
"title": "Interactive Learning Tools For Front-End Developers",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7f13aec3-8dd5-4085-afce-c752db3abfb6/interactive-learning-tools-front-end-developers.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/",
|
||||
"author": "hello@smashingmagazine.com (Dirk Weber)",
|
||||
"description": "What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.",
|
||||
"link": "https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/",
|
||||
"publishedOn": "2021-09-01T10:30:00.000Z",
|
||||
"wordCount": 5578,
|
||||
"title": "A Deep Dive Into The Wonderful World Of SVG Displacement Filtering",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/92af7db6-94b4-4e48-8e20-875af2d5e024/deep-dive-svg-displacement-filtering.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/08/state-management-nextjs/",
|
||||
"author": "hello@smashingmagazine.com (Átila Fassina)",
|
||||
"description": "By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Let’s have a look at some patterns to accomplish all that.",
|
||||
"link": "https://smashingmagazine.com/2021/08/state-management-nextjs/",
|
||||
"publishedOn": "2021-08-31T14:00:00.000Z",
|
||||
"wordCount": 2894,
|
||||
"title": "State Management In Next.js",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7be7a6e9-5d44-4941-8a6c-dfee3435cc9b/state-management-nextjs.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -548,6 +529,42 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "611b08a4e884de075217ff23",
|
||||
"author": null,
|
||||
"description": "The United States Census Bureau estimates that more than 12% of the United States' population is living with a disability. Disabilities can include vision difficulties, hearing difficulties, mobility challenges, and much more. And a person can become disabled at any stage of their life. Since a significant portion of the",
|
||||
"link": "https://www.freecodecamp.org/news/mobile-accessibility/",
|
||||
"publishedOn": "2021-09-30T21:47:00.000Z",
|
||||
"wordCount": 1886,
|
||||
"title": "Accessibility Best Practices for Mobile App Development"
|
||||
},
|
||||
{
|
||||
"id": "6155b8f964aefe07d3fa1234",
|
||||
"author": null,
|
||||
"description": "We use lists all the time in our everyday lives. We create them to structure and organize our days, and we use them to make to-do lists. We use them in recipes so we don't miss any of the steps. And we use them when we want to assemble a",
|
||||
"link": "https://www.freecodecamp.org/news/html-bullet-points-how-to-create-an-unordered-list-with-the-ul-tag-example/",
|
||||
"publishedOn": "2021-09-30T17:31:40.000Z",
|
||||
"wordCount": 1234,
|
||||
"title": "HTML Bullet Points – How to Create an Unordered List with the <ul> Tag Example"
|
||||
},
|
||||
{
|
||||
"id": "613f3c6d852f4307d372c7ca",
|
||||
"author": null,
|
||||
"description": "In SQL, you can make a database query and use the COUNT function to get the number of rows for a particular group in the table. In this article, I will show you how to use the COUNT function with a few code examples. What is the COUNT function in",
|
||||
"link": "https://www.freecodecamp.org/news/sql-distinct-statement-how-to-query-select-and-count/",
|
||||
"publishedOn": "2021-09-30T16:24:19.000Z",
|
||||
"wordCount": 1065,
|
||||
"title": "SQL Distinct Statement – How to Query, Select, and Count"
|
||||
},
|
||||
{
|
||||
"id": "6155d5c364aefe07d3fa1467",
|
||||
"author": null,
|
||||
"description": "Almost every software developer uses git. Many use it continually throughout the day. While you may already know the very basics of git, your productivity will be increased if you learn some advanced git concepts. We just released a git course on the freeCodeCamp.org YouTube channel that will help",
|
||||
"link": "https://www.freecodecamp.org/news/git-for-professionals/",
|
||||
"publishedOn": "2021-09-30T15:29:20.000Z",
|
||||
"wordCount": 5941,
|
||||
"title": "Git for Professionals – Free Version Control Course"
|
||||
},
|
||||
{
|
||||
"id": "612cbfe4b5177808226d4a4b",
|
||||
"author": null,
|
||||
|
|
@ -587,10 +604,10 @@
|
|||
{
|
||||
"id": "6153616d64aefe07d3fa049a",
|
||||
"author": null,
|
||||
"description": "Building projects is a great way to build your skills, especially when it comes to web development. We just published an HTML & CSS course on the freeCodeCamp.org YouTube channel teach you how to build a recipe website. John Smilga developed this course. He is one of the most",
|
||||
"description": "Building projects is a great way to build your skills, especially when it comes to web development. We just published an HTML & CSS course on the freeCodeCamp.org YouTube channel that will teach you how to build a recipe website. John Smilga developed this course. He is one of",
|
||||
"link": "https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/",
|
||||
"publishedOn": "2021-09-28T18:56:03.000Z",
|
||||
"wordCount": 22802,
|
||||
"wordCount": 22805,
|
||||
"title": "HTML / CSS Tutorial - Build a Recipe Website"
|
||||
},
|
||||
{
|
||||
|
|
@ -601,42 +618,6 @@
|
|||
"publishedOn": "2021-09-28T17:36:52.000Z",
|
||||
"wordCount": 968,
|
||||
"title": "How to Publish an HTML Website on Netlify or GitHub Pages"
|
||||
},
|
||||
{
|
||||
"id": "615233ec64aefe07d3f9fdb4",
|
||||
"author": null,
|
||||
"description": "Sentry.io is an external monitoring and logging service which can help you identify and triage errors in your code. These logs provide information such as a trace stack, breadcrumbs, and (assuming this is a web application) browser data. This can help you triage issues and resolve bugs faster, with",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-add-sentry-to-your-node-js-project-with-typescript/",
|
||||
"publishedOn": "2021-09-28T16:24:26.000Z",
|
||||
"wordCount": 1195,
|
||||
"title": "How to Add Sentry to Your Node.js Project with TypeScript"
|
||||
},
|
||||
{
|
||||
"id": "614e05eeccc97307eb2bc165",
|
||||
"author": null,
|
||||
"description": "Raise your hand if your typical HTML layout looks like this: <body> \t<div class=\"header\" id=\"site-header\"> \t\t<div class=\"site-nav\"> \t\t\t<ul> \t\t\t\t<li><a href=\"/\">Home</a></li> \t\t\t\t<li><a href=\"/\">",
|
||||
"link": "https://www.freecodecamp.org/news/semantic-html-alternatives-to-using-divs/",
|
||||
"publishedOn": "2021-09-28T16:00:39.000Z",
|
||||
"wordCount": 1698,
|
||||
"title": "Semantic HTML Guide – 10 Alternatives to Using divs"
|
||||
},
|
||||
{
|
||||
"id": "6149e65e9456b407b870fdc5",
|
||||
"author": null,
|
||||
"description": "GitHub is a collection of web-based tools that helps you work with version control and Git methodologies. With the help of GitHub, you can create, manage, and collaborate on projects with multiple other team members. You keep the project folders and files in a store (file system) on GitHub. This",
|
||||
"link": "https://www.freecodecamp.org/news/increase-engagement-on-your-public-github-repositories/",
|
||||
"publishedOn": "2021-09-28T00:05:11.000Z",
|
||||
"wordCount": 1737,
|
||||
"title": "GitHub Repo Guide – How to Increase Engagement on your Public GitHub Repositories"
|
||||
},
|
||||
{
|
||||
"id": "613b2c1a852f4307d372b02f",
|
||||
"author": null,
|
||||
"description": "Emoji help you express feelings and emotions beyond texts. They also bring liveliness into conversations in a fun and concise way. But sometimes it's hard to find the right emoji to use, so I decided to prepare a giant table of them that you can simply copy and paste into",
|
||||
"link": "https://www.freecodecamp.org/news/all-emojis-emoji-list-for-copy-and-paste/",
|
||||
"publishedOn": "2021-09-27T21:04:00.000Z",
|
||||
"wordCount": 7670,
|
||||
"title": "All Emojis – Emoji List for Copy and Paste"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
163
feed.atom
163
feed.atom
|
|
@ -1,10 +1,84 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-09-30T00:47:08.483Z</id>
|
||||
<id>urn:2021-10-01T00:45:08.865Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-09-30T00:47:08.483Z</updated>
|
||||
<updated>2021-10-01T00:45:08.865Z</updated>
|
||||
<generator>osmosfeed 1.11.2</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Accessibility Best Practices for Mobile App Development]]></title>
|
||||
<id>611b08a4e884de075217ff23</id>
|
||||
<link href="https://www.freecodecamp.org/news/mobile-accessibility/"/>
|
||||
<updated>2021-09-30T21:47:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[The United States Census Bureau estimates that more than 12% of the United States' population is living with a disability. Disabilities can include vision difficulties, hearing difficulties, mobility challenges, and much more. And a person can become disabled at any stage of their life. Since a significant portion of the]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[HTML Bullet Points – How to Create an Unordered List with the <ul> Tag Example]]></title>
|
||||
<id>6155b8f964aefe07d3fa1234</id>
|
||||
<link href="https://www.freecodecamp.org/news/html-bullet-points-how-to-create-an-unordered-list-with-the-ul-tag-example/"/>
|
||||
<updated>2021-09-30T17:31:40.000Z</updated>
|
||||
<summary type="html"><![CDATA[We use lists all the time in our everyday lives. We create them to structure and organize our days, and we use them to make to-do lists. We use them in recipes so we don't miss any of the steps. And we use them when we want to assemble a]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[SQL Distinct Statement – How to Query, Select, and Count]]></title>
|
||||
<id>613f3c6d852f4307d372c7ca</id>
|
||||
<link href="https://www.freecodecamp.org/news/sql-distinct-statement-how-to-query-select-and-count/"/>
|
||||
<updated>2021-09-30T16:24:19.000Z</updated>
|
||||
<summary type="html"><![CDATA[In SQL, you can make a database query and use the COUNT function to get the number of rows for a particular group in the table. In this article, I will show you how to use the COUNT function with a few code examples. What is the COUNT function in]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Git for Professionals – Free Version Control Course]]></title>
|
||||
<id>6155d5c364aefe07d3fa1467</id>
|
||||
<link href="https://www.freecodecamp.org/news/git-for-professionals/"/>
|
||||
<updated>2021-09-30T15:29:20.000Z</updated>
|
||||
<summary type="html"><![CDATA[Almost every software developer uses git. Many use it continually throughout the day. While you may already know the very basics of git, your productivity will be increased if you learn some advanced git concepts. We just released a git course on the freeCodeCamp.org YouTube channel that will help]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</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[Comparing HTML Preprocessor Features]]></title>
|
||||
<id>https://css-tricks.com/?p=350620</id>
|
||||
<link href="https://css-tricks.com/comparing-html-preprocessor-features/"/>
|
||||
<updated>2021-09-30T14:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[(This is a sponsored post.)
|
||||
Of the languages that browsers speak, I’d wager that the very first one that developers decided needed some additional processing was HTML. Every single CMS in the world (aside from intentionally headless-only CMSs) …
|
||||
The post Comparing HTML Preprocessor Features 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 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[SQL Count – How to Select, Sum, and Average Rows in SQL]]></title>
|
||||
<id>612cbfe4b5177808226d4a4b</id>
|
||||
|
|
@ -95,7 +169,7 @@ The post So many little design helper sites! appeared first on CSS-Tricks. You c
|
|||
<id>6153616d64aefe07d3fa049a</id>
|
||||
<link href="https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/"/>
|
||||
<updated>2021-09-28T18:56:03.000Z</updated>
|
||||
<summary type="html"><![CDATA[Building projects is a great way to build your skills, especially when it comes to web development. We just published an HTML & CSS course on the freeCodeCamp.org YouTube channel teach you how to build a recipe website. John Smilga developed this course. He is one of the most]]></summary>
|
||||
<summary type="html"><![CDATA[Building projects is a great way to build your skills, especially when it comes to web development. We just published an HTML & CSS course on the freeCodeCamp.org YouTube channel that will teach you how to build a recipe website. John Smilga developed this course. He is one of]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
|
|
@ -110,26 +184,6 @@ The post So many little design helper sites! appeared first on CSS-Tricks. You c
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Add Sentry to Your Node.js Project with TypeScript]]></title>
|
||||
<id>615233ec64aefe07d3f9fdb4</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-add-sentry-to-your-node-js-project-with-typescript/"/>
|
||||
<updated>2021-09-28T16:24:26.000Z</updated>
|
||||
<summary type="html"><![CDATA[Sentry.io is an external monitoring and logging service which can help you identify and triage errors in your code. These logs provide information such as a trace stack, breadcrumbs, and (assuming this is a web application) browser data. This can help you triage issues and resolve bugs faster, with]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Semantic HTML Guide – 10 Alternatives to Using divs]]></title>
|
||||
<id>614e05eeccc97307eb2bc165</id>
|
||||
<link href="https://www.freecodecamp.org/news/semantic-html-alternatives-to-using-divs/"/>
|
||||
<updated>2021-09-28T16:00:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[Raise your hand if your typical HTML layout looks like this: <body> <div class="header" id="site-header"> <div class="site-nav"> <ul> <li><a href="/">Home</a></li> <li><a href="/">]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[iOS Browser Choice]]></title>
|
||||
<id>https://css-tricks.com/?p=352681</id>
|
||||
|
|
@ -164,26 +218,6 @@ The post Web Unleashed is Back! (Use Coupon Code “CSS-Tricks” for 50% Off) a
|
|||
<name>hello@smashingmagazine.com (Eric Bailey)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[GitHub Repo Guide – How to Increase Engagement on your Public GitHub Repositories]]></title>
|
||||
<id>6149e65e9456b407b870fdc5</id>
|
||||
<link href="https://www.freecodecamp.org/news/increase-engagement-on-your-public-github-repositories/"/>
|
||||
<updated>2021-09-28T00:05:11.000Z</updated>
|
||||
<summary type="html"><![CDATA[GitHub is a collection of web-based tools that helps you work with version control and Git methodologies. With the help of GitHub, you can create, manage, and collaborate on projects with multiple other team members. You keep the project folders and files in a store (file system) on GitHub. This]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[All Emojis – Emoji List for Copy and Paste]]></title>
|
||||
<id>613b2c1a852f4307d372b02f</id>
|
||||
<link href="https://www.freecodecamp.org/news/all-emojis-emoji-list-for-copy-and-paste/"/>
|
||||
<updated>2021-09-27T21:04:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Emoji help you express feelings and emotions beyond texts. They also bring liveliness into conversations in a fun and concise way. But sometimes it's hard to find the right emoji to use, so I decided to prepare a giant table of them that you can simply copy and paste into]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Tonic (Component Framework)]]></title>
|
||||
<id>https://css-tricks.com/?p=352621</id>
|
||||
|
|
@ -320,18 +354,6 @@ The post Working With GraphQL Caching appeared first on CSS-Tricks. You can supp
|
|||
<name>Jamie Barton</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Learn How to Build True Edge Apps With Cloudflare Workers and Fauna]]></title>
|
||||
<id>https://css-tricks.com/?p=352487</id>
|
||||
<link href="https://css-tricks.com/learn-how-to-build-true-edge-apps-with-cloudflare-workers-and-fauna/"/>
|
||||
<updated>2021-09-23T14:31:12.000Z</updated>
|
||||
<summary type="html"><![CDATA[(This is a sponsored post.)
|
||||
There is a lot of buzz around apps running on the edge instead of on a centralized server in web development. Running your app on the edge allows your code to be closer to …
|
||||
The post Learn How to Build True Edge Apps With Cloudflare Workers and Fauna appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Jacob Jackson</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>
|
||||
|
|
@ -342,17 +364,6 @@ The post Learn How to Build True Edge Apps With Cloudflare Workers and Fauna app
|
|||
<name>hello@smashingmagazine.com (Michelle Barker)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Container Units Should Be Pretty Handy]]></title>
|
||||
<id>https://css-tricks.com/?p=352210</id>
|
||||
<link href="https://css-tricks.com/container-units-should-be-pretty-handy/"/>
|
||||
<updated>2021-09-22T23:09:44.000Z</updated>
|
||||
<summary type="html"><![CDATA[Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container …
|
||||
The post Container Units Should Be Pretty Handy 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[Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/css-head-tag/</id>
|
||||
|
|
@ -544,24 +555,4 @@ Thank you @ad-m]]></summary>
|
|||
<name>hello@smashingmagazine.com (Louis Lazaris)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Deep Dive Into The Wonderful World Of SVG Displacement Filtering]]></title>
|
||||
<id>https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/</id>
|
||||
<link href="https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/"/>
|
||||
<updated>2021-09-01T10:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Dirk Weber)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[State Management In Next.js]]></title>
|
||||
<id>https://smashingmagazine.com/2021/08/state-management-nextjs/</id>
|
||||
<link href="https://smashingmagazine.com/2021/08/state-management-nextjs/"/>
|
||||
<updated>2021-08-31T14:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Let’s have a look at some patterns to accomplish all that.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Átila Fassina)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
243
index.html
243
index.html
|
|
@ -15,6 +15,110 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-30">2021-09-30</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">Creating the Perfect Commit in Git</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/creating-the-perfect-commit-in-git/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Comparing HTML Preprocessor Features</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/comparing-html-preprocessor-features/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>(This is a sponsored post.)
|
||||
Of the languages that browsers speak, I’d wager that the very first one that developers decided needed some additional processing was HTML. Every single CMS in the world (aside from intentionally headless-only CMSs) …
|
||||
The post Comparing HTML Preprocessor Features 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.freecodecamp.org/news">freeCodeCamp.org</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Accessibility Best Practices for Mobile App Development</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/mobile-accessibility/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>The United States Census Bureau estimates that more than 12% of the United States' population is living with a disability. Disabilities can include vision difficulties, hearing difficulties, mobility challenges, and much more. And a person can become disabled at any stage of their life. Since a significant portion of the</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">HTML Bullet Points – How to Create an Unordered List with the <ul> Tag Example</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/html-bullet-points-how-to-create-an-unordered-list-with-the-ul-tag-example/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>We use lists all the time in our everyday lives. We create them to structure and organize our days, and we use them to make to-do lists. We use them in recipes so we don't miss any of the steps. And we use them when we want to assemble a</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">SQL Distinct Statement – How to Query, Select, and Count</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/sql-distinct-statement-how-to-query-select-and-count/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>In SQL, you can make a database query and use the COUNT function to get the number of rows for a particular group in the table. In this article, I will show you how to use the COUNT function with a few code examples. What is the COUNT function in</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Git for Professionals – Free Version Control Course</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/git-for-professionals/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(20 min)</span>
|
||||
<span>Almost every software developer uses git. Many use it continually throughout the day. While you may already know the very basics of git, your productivity will be increased if you learn some advanced git concepts. We just released a git course on the freeCodeCamp.org YouTube channel that will help</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">A Time Of Transition (October 2021 Desktop Wallpapers Edition)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-29">2021-09-29</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -27,7 +131,7 @@
|
|||
<summary class="article-expander__title">Web Streams Everywhere (and Fetch for Node.js)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Chrome developer advocate Jake Archibald called 2016 “the year of web streams.” Clearly, his prediction was somewhat premature. The Streams Standard was announced back in 2014. It’s taken a while, but there’s now a consistent streaming API implemented …
|
||||
The post Web Streams Everywhere (and Fetch for Node.js) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -39,7 +143,7 @@ The post Web Streams Everywhere (and Fetch for Node.js) appeared first on CSS-Tr
|
|||
<summary class="article-expander__title">Front-End Dev Shortcuts in iOS 15</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/front-end-dev-shortcuts-in-ios-15/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>I was pretty stoked when Chris shared a way to “View Source” on mobile. Sure, it’s not the same as a built-in feature but it allows iOS users like myself a way to peek at a site’s code the …
|
||||
The post Front-End Dev Shortcuts in iOS 15 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -176,7 +280,7 @@ The post Web Unleashed is Back! (Use Coupon Code “CSS-Tricks” for 50% Off) a
|
|||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(76 min)</span>
|
||||
<span>Building projects is a great way to build your skills, especially when it comes to web development. We just published an HTML & CSS course on the freeCodeCamp.org YouTube channel teach you how to build a recipe website. John Smilga developed this course. He is one of the most</span>
|
||||
<span>Building projects is a great way to build your skills, especially when it comes to web development. We just published an HTML & CSS course on the freeCodeCamp.org YouTube channel that will teach you how to build a recipe website. John Smilga developed this course. He is one of</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
|
|
@ -192,43 +296,6 @@ The post Web Unleashed is Back! (Use Coupon Code “CSS-Tricks” for 50% Off) a
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Add Sentry to Your Node.js Project with TypeScript</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-add-sentry-to-your-node-js-project-with-typescript/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Sentry.io is an external monitoring and logging service which can help you identify and triage errors in your code. These logs provide information such as a trace stack, breadcrumbs, and (assuming this is a web application) browser data. This can help you triage issues and resolve bugs faster, with</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Semantic HTML Guide – 10 Alternatives to Using divs</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/semantic-html-alternatives-to-using-divs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Raise your hand if your typical HTML layout looks like this:
|
||||
|
||||
|
||||
|
||||
Home</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">GitHub Repo Guide – How to Increase Engagement on your Public GitHub Repositories</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/increase-engagement-on-your-public-github-repositories/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>GitHub is a collection of web-based tools that helps you work with version control and Git methodologies. With the help of GitHub, you can create, manage, and collaborate on projects with multiple other team members. You keep the project folders and files in a store (file system) on GitHub. This</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -283,23 +350,6 @@ The post Collecting Email Signups With the Notion API appeared first on CSS-Tric
|
|||
</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">All Emojis – Emoji List for Copy and Paste</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/all-emojis-emoji-list-for-copy-and-paste/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(26 min)</span>
|
||||
<span>Emoji help you express feelings and emotions beyond texts. They also bring liveliness into conversations in a fun and concise way. But sometimes it's hard to find the right emoji to use, so I decided to prepare a giant table of them that you can simply copy and paste into</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>
|
||||
|
|
@ -309,7 +359,7 @@ The post Collecting Email Signups With the Notion API appeared first on CSS-Tric
|
|||
<summary class="article-expander__title">Let’s Dive Into Cypress For End-to-End Testing</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(16 min)</span>
|
||||
<span class="article-reading-time">(17 min)</span>
|
||||
<span>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.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -468,19 +518,6 @@ The post Working With GraphQL Caching appeared first on CSS-Tricks. You can supp
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Learn How to Build True Edge Apps With Cloudflare Workers and Fauna</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/learn-how-to-build-true-edge-apps-with-cloudflare-workers-and-fauna/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>(This is a sponsored post.)
|
||||
There is a lot of buzz around apps running on the edge instead of on a centralized server in web development. Running your app on the edge allows your code to be closer to …
|
||||
The post Learn How to Build True Edge Apps With Cloudflare Workers and Fauna 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">
|
||||
|
|
@ -505,24 +542,6 @@ The post Learn How to Build True Edge Apps With Cloudflare Workers and Fauna app
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-22">2021-09-22</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">Container Units Should Be Pretty Handy</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/container-units-should-be-pretty-handy/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container …
|
||||
The post Container Units Should Be Pretty Handy 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>
|
||||
|
|
@ -901,53 +920,9 @@ Thank you @ad-m</span>
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-09-01">2021-09-01</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">A Deep Dive Into The Wonderful World Of SVG Displacement Filtering</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(19 min)</span>
|
||||
<span>What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-08-31">2021-08-31</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">State Management In Next.js</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/state-management-nextjs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Let’s have a look at some patterns to accomplish all that.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-09-30T00:47:08.468Z">2021-09-30T00:47:08.468Z</time>
|
||||
<time id="build-timestamp" datetime="2021-10-01T00:45:08.849Z">2021-10-01T00:45:08.849Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.2</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue