mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
452 lines
No EOL
34 KiB
JSON
452 lines
No EOL
34 KiB
JSON
{
|
||
"sources": [
|
||
{
|
||
"href": "https://css-tricks.com/feed/",
|
||
"articles": [
|
||
{
|
||
"description": "This post was written for engineering managers, but anyone is welcome to read it.\nLet’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, …\nThe post Your Team is Not “Them” appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/your-team-is-not-them/",
|
||
"publishedOn": "2021-04-28T19:35:32.000Z",
|
||
"wordCount": 1696,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Your Team is Not “Them”"
|
||
},
|
||
{
|
||
"description": "Click, drag, release: you’ve just selected some text on a webpage — probably to copy and paste it somewhere or to share it. Wouldn’t it be cool if selecting that text revealed some options that make those tasks easier? That’s …\nThe post How to Create Actions for Selected Text With the Selection API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/",
|
||
"publishedOn": "2021-04-28T14:19:54.000Z",
|
||
"wordCount": 1406,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "How to Create Actions for Selected Text With the Selection API"
|
||
},
|
||
{
|
||
"description": "I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally test …\nThe post Shared Element Transitions appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/shared-element-transitions/",
|
||
"publishedOn": "2021-04-27T20:12:04.000Z",
|
||
"wordCount": 1078,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Shared Element Transitions"
|
||
},
|
||
{
|
||
"description": "Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as \"CSS Variables\" but that's not their real name.\nThe post A Complete Guide to Custom Properties appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/a-complete-guide-to-custom-properties/",
|
||
"publishedOn": "2021-04-27T14:26:16.000Z",
|
||
"wordCount": 5544,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "A Complete Guide to Custom Properties"
|
||
},
|
||
{
|
||
"description": "I saw in the release notes for Safari Technical Preview 122 that it has support for a color-contrast() function in CSS. Safari is first out of the gate here. As far as I know, no other browser supports this yet …\nThe post Exploring color-contrast() for the First Time appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/exploring-color-contrast-for-the-first-time/",
|
||
"publishedOn": "2021-04-26T21:02:49.000Z",
|
||
"wordCount": 1032,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Exploring color-contrast() for the First Time"
|
||
},
|
||
{
|
||
"description": "I love to make CSS do stuff it shouldn’t. It’s the type of problem-solving brain training you’d get building a calculator in Minecraft, except you probably won’t get a job working with Minecraft Redstone no matter how good you …\nThe post Generating (and Solving!) Sudokus in CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/generating-and-solving-sudokus-in-css/",
|
||
"publishedOn": "2021-04-26T14:05:00.000Z",
|
||
"wordCount": 5386,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Generating (and Solving!) Sudokus in CSS"
|
||
},
|
||
{
|
||
"description": "Robert Nyman and Philip Jägenstedt:\nGoogle is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers. The areas of focus are CSS Flexbox, CSS Grid, position: sticky, \n…\nThe post Eliminating five top compatibility pain points on the web appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://web.dev/compat2021/",
|
||
"publishedOn": "2021-04-23T20:55:19.000Z",
|
||
"wordCount": 1181,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Eliminating five top compatibility pain points on the web"
|
||
},
|
||
{
|
||
"description": "In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The project was done following the ongoing developmental version of WPGraphQL and an excellent tutorial by Henrik …\nThe post Using New Gatsby Source WordPress Plugin appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/using-new-gatsby-source-wordpress-plugin/",
|
||
"publishedOn": "2021-04-23T14:03:18.000Z",
|
||
"wordCount": 6096,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Using New Gatsby Source WordPress Plugin"
|
||
},
|
||
{
|
||
"description": "There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see:\nChrome on the left. Safari in the simulator on top…\nThe post Text That Sometimes Turns to Emojis appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/text-that-sometimes-turns-to-emojis/",
|
||
"publishedOn": "2021-04-22T21:17:43.000Z",
|
||
"wordCount": 1442,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Text That Sometimes Turns to Emojis"
|
||
},
|
||
{
|
||
"description": "Here’s Jess B. Peck writing all about Google’s Core Web Vitals:\nLet’s step back one. CLS is when you’re about to click on a link, and the whole page shifts and you click on a different link instead. It’s when \n…\nThe post The Almost-Complete Guide to Cumulative Layout Shift appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://jessbpeck.com/posts/completecls/",
|
||
"publishedOn": "2021-04-22T19:04:48.000Z",
|
||
"wordCount": 7752,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "The Almost-Complete Guide to Cumulative Layout Shift"
|
||
},
|
||
{
|
||
"description": "Try Hotjar for free today!\nAn enjoyable user experience and high conversion rates go hand-in-hand. It makes sense then, that if you want to improve conversion rates, your first task is to improve user experience.\nTo improve UX, deeply understanding …\nThe post Tools to Improve UX and Win Over Your Customers appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/tools-to-improve-ux-and-win-over-your-customers/",
|
||
"publishedOn": "2021-04-22T19:03:51.000Z",
|
||
"wordCount": 1526,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Tools to Improve UX and Win Over Your Customers"
|
||
},
|
||
{
|
||
"description": "Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font!\nLet me elaborate. This is a way to render text without using any font at all. Random text is split with …\nThe post The Making (and Potential Benefits) of a CSS Font appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/",
|
||
"publishedOn": "2021-04-22T14:30:43.000Z",
|
||
"wordCount": 4480,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "The Making (and Potential Benefits) of a CSS Font"
|
||
},
|
||
{
|
||
"description": "It would be nice to be able to animate the transition between pages if we want to on the web without resorting to hacks or full-blown architecture choices to achieve it. I could imagine an API that would run stuff…\nThe post Still Hoping for Better Native Page Transitions appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/still-hoping-for-better-native-page-transitions/",
|
||
"publishedOn": "2021-04-21T22:57:03.000Z",
|
||
"wordCount": 1430,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Still Hoping for Better Native Page Transitions"
|
||
},
|
||
{
|
||
"description": "Page Laubheimer says that if you’re going to do a sticky header…\nKeep it small.\nVisually contrast it with the rest of the page.\nIf it’s going to move, keep it minimal. (I’d say, respect prefers-reduced-motion.)\nConsider “partially persistent \n…\nThe post Sticky Headers: 5 Ways to Make Them Better appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://www.nngroup.com/articles/sticky-headers/",
|
||
"publishedOn": "2021-04-21T20:53:31.000Z",
|
||
"wordCount": 2351,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Sticky Headers: 5 Ways to Make Them Better"
|
||
},
|
||
{
|
||
"description": "Let’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be generated at runtime — so you have to solve it …\nThe post How to Add a Double Border to SVG Shapes appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/how-to-add-a-double-border-to-svg-shapes/",
|
||
"publishedOn": "2021-04-21T14:26:28.000Z",
|
||
"wordCount": 1352,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "How to Add a Double Border to SVG Shapes"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"href": "https://www.smashingmagazine.com/feed/",
|
||
"articles": [
|
||
{
|
||
"description": "The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.",
|
||
"link": "https://smashingmagazine.com/2021/04/image-optimization-pre-release/",
|
||
"publishedOn": "2021-04-28T13:20:00.000Z",
|
||
"wordCount": 2136,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Meet Image Optimization, A New Smashing Book By Addy Osmani"
|
||
},
|
||
{
|
||
"description": "Easing functions can change the look and feel of an animation by affecting the rate, or speed, of an animation. In this article, we’re going to take a deep dive into easing functions and see how we can use them to create those natural and stunning animations.",
|
||
"link": "https://smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/",
|
||
"publishedOn": "2021-04-27T12:00:00.000Z",
|
||
"wordCount": 2623,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Understanding Easing Functions For CSS Animations And Transitions"
|
||
},
|
||
{
|
||
"description": "Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to \"layered accessibility testing”, a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early — when it’s easier and cheaper to fix them.",
|
||
"link": "https://smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/",
|
||
"publishedOn": "2021-04-26T11:00:00.000Z",
|
||
"wordCount": 3279,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "How To Bake Layers Of Accessibility Testing Into Your Process"
|
||
},
|
||
{
|
||
"description": "The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!",
|
||
"link": "https://smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/",
|
||
"publishedOn": "2021-04-23T08:30:00.000Z",
|
||
"wordCount": 2431,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors"
|
||
},
|
||
{
|
||
"description": "Sometimes it’s the little things in web life that make us look twice. From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic.",
|
||
"link": "https://smashingmagazine.com/2021/04/web-design-done-well-part1/",
|
||
"publishedOn": "2021-04-22T14:00:00.000Z",
|
||
"wordCount": 1764,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Web Design Done Well: The Ordinary Made Extraordinary (Part 1)"
|
||
},
|
||
{
|
||
"description": "Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog posts, ad-backed media, and more.",
|
||
"link": "https://smashingmagazine.com/2021/04/incremental-static-regeneration-nextjs/",
|
||
"publishedOn": "2021-04-21T13:55:00.000Z",
|
||
"wordCount": 1929,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "A Complete Guide To Incremental Static Regeneration (ISR) With Next.js"
|
||
},
|
||
{
|
||
"description": "As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. We can avert disaster by including content production in the design process.",
|
||
"link": "https://smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/",
|
||
"publishedOn": "2021-04-21T08:30:00.000Z",
|
||
"wordCount": 2998,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Why Content Is Such A Fundamental Part Of The Web Design Process"
|
||
},
|
||
{
|
||
"description": "Let’s explore the plugins providing GraphQL servers to WordPress. When should we use WPGraphQL, and when the GraphQL API for WordPress? Is there some advantage of one over the other, or some particular task that is easier to accomplish with one of them? In this article, we will find out.",
|
||
"link": "https://smashingmagazine.com/2021/04/making-graphql-work-in-wordpress/",
|
||
"publishedOn": "2021-04-20T09:00:00.000Z",
|
||
"wordCount": 3482,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Making GraphQL Work In WordPress"
|
||
},
|
||
{
|
||
"description": "How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out.",
|
||
"link": "https://smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/",
|
||
"publishedOn": "2021-04-19T08:30:00.000Z",
|
||
"wordCount": 7206,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "An In-Depth Guide To Measuring Core Web Vitals"
|
||
},
|
||
{
|
||
"description": "It’s no secret that the technical interview process leaves something to be desired; it’s often riddled with anxiety and stress. In this article, we’ll take a look at seven of the most common mistakes candidates make in their technical interviews and explore ways you can avoid them.",
|
||
"link": "https://smashingmagazine.com/2021/04/mistakes-technical-interviews/",
|
||
"publishedOn": "2021-04-16T09:00:00.000Z",
|
||
"wordCount": 2912,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Seven Mistakes To Avoid In Your Technical Interviews"
|
||
},
|
||
{
|
||
"description": "Selling is key to growing your web design business, but it doesn’t have to be complicated! With clear goals, customer research, and proven closing techniques, anyone can find new clients.",
|
||
"link": "https://smashingmagazine.com/2021/04/web-design-clients-fast-part2/",
|
||
"publishedOn": "2021-04-15T11:00:00.000Z",
|
||
"wordCount": 3522,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "How To Get Web Design Clients Fast (Part 2)"
|
||
},
|
||
{
|
||
"description": "At Smashing, we’ve been busy over the last few months. We’ve set up new workshops, redesigned our navigation, refined performance and improved accessibility. There are subtle UX changes coming in, and we’d love to share what we’ve been cooking.",
|
||
"link": "https://smashingmagazine.com/2021/04/from-cats-with-love-navigation-guides-workshops/",
|
||
"publishedOn": "2021-04-15T10:30:00.000Z",
|
||
"wordCount": 967,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "From Cats With Love: New Navigation, Guides And Workshops"
|
||
},
|
||
{
|
||
"description": "In this article, we will explore the causes of overflow issues and how to solve them. We will also explore how modern features in the developer tools (DevTools) can make the process of fixing and debugging easier.",
|
||
"link": "https://smashingmagazine.com/2021/04/css-overflow-issues/",
|
||
"publishedOn": "2021-04-14T11:00:00.000Z",
|
||
"wordCount": 1917,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Overflow Issues In CSS"
|
||
},
|
||
{
|
||
"description": "In this article, we’ll be building a video streaming app using Nuxt.js and Node.js. Specifically, we’ll build a server-side Node.js app that will handle fetching and streaming videos, generating thumbnails for your videos, and serving captions and subtitles.",
|
||
"link": "https://smashingmagazine.com/2021/04/building-video-streaming-app-nuxtjs-node-express/",
|
||
"publishedOn": "2021-04-13T14:00:00.000Z",
|
||
"wordCount": 3154,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Building A Video Streaming App With Nuxt.js, Node And Express"
|
||
},
|
||
{
|
||
"description": "Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.",
|
||
"link": "https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/",
|
||
"publishedOn": "2021-04-12T12:30:00.000Z",
|
||
"wordCount": 2965,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "A Complete Guide To HTML Email"
|
||
},
|
||
{
|
||
"description": "UX practitioners can play an important role in growing the UX maturity of the organizations and product teams they work with. This final article in a three-part series presents two additional tactics: education of staff on UX principles and processes.",
|
||
"link": "https://smashingmagazine.com/2021/04/growing-ux-maturity-in-organizations-part-3/",
|
||
"publishedOn": "2021-04-09T19:30:00.000Z",
|
||
"wordCount": 5988,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Growing UX Maturity In Organizations: Education And Training (Part 3)"
|
||
},
|
||
{
|
||
"description": "Have you ever struggled to get the green light on your design proposals? Do you feel like your design process needs to be formalized? Is the COVID19 era becoming a challenge for you when working remotely as a designer? Then keep reading to get to know a methodology to document your design process in this article.",
|
||
"link": "https://smashingmagazine.com/2021/04/better-documentation-team-communication-product-design-docs/",
|
||
"publishedOn": "2021-04-08T11:00:00.000Z",
|
||
"wordCount": 1858,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Better Documentation And Team Communication With Product Design Docs"
|
||
},
|
||
{
|
||
"description": "Unreliable tests are a living nightmare for anyone who writes automated tests or pays attention to the results. Flaky tests have even given folks nightmares and sleepless nights. In this article, Ramona Schwering shares her experiences to help you get out of this hell or avoid getting into it.",
|
||
"link": "https://smashingmagazine.com/2021/04/flaky-tests-living-nightmare/",
|
||
"publishedOn": "2021-04-07T11:00:00.000Z",
|
||
"wordCount": 4049,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Flaky Tests: Getting Rid Of A Living Nightmare In Testing"
|
||
},
|
||
{
|
||
"description": "With many options comes many decisions, and it is easy to drown in all the many benefits of headless CMS. How do we approach evaluating these options? Let’s figure it out.",
|
||
"link": "https://smashingmagazine.com/2021/04/evaluating-headless/",
|
||
"publishedOn": "2021-04-06T16:10:00.000Z",
|
||
"wordCount": 4083,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Don’t Lose Your Head: Evaluating Headless"
|
||
},
|
||
{
|
||
"description": "A guide to vanilla JavaScript code snippets — with resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies.",
|
||
"link": "https://smashingmagazine.com/2021/04/vanilla-javascript-code-snippets/",
|
||
"publishedOn": "2021-04-05T10:30:00.000Z",
|
||
"wordCount": 2018,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Vanilla JavaScript Code Snippets"
|
||
},
|
||
{
|
||
"description": "Quick, constant change is a given on the web. It is often one of its greatest strengths. As ever, though, there is a balance to find. Although longevity takes a different form online, its value is immeasurable.",
|
||
"link": "https://smashingmagazine.com/2021/04/guarding-against-disposable-design/",
|
||
"publishedOn": "2021-04-02T11:00:00.000Z",
|
||
"wordCount": 3382,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Guarding Against Disposable Design"
|
||
},
|
||
{
|
||
"description": "By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called [Utopia](https://utopia.fyi/) offers an alternative to breakpoint-driven design.",
|
||
"link": "https://smashingmagazine.com/2021/04/designing-developing-fluid-type-space-scales/",
|
||
"publishedOn": "2021-04-01T09:44:00.000Z",
|
||
"wordCount": 2458,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Meet Utopia: Designing And Building With Fluid Type And Space Scales"
|
||
},
|
||
{
|
||
"description": "Let’s welcome the new month with some fresh wallpapers. Designed with love by artists and designers from across the globe, they are available with and without a calendar for April 2021.",
|
||
"link": "https://smashingmagazine.com/2021/03/desktop-wallpaper-calendars-april-2021/",
|
||
"publishedOn": "2021-03-31T10:00:00.000Z",
|
||
"wordCount": 2035,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "The Small Joys Of April (2021 Wallpapers Edition)"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"href": "https://www.freecodecamp.org/news/rss/",
|
||
"articles": [
|
||
{
|
||
"description": "In this article, I'll teach you CSS Flexbox basics so you can make your own responsive sites. I'll explain how each of Flexbox's properties work, and I'll give you a cheatsheet that covers everything you can do with Flexbox. Let's Go 🎖️ Table of ContentsFlexbox Architectureflex-directionjustify-contentalign-contentalign-itemsalign-selfflex - grow | shrink | wrap | basisShort",
|
||
"link": "https://www.freecodecamp.org/news/css-flexbox-tutorial-with-cheatsheet/",
|
||
"publishedOn": "2021-04-28T19:33:57.000Z",
|
||
"wordCount": 1289,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️"
|
||
},
|
||
{
|
||
"description": "The MERN stack is a popular way to make a full stack web app. MERN stands for MongoDB, Express, React, and Node.js. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use the MERN stack by building a restaurant review web",
|
||
"link": "https://www.freecodecamp.org/news/create-a-mern-stack-app-with-a-serverless-backend/",
|
||
"publishedOn": "2021-04-28T14:05:56.000Z",
|
||
"wordCount": 384,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "Create a MERN Stack App with a Serverless Backend"
|
||
},
|
||
{
|
||
"description": "JavaScript is an easy-to-learn programming language compared to many of its counterparts. However, a few basic concepts need a bit more attention if you want to understand, debug, and write better code. In this article, we will learn about two such concepts, Execution ContextHoistingAs a beginner to JavaScript, understanding these",
|
||
"link": "https://www.freecodecamp.org/news/javascript-execution-context-and-hoisting/",
|
||
"publishedOn": "2021-04-27T22:53:14.000Z",
|
||
"wordCount": 2010,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "JavaScript Execution Context and Hoisting Explained with Code Examples"
|
||
},
|
||
{
|
||
"description": "Hi! Welcome. If you are learning Python, then this article is for you. You will find a thorough description of Python syntax and lots of code examples to guide you during your coding journey. What we will cover:Variable Definitions in PythonHello, World! Program in PythonData Types and Built-in Data",
|
||
"link": "https://www.freecodecamp.org/news/python-code-examples-sample-script-coding-tutorial-for-beginners/",
|
||
"publishedOn": "2021-04-27T19:55:23.000Z",
|
||
"wordCount": 12960,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "Python Code Examples – Sample Script Coding Tutorial for Beginners"
|
||
},
|
||
{
|
||
"description": "Hello, everyone! In this article we are going to learn how to add the Realm database to an iOS app. We'll create a simple ToDo app so you can learn how to perform CRUD (Create, Read, Update, Delete) operations in the Realm database. What is Realm?Realm is an open-source",
|
||
"link": "https://www.freecodecamp.org/news/add-realm-database-to-ios-crud-app-with-with-swift/",
|
||
"publishedOn": "2021-04-27T18:21:00.000Z",
|
||
"wordCount": 1815,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "How to Add the Realm Database to an iOS CRUD App using Swift"
|
||
},
|
||
{
|
||
"description": "What is Lazy Loading?Lazy loading is the process of loading components, modules, or other assets of a website as they're required. Since Angular creates a SPA (Single Page Application), all of its components are loaded at once. This means that a lot of unnecessary libraries or modules might be",
|
||
"link": "https://www.freecodecamp.org/news/lazy-loading-in-angular-intro-to-ngmodules/",
|
||
"publishedOn": "2021-04-27T18:17:43.000Z",
|
||
"wordCount": 1178,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "Lazy Loading in Angular – A Beginner's Guide to NgModules"
|
||
},
|
||
{
|
||
"description": "In this article, we will build a React application using class components. Then we'll convert it to functional components using React Hooks in a step-by-step way. By building this app, you will learn: How to make API callsHow to implement load more functionalityHow to debug application issuesHow to use async/",
|
||
"link": "https://www.freecodecamp.org/news/build-a-react-application-with-load-more-functionality-react-hooks/",
|
||
"publishedOn": "2021-04-27T18:12:22.000Z",
|
||
"wordCount": 3778,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "How to Build a React Application with Load More Functionality using React Hooks"
|
||
},
|
||
{
|
||
"description": "This tutorial will help you to understand how the built-in JavaScript method setTimeout() works with intuitive code examples. How to Use setTimeout() in JavaScriptThe setTimeout() method allows you to execute a piece of code after a certain amount of time has passed. You can think of the method as a",
|
||
"link": "https://www.freecodecamp.org/news/javascript-settimeout-how-to-set-a-timer-in-javascript-or-sleep-for-n-seconds/",
|
||
"publishedOn": "2021-04-27T17:45:49.000Z",
|
||
"wordCount": 829,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "JavaScript setTimeout() – How to Set a Timer in JavaScript or Sleep for N Seconds"
|
||
},
|
||
{
|
||
"description": "OpenGL is a cross-language, cross-platform graphics API for rendering 2D and 3D scenes using a graphics card. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to use OpenGL with C++ to create 3D and 2D graphics. Victor Gordan developed this course. His",
|
||
"link": "https://www.freecodecamp.org/news/how-to-create-3d-and-2d-graphics-with-opengl-and-cpp/",
|
||
"publishedOn": "2021-04-27T16:56:37.000Z",
|
||
"wordCount": 544,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "How to Create 3D and 2D Graphics with OpenGL and C++"
|
||
},
|
||
{
|
||
"description": "Have you ever visited a website with a custom scrollbar and wondered how they did it? After reading this article you will understand just about everything there is to know about customizing and styling scrollbars using CSS. In this tutorial you will: Learn the native CSS properties available for styling",
|
||
"link": "https://www.freecodecamp.org/news/css-scrollbar-tutorial/",
|
||
"publishedOn": "2021-04-27T00:37:38.000Z",
|
||
"wordCount": 2356,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "CSS Scrollbar Styling Tutorial – How to Make a Custom Scrollbar"
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"cliVersion": "1.2.3"
|
||
} |