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
07914585b7
commit
3ccf0de32a
3 changed files with 303 additions and 295 deletions
196
cache.json
196
cache.json
|
|
@ -11,6 +11,33 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=346259",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Great little project from Ross Moody: \nSVG Gobbler is a browser extension that finds the vector content on the page you’re viewing and gives you the option to download, optimize, copy, view the code, or export it as an image.\n…\nThe post SVG Gobbler appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/svg-gobbler/",
|
||||
"publishedOn": "2021-08-06T19:32:54.000Z",
|
||||
"wordCount": 757,
|
||||
"title": "SVG Gobbler"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345467",
|
||||
"author": "Andy Ford",
|
||||
"description": "I recently wrote a very basic Sass loop that outputs several padding and margin utility classes. Nothing fancy, really, just a Sass map with 11 spacing values, looped over to create classes for both padding and margin on each side. …\nThe post Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc() appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/efficient-infinite-utility-helpers-using-inline-css-custom-properties-and-calc/",
|
||||
"publishedOn": "2021-08-06T14:55:06.000Z",
|
||||
"wordCount": 1799,
|
||||
"title": "Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345878",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Donnie D’Amato built a whole site around the thesis that “digital designers still expect to use the grid while experienced layout engineers have moved beyond it.” The idea isn’t that we should never literally use display: grid; but rather that …\nThe post gridless.design appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://gridless.design/",
|
||||
"publishedOn": "2021-08-06T14:48:14.000Z",
|
||||
"wordCount": 65,
|
||||
"title": "gridless.design"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345418",
|
||||
"author": "Hugh Haworth",
|
||||
|
|
@ -22,11 +49,11 @@
|
|||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345552",
|
||||
"author": "Fauna",
|
||||
"author": "Shadid Haque",
|
||||
"description": "(This is a sponsored post.)\nFlutter is Google’s UI framework used to create flexible, expressive cross-platform mobile applications. It is one of the fastest-growing frameworks for mobile app development. On the other hand, Fauna is a transactional, developer-friendly serverless …\nThe post How to Build a Full-Stack Mobile Application With Flutter, Fauna, and GraphQL appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/how-to-build-a-full-stack-mobile-application-with-flutter-fauna-and-graphql/",
|
||||
"publishedOn": "2021-08-05T09:23:00.000Z",
|
||||
"wordCount": 3141,
|
||||
"wordCount": 3145,
|
||||
"title": "How to Build a Full-Stack Mobile Application With Flutter, Fauna, and GraphQL"
|
||||
},
|
||||
{
|
||||
|
|
@ -35,7 +62,7 @@
|
|||
"description": "You gotta appreciate the tenacity of Surma. He’s been advocating for Web Workers as a path forward to better-feeling websites for a lot of years now. He’s at it again making sure we all understand the landscape:\n[…] regardless \n…\nThe post The State Of Web Workers In 2021 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.smashingmagazine.com/2021/06/web-workers-2021/",
|
||||
"publishedOn": "2021-08-04T23:44:06.000Z",
|
||||
"wordCount": 4730,
|
||||
"wordCount": 4732,
|
||||
"title": "The State Of Web Workers In 2021"
|
||||
},
|
||||
{
|
||||
|
|
@ -44,7 +71,7 @@
|
|||
"description": "Straight across or down, that’s the proverbial order for user controls on a screen. Like a list of menu items. But what if we change that to a more fluid layout with bends, curves, and nooks? We can pull it …\nThe post Using CSS Shapes for Interesting User Controls and Navigation appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/using-css-shapes-for-interesting-user-controls-and-navigation/",
|
||||
"publishedOn": "2021-08-04T14:13:45.000Z",
|
||||
"wordCount": 1496,
|
||||
"wordCount": 1515,
|
||||
"title": "Using CSS Shapes for Interesting User Controls and Navigation"
|
||||
},
|
||||
{
|
||||
|
|
@ -118,33 +145,6 @@
|
|||
"publishedOn": "2021-07-29T19:49:32.000Z",
|
||||
"wordCount": 1729,
|
||||
"title": "GitHub Explains the Open Graph Images"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=344993",
|
||||
"author": "Loren Sands-Ramshaw",
|
||||
"description": "John Resig and I recently self-published our book on GraphQL. There are tons of how-tos for self-publishing a book, or even online classes, but very little in the way of why you would want to, or whether it’s even worth …\nThe post So you want to self-publish books and courses on programming appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/so-you-want-to-self-publish-books-and-courses-on-programming/",
|
||||
"publishedOn": "2021-07-29T14:54:00.000Z",
|
||||
"wordCount": 1732,
|
||||
"title": "So you want to self-publish books and courses on programming"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345260",
|
||||
"author": "Chris Coyier",
|
||||
"description": "(This is a sponsored post.)\nI’d wager to say that most websites that are business-minded have accounts. A way to log into them. Social media sites, eCommerce sites, CMS systems, you name it, having accounts people log into is …\nThe post Developer-Friendly Passwordless Auth appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/developer-friendly-passwordless-auth/",
|
||||
"publishedOn": "2021-07-29T14:47:47.000Z",
|
||||
"wordCount": 1395,
|
||||
"title": "Developer-Friendly Passwordless Auth"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=345404",
|
||||
"author": "Chris Coyier",
|
||||
"description": "It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other …\nThe post Safari 15 Opinions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/safari-15-opinions/",
|
||||
"publishedOn": "2021-07-28T20:21:55.000Z",
|
||||
"wordCount": 1390,
|
||||
"title": "Safari 15 Opinions"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -153,13 +153,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/08/useful-vscode-extensions-web-developers/",
|
||||
"author": "hello@smashingmagazine.com (Leonardo Losoviz)",
|
||||
"description": "VS Code can be supercharged wuth hundreds of [VS Code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/). In this article, Leonardo shares four useful extensions that help him in his daily work.",
|
||||
"link": "https://smashingmagazine.com/2021/08/useful-vscode-extensions-web-developers/",
|
||||
"publishedOn": "2021-08-06T10:00:00.000Z",
|
||||
"wordCount": 571,
|
||||
"title": "Four Useful VSCode Extensions For Web Developers",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2f984846-0510-48f5-a415-326027d14a88/3-useful-vscode-extensions-web-developers.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/",
|
||||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||||
"description": "How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Let’s find out.",
|
||||
"link": "https://smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/",
|
||||
"publishedOn": "2021-08-05T13:30:00.000Z",
|
||||
"wordCount": 6565,
|
||||
"wordCount": 6562,
|
||||
"title": "Frustrating Design Patterns: Disabled Buttons",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b9a10b5d-3bad-4083-a83c-082ff772fa9f/frustrating-design-patterns-disabled-buttons.jpg",
|
||||
|
|
@ -173,7 +187,7 @@
|
|||
"description": "In this article, we’ll discuss and learn about the use case of iterating over React `children` and the ways to do it. In particular, we will deep dive into one of the utility methods, `React.Children.toArray`, that React gives us, which helps to iterate over the children in a way which ensures performance and determinism.",
|
||||
"link": "https://smashingmagazine.com/2021/08/react-children-iteration-methods/",
|
||||
"publishedOn": "2021-08-04T10:30:00.000Z",
|
||||
"wordCount": 3331,
|
||||
"wordCount": 3322,
|
||||
"title": "React Children And Iteration Methods",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ae9c0d62-009e-45c0-a600-d747533e49e5/react-children-iteration-methods.jpg",
|
||||
|
|
@ -187,7 +201,7 @@
|
|||
"description": "Resilience is intrinsic to the web and therefore us, web developers. This article explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures better equips us before, during, and after an error occurs.",
|
||||
"link": "https://smashingmagazine.com/2021/08/build-resilient-javascript-ui/",
|
||||
"publishedOn": "2021-08-03T11:00:00.000Z",
|
||||
"wordCount": 2940,
|
||||
"wordCount": 2936,
|
||||
"title": "How To Build Resilient JavaScript UIs",
|
||||
"enclosure": {
|
||||
"url": "blob:http://www.smashingmagazine.com/c8b93225-8b34-431c-94f1-2f2d0a4fb95a",
|
||||
|
|
@ -201,7 +215,7 @@
|
|||
"description": "In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.",
|
||||
"link": "https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/",
|
||||
"publishedOn": "2021-08-02T11:00:00.000Z",
|
||||
"wordCount": 5975,
|
||||
"wordCount": 5973,
|
||||
"title": "Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1005065b-5daf-4b21-8ac6-89b91effa5b9/refactoring-css-strategy-regression-testing-maintenance-part2.jpg",
|
||||
|
|
@ -215,7 +229,7 @@
|
|||
"description": "New month, new wallpapers! In this post, you’ll find unique and inspiring wallpapers for August 2021. Created with love by the community for the community, they come in versions with and without a calendar for the month.",
|
||||
"link": "https://smashingmagazine.com/2021/07/desktop-wallpaper-calendars-august-2021/",
|
||||
"publishedOn": "2021-07-31T07:15:00.000Z",
|
||||
"wordCount": 2509,
|
||||
"wordCount": 2516,
|
||||
"title": "Good Vibes In August (2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/44276d4d-0b57-4f7a-91cd-c6f3708d09d7/aug-21-cowabunga-preview-opt.png",
|
||||
|
|
@ -229,7 +243,7 @@
|
|||
"description": "Having an e-commerce store is crucial for any store owner as more and more customers are turning to online shopping. In this tutorial, we shall go through how to create an e-commerce site with Angular 11. The site will use the Commerce Layer as a headless e-commerce API and use Paypal to process payments.",
|
||||
"link": "https://smashingmagazine.com/2021/07/ecommerce-angular11-headless-paypal/",
|
||||
"publishedOn": "2021-07-30T11:00:00.000Z",
|
||||
"wordCount": 12534,
|
||||
"wordCount": 12535,
|
||||
"title": "How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/959013b7-26f7-4620-af11-f26f306c1512/ecommerce-angular11-headless-paypal.jpg",
|
||||
|
|
@ -243,7 +257,7 @@
|
|||
"description": "What are absolute units? What are the differences between relative and absolute units, and how do we create accurate sizes on the web? In this article, Elad Shechter explains why CSS absolute units aren’t so absolute.",
|
||||
"link": "https://smashingmagazine.com/2021/07/css-absolute-units/",
|
||||
"publishedOn": "2021-07-29T10:30:00.000Z",
|
||||
"wordCount": 2948,
|
||||
"wordCount": 2945,
|
||||
"title": "There Is No Such Thing As A CSS Absolute Unit",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/6ee35630-bbe1-486c-8877-dacdd4b12869/css-absolute-units.jpg",
|
||||
|
|
@ -257,7 +271,7 @@
|
|||
"description": "Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs.",
|
||||
"link": "https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/",
|
||||
"publishedOn": "2021-07-28T11:00:00.000Z",
|
||||
"wordCount": 3070,
|
||||
"wordCount": 3082,
|
||||
"title": "Creating An Accessible Dialog From Scratch",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4ef51448-125a-4906-98f1-11af0e3fad58/accessible-dialog-from-scratch.jpg",
|
||||
|
|
@ -271,7 +285,7 @@
|
|||
"description": "Next.js has strong opinions about how to organize JavaScript but not CSS. How can we develop patterns that encourage best CSS practices while also following the framework’s logic? The answer is surprisingly simple — to write well-structured CSS that balances global and local styling concerns.",
|
||||
"link": "https://smashingmagazine.com/2021/07/global-local-styling-nextjs/",
|
||||
"publishedOn": "2021-07-27T11:00:00.000Z",
|
||||
"wordCount": 3562,
|
||||
"wordCount": 3557,
|
||||
"title": "Global vs. Local Styling In Next.js",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a1756133-541e-429d-82dd-fb6f3988ef56/global-local-styling-nextjs.jpg",
|
||||
|
|
@ -285,7 +299,7 @@
|
|||
"description": "Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to get the current location of the International Space Station (ISS) as it orbits the Earth in real-time using [Gatsby Functions](https://www.gatsbyjs.com/docs/reference/functions/) and then display it on a 3D interactive globe using [React Three Fibre](https://github.com/pmndrs/react-three-fiber).",
|
||||
"link": "https://smashingmagazine.com/2021/07/gatsby-serverless-functions-international-space-station/",
|
||||
"publishedOn": "2021-07-26T10:30:00.000Z",
|
||||
"wordCount": 3085,
|
||||
"wordCount": 3075,
|
||||
"title": "Gatsby Serverless Functions And The International Space Station",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c07c5052-399e-4aee-aa83-706eb1f0c1b6/gatsby-serverless-functions-international-space-station.jpg",
|
||||
|
|
@ -299,7 +313,7 @@
|
|||
"description": "Many web design agencies consider it a badge of honor that they win work exclusively through word-of-mouth recommendations. In this article, Paul Boag explains why that is entirely the wrong attitude and what to do about it.",
|
||||
"link": "https://smashingmagazine.com/2021/07/guide-attracting-clients-agency/",
|
||||
"publishedOn": "2021-07-23T11:00:00.000Z",
|
||||
"wordCount": 3390,
|
||||
"wordCount": 3404,
|
||||
"title": "A Guide To Attracting Clients To Your Agency",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1d72d311-2839-48d2-8d23-dbe8951c4ab5/guide-attracting-clients-agency.jpg",
|
||||
|
|
@ -327,7 +341,7 @@
|
|||
"description": "Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately — to help you get the most out of your creativity. We’ve also just recently covered [CSS auditing tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS generators](https://www.smashingmagazine.com/2021/03/css-generators/), [accessible front-end components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/), [front-end boilerplates](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) and [VS code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — you might find them useful, too.",
|
||||
"link": "https://smashingmagazine.com/2021/07/color-tools-resources/",
|
||||
"publishedOn": "2021-07-21T13:00:00.000Z",
|
||||
"wordCount": 3054,
|
||||
"wordCount": 3055,
|
||||
"title": "Color Tools And Resources",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/17380a77-f247-450e-be45-2b2e139f7a33/cool-backgrounds.png",
|
||||
|
|
@ -355,7 +369,7 @@
|
|||
"description": "By adding visual elements to your tests, you can gain more options to add meaningful ways in maintaining a high level of quality for your app. Colby Fayock explains how.",
|
||||
"link": "https://smashingmagazine.com/2021/07/maintaining-end-to-end-quality-visual-testing/",
|
||||
"publishedOn": "2021-07-19T10:30:00.000Z",
|
||||
"wordCount": 4469,
|
||||
"wordCount": 4471,
|
||||
"title": "Maintaining End-To-End Quality With Visual Testing",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/565523e3-0845-4042-9cd1-b3e48c75519d/maintaining-end-to-end-quality-visual-testing.jpg",
|
||||
|
|
@ -369,7 +383,7 @@
|
|||
"description": "Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns.",
|
||||
"link": "https://smashingmagazine.com/2021/07/three-insights-vuejs-accessibility/",
|
||||
"publishedOn": "2021-07-16T13:00:00.000Z",
|
||||
"wordCount": 4800,
|
||||
"wordCount": 4783,
|
||||
"title": "Three Insights I Gained While Researching Vue.js Accessibility",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/c3908803-4ddc-4820-8f4e-85e11b4ebbb7/three-insights-vuejs-accessibility.jpg",
|
||||
|
|
@ -383,7 +397,7 @@
|
|||
"description": "There are two strategies for incrementally building websites that are growing in popularity: Incremental Static Regeneration and Distributed Persistent Rendering. What’s the difference? Let’s figure it out.",
|
||||
"link": "https://smashingmagazine.com/2021/07/isr-dpr-explained/",
|
||||
"publishedOn": "2021-07-15T14:00:00.000Z",
|
||||
"wordCount": 1066,
|
||||
"wordCount": 1068,
|
||||
"title": "ISR vs DPR: Big Words, Quick Explanation",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8e4090b9-8bd9-4d5a-aaed-5177c46a6803/isr-dpr-explained.jpg",
|
||||
|
|
@ -425,7 +439,7 @@
|
|||
"description": "In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive. But there is a better way with Intersection Observer.",
|
||||
"link": "https://smashingmagazine.com/2021/07/dynamic-header-intersection-observer/",
|
||||
"publishedOn": "2021-07-13T12:00:00.000Z",
|
||||
"wordCount": 3262,
|
||||
"wordCount": 3244,
|
||||
"title": "Building A Dynamic Header With Intersection Observer",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/67cc7303-3dc9-4d67-b0f4-b6f77783380f/dynamic-header-intersection-observer.jpg",
|
||||
|
|
@ -453,7 +467,7 @@
|
|||
"description": "CSS refactoring is not an easy task — it needs to be done in a way that doesn't create problems. First we need to analyze the existing codebase, audit CSS codebase health, discover weaknesses, agree on the approach, and convince management to invest time and resources into the process.",
|
||||
"link": "https://smashingmagazine.com/2021/07/refactoring-css-introduction-part1/",
|
||||
"publishedOn": "2021-07-12T13:30:00.000Z",
|
||||
"wordCount": 3608,
|
||||
"wordCount": 3610,
|
||||
"title": "Refactoring CSS: Introduction (Part 1)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b8b722a7-791f-433e-8d76-f0382d387e82/refactoring-css-introduction-part1.jpg",
|
||||
|
|
@ -474,20 +488,6 @@
|
|||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/",
|
||||
"author": "hello@smashingmagazine.com (Uma Victor)",
|
||||
"description": "Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze.",
|
||||
"link": "https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/",
|
||||
"publishedOn": "2021-07-08T11:00:00.000Z",
|
||||
"wordCount": 4780,
|
||||
"title": "Tools And Practices To Speed Up The Vue.js Development Process",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/83768020-8004-41f2-b9a9-14b86c18eb4d/tools-practices-speed-up-vuejs-development-process.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -496,6 +496,42 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "61067c973306a507d1bfc1ba",
|
||||
"author": null,
|
||||
"description": "Once you have created a table in a database, it will rarely need to stay the same forever. You will likely need to modify the records in it. And to help you do that, there is a useful statement, aptly named UPDATE, that you can use to change the records",
|
||||
"link": "https://www.freecodecamp.org/news/sql-update-statement-update-query-in-sql/",
|
||||
"publishedOn": "2021-08-06T21:25:14.000Z",
|
||||
"wordCount": 827,
|
||||
"title": "SQL Update Statement – Update Query in SQL"
|
||||
},
|
||||
{
|
||||
"id": "610cebc13306a507d1bfeca9",
|
||||
"author": null,
|
||||
"description": "Microsoft Excel displays data in tabular format. This means that information is arranged in a table consisting of rows and columns. Rows and columns are different properties that together make up a table. These are the two most important features of Excel that allow users to store and manipulate their",
|
||||
"link": "https://www.freecodecamp.org/news/row-vs-column-in-excel-what-is-the-difference/",
|
||||
"publishedOn": "2021-08-06T21:17:04.000Z",
|
||||
"wordCount": 754,
|
||||
"title": "Row VS Column in Excel – What is the Difference?"
|
||||
},
|
||||
{
|
||||
"id": "6107c0593306a507d1bfc565",
|
||||
"author": null,
|
||||
"description": "If you've created an empty table in your database you'll need to add records to it. In this article you will learn how you can add records to your tables using the INSERT statement in SQL. Keep in mind that if the syntax presented here doesn't work, you can check",
|
||||
"link": "https://www.freecodecamp.org/news/insert-into-sql-sql-insert-statement-example/",
|
||||
"publishedOn": "2021-08-06T16:10:39.000Z",
|
||||
"wordCount": 837,
|
||||
"title": "Insert Into SQL – SQL Insert Statement Example"
|
||||
},
|
||||
{
|
||||
"id": "610658bf3306a507d1bfc110",
|
||||
"author": null,
|
||||
"description": "There are times in JavaScript where you might consider using a switch statement instead of an if else statement. switch statements can have a cleaner syntax over complicated if else statements. Take a look at the example below – instead of using this long if else statement, you might choose to",
|
||||
"link": "https://www.freecodecamp.org/news/javascript-switch-case-js-switch-statement-example/",
|
||||
"publishedOn": "2021-08-06T15:18:55.000Z",
|
||||
"wordCount": 1278,
|
||||
"title": "JavaScript Switch Case – JS Switch Statement Example"
|
||||
},
|
||||
{
|
||||
"id": "610be0ea3306a507d1bfe4b1",
|
||||
"author": null,
|
||||
|
|
@ -549,42 +585,6 @@
|
|||
"publishedOn": "2021-08-04T15:32:26.000Z",
|
||||
"wordCount": 1691,
|
||||
"title": "SQL Where – Clause Examples"
|
||||
},
|
||||
{
|
||||
"id": "610a56153306a507d1bfd5f0",
|
||||
"author": null,
|
||||
"description": "Even with helpful tools like CSS Grid and Flexbox, centering elements in CSS remains notoriously challenging. It's been the subject of many jokes and memes, and when you successfully center something, you'll want to brag about it. Why is Centering CSS Elements So Hard? CSS can be tricky to work",
|
||||
"link": "https://www.freecodecamp.org/news/css-vertical-align-how-to-center-a-div-text-or-an-image-example-code/",
|
||||
"publishedOn": "2021-08-04T15:02:39.000Z",
|
||||
"wordCount": 1158,
|
||||
"title": "CSS Vertical Align – How to Center a Div, Text, or an Image [Example Code]"
|
||||
},
|
||||
{
|
||||
"id": "610641743306a507d1bfbfd4",
|
||||
"author": null,
|
||||
"description": "You have started creating your HTML page, and you want to give it some color – maybe change the color of the text or set a nice background. So how do you do that? In this article I'll show you how you can change the background color of a page in",
|
||||
"link": "https://www.freecodecamp.org/news/css-background-color-how-to-change-the-background-color-in-html/",
|
||||
"publishedOn": "2021-08-04T14:46:14.000Z",
|
||||
"wordCount": 1675,
|
||||
"title": "CSS Background Color – How to Change the Background Color in HTML"
|
||||
},
|
||||
{
|
||||
"id": "6109eca73306a507d1bfd3d2",
|
||||
"author": null,
|
||||
"description": "During technical interviews it is common for your interviewer to ask you to solve coding challenges. And you should have a good understanding of graph algorithms if you want to do well on these challenges. We just published a course on the freeCodeCamp.org YouTube channel that will teach you",
|
||||
"link": "https://www.freecodecamp.org/news/graph-algorithms-for-technical-interviews/",
|
||||
"publishedOn": "2021-08-04T01:35:10.000Z",
|
||||
"wordCount": 25759,
|
||||
"title": "Graph Algorithms for Technical Interviews"
|
||||
},
|
||||
{
|
||||
"id": "6109e5233306a507d1bfd3ad",
|
||||
"author": null,
|
||||
"description": "React continues to be a popular front-end JavaScript library. And you can improve your skills by building a dictionary project. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a dictionary app with React and Material UI. You will learn to",
|
||||
"link": "https://www.freecodecamp.org/news/code-a-dictionary-with-react-and-material-ui/",
|
||||
"publishedOn": "2021-08-04T01:03:03.000Z",
|
||||
"wordCount": 12949,
|
||||
"title": "React and Material UI Course – Code a Dictionary"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
175
feed.atom
175
feed.atom
|
|
@ -1,10 +1,95 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-08-06T00:41:54.275Z</id>
|
||||
<id>urn:2021-08-07T00:36:03.544Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-08-06T00:41:54.275Z</updated>
|
||||
<updated>2021-08-07T00:36:03.544Z</updated>
|
||||
<generator>osmosfeed 1.11.0</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[SQL Update Statement – Update Query in SQL]]></title>
|
||||
<id>61067c973306a507d1bfc1ba</id>
|
||||
<link href="https://www.freecodecamp.org/news/sql-update-statement-update-query-in-sql/"/>
|
||||
<updated>2021-08-06T21:25:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[Once you have created a table in a database, it will rarely need to stay the same forever. You will likely need to modify the records in it. And to help you do that, there is a useful statement, aptly named UPDATE, that you can use to change the records]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Row VS Column in Excel – What is the Difference?]]></title>
|
||||
<id>610cebc13306a507d1bfeca9</id>
|
||||
<link href="https://www.freecodecamp.org/news/row-vs-column-in-excel-what-is-the-difference/"/>
|
||||
<updated>2021-08-06T21:17:04.000Z</updated>
|
||||
<summary type="html"><![CDATA[Microsoft Excel displays data in tabular format. This means that information is arranged in a table consisting of rows and columns. Rows and columns are different properties that together make up a table. These are the two most important features of Excel that allow users to store and manipulate their]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[SVG Gobbler]]></title>
|
||||
<id>https://css-tricks.com/?p=346259</id>
|
||||
<link href="https://css-tricks.com/svg-gobbler/"/>
|
||||
<updated>2021-08-06T19:32:54.000Z</updated>
|
||||
<summary type="html"><![CDATA[Great little project from Ross Moody:
|
||||
SVG Gobbler is a browser extension that finds the vector content on the page you’re viewing and gives you the option to download, optimize, copy, view the code, or export it as an image.
|
||||
…
|
||||
The post SVG Gobbler 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[Insert Into SQL – SQL Insert Statement Example]]></title>
|
||||
<id>6107c0593306a507d1bfc565</id>
|
||||
<link href="https://www.freecodecamp.org/news/insert-into-sql-sql-insert-statement-example/"/>
|
||||
<updated>2021-08-06T16:10:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you've created an empty table in your database you'll need to add records to it. In this article you will learn how you can add records to your tables using the INSERT statement in SQL. Keep in mind that if the syntax presented here doesn't work, you can check]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[JavaScript Switch Case – JS Switch Statement Example]]></title>
|
||||
<id>610658bf3306a507d1bfc110</id>
|
||||
<link href="https://www.freecodecamp.org/news/javascript-switch-case-js-switch-statement-example/"/>
|
||||
<updated>2021-08-06T15:18:55.000Z</updated>
|
||||
<summary type="html"><![CDATA[There are times in JavaScript where you might consider using a switch statement instead of an if else statement. switch statements can have a cleaner syntax over complicated if else statements. Take a look at the example below – instead of using this long if else statement, you might choose to]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()]]></title>
|
||||
<id>https://css-tricks.com/?p=345467</id>
|
||||
<link href="https://css-tricks.com/efficient-infinite-utility-helpers-using-inline-css-custom-properties-and-calc/"/>
|
||||
<updated>2021-08-06T14:55:06.000Z</updated>
|
||||
<summary type="html"><![CDATA[I recently wrote a very basic Sass loop that outputs several padding and margin utility classes. Nothing fancy, really, just a Sass map with 11 spacing values, looped over to create classes for both padding and margin on each side. …
|
||||
The post Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc() appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Andy Ford</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[gridless.design]]></title>
|
||||
<id>https://css-tricks.com/?p=345878</id>
|
||||
<link href="https://gridless.design/"/>
|
||||
<updated>2021-08-06T14:48:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[Donnie D’Amato built a whole site around the thesis that “digital designers still expect to use the grid while experienced layout engineers have moved beyond it.” The idea isn’t that we should never literally use display: grid; but rather that …
|
||||
The post gridless.design 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[Four Useful VSCode Extensions For Web Developers]]></title>
|
||||
<id>https://smashingmagazine.com/2021/08/useful-vscode-extensions-web-developers/</id>
|
||||
<link href="https://smashingmagazine.com/2021/08/useful-vscode-extensions-web-developers/"/>
|
||||
<updated>2021-08-06T10:00:00.000Z</updated>
|
||||
<summary type="html"><. In this article, Leonardo shares four useful extensions that help him in his daily work.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Leonardo Losoviz)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[<pre> Tag in HTML – Example Code]]></title>
|
||||
<id>610be0ea3306a507d1bfe4b1</id>
|
||||
|
|
@ -65,7 +150,7 @@ The post Three Buggy React Code Examples and How to Fix Them appeared first on C
|
|||
Flutter is Google’s UI framework used to create flexible, expressive cross-platform mobile applications. It is one of the fastest-growing frameworks for mobile app development. On the other hand, Fauna is a transactional, developer-friendly serverless …
|
||||
The post How to Build a Full-Stack Mobile Application With Flutter, Fauna, and GraphQL appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Fauna</name>
|
||||
<name>Shadid Haque</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
|
|
@ -111,26 +196,6 @@ The post The State Of Web Workers In 2021 appeared first on CSS-Tricks. You can
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[CSS Vertical Align – How to Center a Div, Text, or an Image [Example Code]]]></title>
|
||||
<id>610a56153306a507d1bfd5f0</id>
|
||||
<link href="https://www.freecodecamp.org/news/css-vertical-align-how-to-center-a-div-text-or-an-image-example-code/"/>
|
||||
<updated>2021-08-04T15:02:39.000Z</updated>
|
||||
<summary type="html"><![CDATA[Even with helpful tools like CSS Grid and Flexbox, centering elements in CSS remains notoriously challenging. It's been the subject of many jokes and memes, and when you successfully center something, you'll want to brag about it. Why is Centering CSS Elements So Hard? CSS can be tricky to work]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[CSS Background Color – How to Change the Background Color in HTML]]></title>
|
||||
<id>610641743306a507d1bfbfd4</id>
|
||||
<link href="https://www.freecodecamp.org/news/css-background-color-how-to-change-the-background-color-in-html/"/>
|
||||
<updated>2021-08-04T14:46:14.000Z</updated>
|
||||
<summary type="html"><![CDATA[You have started creating your HTML page, and you want to give it some color – maybe change the color of the text or set a nice background. So how do you do that? In this article I'll show you how you can change the background color of a page in]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Using CSS Shapes for Interesting User Controls and Navigation]]></title>
|
||||
<id>https://css-tricks.com/?p=345274</id>
|
||||
|
|
@ -152,26 +217,6 @@ The post Using CSS Shapes for Interesting User Controls and Navigation appeared
|
|||
<name>hello@smashingmagazine.com (Arihant Verma)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Graph Algorithms for Technical Interviews]]></title>
|
||||
<id>6109eca73306a507d1bfd3d2</id>
|
||||
<link href="https://www.freecodecamp.org/news/graph-algorithms-for-technical-interviews/"/>
|
||||
<updated>2021-08-04T01:35:10.000Z</updated>
|
||||
<summary type="html"><![CDATA[During technical interviews it is common for your interviewer to ask you to solve coding challenges. And you should have a good understanding of graph algorithms if you want to do well on these challenges. We just published a course on the freeCodeCamp.org YouTube channel that will teach you]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[React and Material UI Course – Code a Dictionary]]></title>
|
||||
<id>6109e5233306a507d1bfd3ad</id>
|
||||
<link href="https://www.freecodecamp.org/news/code-a-dictionary-with-react-and-material-ui/"/>
|
||||
<updated>2021-08-04T01:03:03.000Z</updated>
|
||||
<summary type="html"><![CDATA[React continues to be a popular front-end JavaScript library. And you can improve your skills by building a dictionary project. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a dictionary app with React and Material UI. You will learn to]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Serverless Functions as Proxies]]></title>
|
||||
<id>https://css-tricks.com/?p=345744</id>
|
||||
|
|
@ -304,29 +349,6 @@ The post GitHub Explains the Open Graph Images appeared first on CSS-Tricks. You
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[So you want to self-publish books and courses on programming]]></title>
|
||||
<id>https://css-tricks.com/?p=344993</id>
|
||||
<link href="https://css-tricks.com/so-you-want-to-self-publish-books-and-courses-on-programming/"/>
|
||||
<updated>2021-07-29T14:54:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[John Resig and I recently self-published our book on GraphQL. There are tons of how-tos for self-publishing a book, or even online classes, but very little in the way of why you would want to, or whether it’s even worth …
|
||||
The post So you want to self-publish books and courses on programming appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Loren Sands-Ramshaw</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Developer-Friendly Passwordless Auth]]></title>
|
||||
<id>https://css-tricks.com/?p=345260</id>
|
||||
<link href="https://css-tricks.com/developer-friendly-passwordless-auth/"/>
|
||||
<updated>2021-07-29T14:47:47.000Z</updated>
|
||||
<summary type="html"><![CDATA[(This is a sponsored post.)
|
||||
I’d wager to say that most websites that are business-minded have accounts. A way to log into them. Social media sites, eCommerce sites, CMS systems, you name it, having accounts people log into is …
|
||||
The post Developer-Friendly Passwordless Auth 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[There Is No Such Thing As A CSS Absolute Unit]]></title>
|
||||
<id>https://smashingmagazine.com/2021/07/css-absolute-units/</id>
|
||||
|
|
@ -337,17 +359,6 @@ The post Developer-Friendly Passwordless Auth appeared first on CSS-Tricks. You
|
|||
<name>hello@smashingmagazine.com (Elad Shechter)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Safari 15 Opinions]]></title>
|
||||
<id>https://css-tricks.com/?p=345404</id>
|
||||
<link href="https://css-tricks.com/safari-15-opinions/"/>
|
||||
<updated>2021-07-28T20:21:55.000Z</updated>
|
||||
<summary type="html"><![CDATA[It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other …
|
||||
The post Safari 15 Opinions 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[Creating An Accessible Dialog From Scratch]]></title>
|
||||
<id>https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/</id>
|
||||
|
|
@ -508,14 +519,4 @@ The post Safari 15 Opinions appeared first on CSS-Tricks. You can support CSS-Tr
|
|||
<name>hello@smashingmagazine.com (Todd Libby)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Tools And Practices To Speed Up The Vue.js Development Process]]></title>
|
||||
<id>https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/</id>
|
||||
<link href="https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/"/>
|
||||
<updated>2021-07-08T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Uma Victor)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
227
index.html
227
index.html
|
|
@ -15,6 +15,122 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-08-06">2021-08-06</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">SVG Gobbler</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/svg-gobbler/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Great little project from Ross Moody:
|
||||
SVG Gobbler is a browser extension that finds the vector content on the page you’re viewing and gives you the option to download, optimize, copy, view the code, or export it as an image.
|
||||
…
|
||||
The post SVG Gobbler 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">Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/efficient-infinite-utility-helpers-using-inline-css-custom-properties-and-calc/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>I recently wrote a very basic Sass loop that outputs several padding and margin utility classes. Nothing fancy, really, just a Sass map with 11 spacing values, looped over to create classes for both padding and margin on each side. …
|
||||
The post Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc() 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">gridless.design</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://gridless.design/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(0 min)</span>
|
||||
<span>Donnie D’Amato built a whole site around the thesis that “digital designers still expect to use the grid while experienced layout engineers have moved beyond it.” The idea isn’t that we should never literally use display: grid; but rather that …
|
||||
The post gridless.design 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">SQL Update Statement – Update Query in SQL</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/sql-update-statement-update-query-in-sql/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Once you have created a table in a database, it will rarely need to stay the same forever. You will likely need to modify the records in it. And to help you do that, there is a useful statement, aptly named UPDATE, that you can use to change the records</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Row VS Column in Excel – What is the Difference?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/row-vs-column-in-excel-what-is-the-difference/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Microsoft Excel displays data in tabular format. This means that information is arranged in a table consisting of rows and columns. Rows and columns are different properties that together make up a table. These are the two most important features of Excel that allow users to store and manipulate their</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Insert Into SQL – SQL Insert Statement Example</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/insert-into-sql-sql-insert-statement-example/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>If you've created an empty table in your database you'll need to add records to it. In this article you will learn how you can add records to your tables using the INSERT statement in SQL. Keep in mind that if the syntax presented here doesn't work, you can check</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">JavaScript Switch Case – JS Switch Statement Example</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/javascript-switch-case-js-switch-statement-example/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>There are times in JavaScript where you might consider using a switch statement instead of an if else statement. switch statements can have a cleaner syntax over complicated if else statements. Take a look at the example below – instead of using this long if else statement, you might choose to</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">Four Useful VSCode Extensions For Web Developers</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/08/useful-vscode-extensions-web-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>VS Code can be supercharged wuth hundreds of [VS Code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/). In this article, Leonardo shares four useful extensions that help him in his daily work.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-08-05">2021-08-05</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -180,50 +296,6 @@ The post Using CSS Shapes for Interesting User Controls and Navigation appeared
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">CSS Vertical Align – How to Center a Div, Text, or an Image [Example Code]</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/css-vertical-align-how-to-center-a-div-text-or-an-image-example-code/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Even with helpful tools like CSS Grid and Flexbox, centering elements in CSS remains notoriously challenging. It's been the subject of many jokes and memes, and when you successfully center something, you'll want to brag about it. Why is Centering CSS Elements So Hard? CSS can be tricky to work</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">CSS Background Color – How to Change the Background Color in HTML</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/css-background-color-how-to-change-the-background-color-in-html/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>You have started creating your HTML page, and you want to give it some color – maybe change the color of the text or set a nice background. So how do you do that? In this article I'll show you how you can change the background color of a page in</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Graph Algorithms for Technical Interviews</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/graph-algorithms-for-technical-interviews/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(86 min)</span>
|
||||
<span>During technical interviews it is common for your interviewer to ask you to solve coding challenges. And you should have a good understanding of graph algorithms if you want to do well on these challenges. We just published a course on the freeCodeCamp.org YouTube channel that will teach you</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">React and Material UI Course – Code a Dictionary</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/code-a-dictionary-with-react-and-material-ui/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(43 min)</span>
|
||||
<span>React continues to be a popular front-end JavaScript library. And you can improve your skills by building a dictionary project. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a dictionary app with React and Material UI. You will learn to</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -458,31 +530,6 @@ The post GitHub Explains the Open Graph Images appeared first on CSS-Tricks. You
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">So you want to self-publish books and courses on programming</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/so-you-want-to-self-publish-books-and-courses-on-programming/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>John Resig and I recently self-published our book on GraphQL. There are tons of how-tos for self-publishing a book, or even online classes, but very little in the way of why you would want to, or whether it’s even worth …
|
||||
The post So you want to self-publish books and courses on programming 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">Developer-Friendly Passwordless Auth</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/developer-friendly-passwordless-auth/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>(This is a sponsored post.)
|
||||
I’d wager to say that most websites that are business-minded have accounts. A way to log into them. Social media sites, eCommerce sites, CMS systems, you name it, having accounts people log into is …
|
||||
The post Developer-Friendly Passwordless Auth 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">
|
||||
|
|
@ -507,24 +554,6 @@ The post Developer-Friendly Passwordless Auth appeared first on CSS-Tricks. You
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-07-28">2021-07-28</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">Safari 15 Opinions</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/safari-15-opinions/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other …
|
||||
The post Safari 15 Opinions 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>
|
||||
|
|
@ -852,31 +881,9 @@ The post Safari 15 Opinions appeared first on CSS-Tricks. You can support CSS-Tr
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-07-08">2021-07-08</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">Tools And Practices To Speed Up The Vue.js Development Process</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/07/tools-practices-speed-up-vuejs-development-process/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(16 min)</span>
|
||||
<span>Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-08-06T00:41:54.258Z">2021-08-06T00:41:54.258Z</time>
|
||||
<time id="build-timestamp" datetime="2021-08-07T00:36:03.518Z">2021-08-07T00:36:03.518Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.0</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue