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": "When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and …\nThe post Creating an Editable Textarea That Supports Syntax-Highlighted Code appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/creating-an-editable-textarea-that-supports-syntax-highlighted-code/",
|
||
"publishedOn": "2021-04-16T18:58:59.000Z",
|
||
"wordCount": 1766,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Creating an Editable Textarea That Supports Syntax-Highlighted Code"
|
||
},
|
||
{
|
||
"description": "There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …\nThe post Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/",
|
||
"publishedOn": "2021-04-16T14:33:05.000Z",
|
||
"wordCount": 1391,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders"
|
||
},
|
||
{
|
||
"description": "The default browser style for <hr> is so weird. It’s basically:\nborder-style: inset;\nborder-width: 1px;\nThe default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line …\nThe post Not Your Typical Horizontal Rules appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://www.sarasoueidan.com/blog/horizontal-rules/",
|
||
"publishedOn": "2021-04-16T14:31:41.000Z",
|
||
"wordCount": 1958,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Not Your Typical Horizontal Rules"
|
||
},
|
||
{
|
||
"description": "There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things …\nThe post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/flash-of-inaccurate-color-theme-fart/",
|
||
"publishedOn": "2021-04-15T22:13:36.000Z",
|
||
"wordCount": 1190,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Flash of inAccurate coloR Theme (FART)"
|
||
},
|
||
{
|
||
"description": "The title of this article is misleading. It’s not actually very important for an Engineering Manager to use career laddering, per se, or my process. It is, however, very important that an Engineering Manager is clear with their employees…\nThe post The Importance of Career Laddering appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/the-importance-of-career-laddering/",
|
||
"publishedOn": "2021-04-15T14:29:18.000Z",
|
||
"wordCount": 2442,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "The Importance of Career Laddering"
|
||
},
|
||
{
|
||
"description": "Svelte is a free and open-source front end JavaScript framework that enables developers to build highly performant applications with smaller application bundles. Svelte also empowers developers with its awesome developer experience.\nSvelte provides a different approach to building web apps …\nThe post How to Build a FullStack Serverless HN Clone With Svelte and Fauna appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/how-to-build-a-fullstack-serverless-hn-clone-with-svelte-and-fauna/",
|
||
"publishedOn": "2021-04-15T14:27:01.000Z",
|
||
"wordCount": 1338,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "How to Build a FullStack Serverless HN Clone With Svelte and Fauna"
|
||
},
|
||
{
|
||
"description": "This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the “just for gap” concept here. Grid is extremely powerful, but you don’t have to use all its abilities every time you reach for it. Here, Adam …\nThe post Building a Settings Component appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://web.dev/building-a-settings-component/",
|
||
"publishedOn": "2021-04-14T21:08:24.000Z",
|
||
"wordCount": 3383,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Building a Settings Component"
|
||
},
|
||
{
|
||
"description": "I‘m not sure how this one came about. But, it‘s a story. This article is more about grokking a concept, one that’s going to help you think about your animations in a different way. It so happens that this particular …\nThe post Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/going-meta-gsap-the-quest-for-perfect-infinite-scrolling/",
|
||
"publishedOn": "2021-04-14T14:28:33.000Z",
|
||
"wordCount": 4179,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling"
|
||
},
|
||
{
|
||
"description": "This Robin Sloan fella is an interesting character. Not only have I read his one of his fiction novels, the tremendous Mr. Penumbra’s 24‑Hour Bookstore, but I also use the olive oil he makes with partner Kathryn Tomajan. …\nThe post Cloud study appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://society.robinsloan.com/archive/cloud-study/",
|
||
"publishedOn": "2021-04-13T22:49:41.000Z",
|
||
"wordCount": 791,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Cloud study"
|
||
},
|
||
{
|
||
"description": "I think it’s fair to think of Netlify as a CDN-backed static file host. But it would also be silly to think that’s all it is. That’s why I think it’s smart for them to have pages like this, comparing …\nThe post Why Netlify? appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/why-netlify/",
|
||
"publishedOn": "2021-04-13T22:48:59.000Z",
|
||
"wordCount": 484,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Why Netlify?"
|
||
},
|
||
{
|
||
"description": "One of the ways you can classify a programming language is by how strongly or weakly typed it is. Here, “typed” means if variables are known at compile time. An example of this would be a scenario where an integer …\nThe post CSS is a Strongly Typed Language appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/css-is-a-strongly-typed-language/",
|
||
"publishedOn": "2021-04-13T14:22:04.000Z",
|
||
"wordCount": 2925,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "CSS is a Strongly Typed Language"
|
||
},
|
||
{
|
||
"description": "Let’s look at the Fullscreen API in JavaScript. It allows you to do a pretty powerful thing: full screening exactly one particular element you want it to. Not only that, but CSS can help as well with a special selector.…\nThe post How to Leverage the Fullscreen API… and Style It appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/how-to-leverage-the-fullscreen-api-and-style-it/",
|
||
"publishedOn": "2021-04-12T14:42:40.000Z",
|
||
"wordCount": 1354,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "How to Leverage the Fullscreen API… and Style It"
|
||
},
|
||
{
|
||
"description": "Get it? Because this blog post is about Around, the wonderful new video call software. I’ve been using it for my video calls and I’d be happy to deliver you a TLDR right off the bat: It’s nice. It …\nThe post See You Around appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/see-you-around/",
|
||
"publishedOn": "2021-04-12T13:19:00.000Z",
|
||
"wordCount": 1219,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "See You Around"
|
||
},
|
||
{
|
||
"description": "If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They are convenient and offer plenty of customizations that would take a ton of effort to build from scratch. They render the …\nThe post Headless Form Submission With the WordPress REST API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://css-tricks.com/headless-form-submission-with-the-wordpress-rest-api/",
|
||
"publishedOn": "2021-04-09T13:20:35.000Z",
|
||
"wordCount": 2442,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "Headless Form Submission With the WordPress REST API"
|
||
},
|
||
{
|
||
"description": "I didn’t know this was a thing until Stefan Judis’s post: \n<a href=\"https://www.stefanjudis.com/popular-posts/\" \n ping=\"https://www.stefanjudis.com/tracking/\"Read popular posts</a\nYou give an anchor link a URL via a ping attribute, and the browser will hit that URL with a web request …\nThe post The `ping` attribute on anchor links appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||
"link": "https://www.stefanjudis.com/today-i-learned/html-defines-a-ping-attribute-on-anchor-elements-links/",
|
||
"publishedOn": "2021-04-08T17:31:16.000Z",
|
||
"wordCount": 652,
|
||
"sourceHref": "https://css-tricks.com/feed/",
|
||
"sourceTitle": "CSS-Tricks",
|
||
"title": "The `ping` attribute on anchor links"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"href": "https://www.smashingmagazine.com/feed/",
|
||
"articles": [
|
||
{
|
||
"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": 2914,
|
||
"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": 3518,
|
||
"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": 966,
|
||
"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": 1915,
|
||
"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": 3153,
|
||
"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": 2962,
|
||
"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": 5987,
|
||
"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": 1857,
|
||
"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": 4048,
|
||
"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": 4081,
|
||
"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": 2017,
|
||
"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": 3381,
|
||
"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": 2457,
|
||
"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": 2034,
|
||
"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)"
|
||
},
|
||
{
|
||
"description": "In this article, Michael Rispoli explains how he evaluated the decision of whether or not to adopt a serverless database for client projects. This decision will focus on three lenses: the functional aspects of the technology, the developer experience, and the business ramifications of adoption.",
|
||
"link": "https://smashingmagazine.com/2021/03/choosing-new-serverless-database-technology-agency/",
|
||
"publishedOn": "2021-03-30T10:30:00.000Z",
|
||
"wordCount": 5732,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Choosing A New Serverless Database Technology At An Agency (Case Study)"
|
||
},
|
||
{
|
||
"description": "A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.",
|
||
"link": "https://smashingmagazine.com/2021/03/svg-generators/",
|
||
"publishedOn": "2021-03-29T09:54:00.000Z",
|
||
"wordCount": 3668,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "SVG Generators"
|
||
},
|
||
{
|
||
"description": "This article presents tactics that can be helpful for those working in organizations that have started engaging in UX, but are still at the lower to middle stages of maturity: knowledge sharing and mentorship.",
|
||
"link": "https://smashingmagazine.com/2021/03/growing-ux-maturity-in-organizations-part-2/",
|
||
"publishedOn": "2021-03-26T11:30:00.000Z",
|
||
"wordCount": 4139,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Growing UX Maturity: Knowledge Sharing And Mentorship (Part 2)"
|
||
},
|
||
{
|
||
"description": "How do we get media performance right while staying within performance budgets? Let’s take a look at the recent stats and data around performance budgets, video playback performance issues and some techniques and tools to address these issues.",
|
||
"link": "https://smashingmagazine.com/2021/03/boost-media-performance/",
|
||
"publishedOn": "2021-03-25T13:00:00.000Z",
|
||
"wordCount": 2050,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "How To Boost Media Performance On A Budget"
|
||
},
|
||
{
|
||
"description": "Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration.",
|
||
"link": "https://smashingmagazine.com/2021/03/reactivity-in-vue/",
|
||
"publishedOn": "2021-03-25T10:00:00.000Z",
|
||
"wordCount": 2273,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Reactivity In Vue"
|
||
},
|
||
{
|
||
"description": "Eleventy (aka 11ty) is rising in the ranks among static site generators. This Node-based builder is attractive due to its zero-config starting point, purely static output, and ease of achieving the coveted top Lighthouse performance score of four perfect 100s. Let’s dive into what else makes it unique, and learn about some essential concepts to help you successfully get started.",
|
||
"link": "https://smashingmagazine.com/2021/03/eleventy-static-site-generator/",
|
||
"publishedOn": "2021-03-24T12:20:00.000Z",
|
||
"wordCount": 4144,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "A Deep Dive Into Eleventy Static Site Generator"
|
||
},
|
||
{
|
||
"description": "One of the drivers of the popularity of headless options is that expectations for the quality of user experience are constantly going up. In this article, we explore what headless means, use cases for it, and how to decide if headless is a good fit for you.",
|
||
"link": "https://smashingmagazine.com/2021/03/going-headless-use-cases/",
|
||
"publishedOn": "2021-03-23T15:15:00.000Z",
|
||
"wordCount": 4265,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Going Headless: Use Cases And What It’s Good For"
|
||
},
|
||
{
|
||
"description": "Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, \"skip\" links, SVGs, tabs, tables, toggles and tooltips.",
|
||
"link": "https://smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/",
|
||
"publishedOn": "2021-03-22T11:30:00.000Z",
|
||
"wordCount": 6863,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "A Complete Guide To Accessible Front-End Components"
|
||
},
|
||
{
|
||
"description": "Wondering what’s happenin’ at Smashing? Well, we’ve been busy. Here’s a little story of how we removed floating labels, improved performance on mobile, and launched a new series of articles. Oh, and how you can contribute to Smashing, too.",
|
||
"link": "https://smashingmagazine.com/2021/03/floating-labels-performance-lighthouse/",
|
||
"publishedOn": "2021-03-19T13:30:00.000Z",
|
||
"wordCount": 2644,
|
||
"sourceHref": "https://www.smashingmagazine.com/feed/",
|
||
"sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers",
|
||
"title": "Gone Floating Labels And Green Lighthouse Scores"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"href": "https://www.freecodecamp.org/news/rss/",
|
||
"articles": [
|
||
{
|
||
"description": "One of the most important concepts for every React developer to understand is state – what it is, how to properly use it, and how to avoid common pitfalls as you build your applications. Let's cover five of the most essential parts of state that you need to know. Each of",
|
||
"link": "https://www.freecodecamp.org/news/what-every-react-developer-should-know-about-state/",
|
||
"publishedOn": "2021-04-16T17:31:00.000Z",
|
||
"wordCount": 2543,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "What Every React Developer Should Know About State"
|
||
},
|
||
{
|
||
"description": "Terraform is a tool that helps you manage various cloud infrastructure services in the form of code. You codify your infrastructure, and so it's also known as Infrastructure as Code (IaC). The cloud has become important to more and more companies. It not only helps reduce time and costs but",
|
||
"link": "https://www.freecodecamp.org/news/what-is-terraform-learn-infrastructure-as-code/",
|
||
"publishedOn": "2021-04-15T23:38:22.000Z",
|
||
"wordCount": 2370,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "What is Terraform? Learn Terraform and Infrastructure as Code"
|
||
},
|
||
{
|
||
"description": "Almost half of all games are created using the Unity game engine. Unity is great for both new and experienced game developers. We just published a 7-hour course on the freeCodeCamp.org YouTube channel that will teach you how to create games using Unity. This is the perfect course for",
|
||
"link": "https://www.freecodecamp.org/news/game-development-for-beginners-unity-course/",
|
||
"publishedOn": "2021-04-15T17:08:48.000Z",
|
||
"wordCount": 419,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "Game Development for Total Beginners - Free Unity Course"
|
||
},
|
||
{
|
||
"description": "Software developers work on designing, coding, testing, and delivering the software we use every day. And whatever that developer's particular specialty, they know a lot about a lot of things – which means they should share that knowledge. Publishing articles and creating video content are great ways to share what we",
|
||
"link": "https://www.freecodecamp.org/news/technical-blogging-basics/",
|
||
"publishedOn": "2021-04-15T16:35:42.000Z",
|
||
"wordCount": 2494,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "Technical Blogging Basics – How to Write Articles as a Developer"
|
||
},
|
||
{
|
||
"description": "In this tutorial we'll learn how to automatically publish machine learning models in a Gitlab package registry and make them available for your teammates to use. You can also use this technique to share a packaged version of your code as a binary. If you are a beginner Gitlab user",
|
||
"link": "https://www.freecodecamp.org/news/ml-model-publishing-with-gitlab-package-registry/",
|
||
"publishedOn": "2021-04-15T16:33:05.000Z",
|
||
"wordCount": 2827,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "How to Automate Machine Learning Model Publishing with the Gitlab Package Registry"
|
||
},
|
||
{
|
||
"description": "In this article, you will build a Book Management App in React from scratch. By creating this app, you will learn: How to perform CRUD operationsHow to use React Router for navigation between routesHow to use React Context API to pass data across routesHow to create a Custom Hook in",
|
||
"link": "https://www.freecodecamp.org/news/react-crud-app-how-to-create-a-book-management-app-from-scratch/",
|
||
"publishedOn": "2021-04-14T19:20:48.000Z",
|
||
"wordCount": 4973,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "React CRUD App Tutorial – How to Build a Book Management App in React from Scratch"
|
||
},
|
||
{
|
||
"description": "There are many essential concepts and lessons that React developers need to know that simply aren't covered in most tutorials. I have handpicked the topics I believe are some of the most important for you to know, but that few articles have dedicated the time to cover in detail. Let's",
|
||
"link": "https://www.freecodecamp.org/news/5-react-lessons-tutorials-dont-teach/",
|
||
"publishedOn": "2021-04-14T18:02:20.000Z",
|
||
"wordCount": 2133,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "5 Key React Lessons the Tutorials Don't Teach You"
|
||
},
|
||
{
|
||
"description": "Test-Driven Development is a much-debated concept in the tech industry. Developers wonder whether they should practice TDD or not, how advantageous it is, and so on. So what is Test-Driven Development, or TDD? Simply put, TDD dictates that you test your code before you push it to production. Now, there",
|
||
"link": "https://www.freecodecamp.org/news/learn-tdd-with-integration-tests-in-net-5-0/",
|
||
"publishedOn": "2021-04-14T17:37:46.000Z",
|
||
"wordCount": 2722,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "Learn Test-Driven Development with Integration Tests in .NET 5.0"
|
||
},
|
||
{
|
||
"description": "Chess games can sometimes go on for quite some time. I once heard a story of a chess game between two famous chess grandmasters that went on for over eight hours, with the crowd waiting for them to make a move. After a while one player said to the other",
|
||
"link": "https://www.freecodecamp.org/news/how-to-build-a-chess-clock-with-javascript-and-setinterval/",
|
||
"publishedOn": "2021-04-14T16:09:14.000Z",
|
||
"wordCount": 1985,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "How to Build a Chess Clock with JavaScript and setInterval"
|
||
},
|
||
{
|
||
"description": "This guide is a summary of my study notes for the Certified Kubernetes Application Developer (CKAD) exam that I recently passed. Even if you're not interested in the certification, consider this as your one-stop shop for Kubernetes: you have all the main technical concepts explained along with a myriad of",
|
||
"link": "https://www.freecodecamp.org/news/how-to-become-a-certified-kubernetes-application-developer/",
|
||
"publishedOn": "2021-04-14T15:57:28.000Z",
|
||
"wordCount": 7524,
|
||
"sourceHref": "https://www.freecodecamp.org/news/rss/",
|
||
"sourceTitle": "freeCodeCamp.org",
|
||
"title": "How to Become a Certified Kubernetes Application Developer"
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"cliVersion": "1.2.1"
|
||
} |