Remove docs whats-new release-notes preview-releases
article thumbnail

Monetize Open-Source Software With Gatsby Functions And Stripe

Smashing Magazine

In this article, I’ll be explaining how I’ve used Gatsby Functions and the Stripe API to enable secure “Pay what you want” contributions that help fund my open-source project MDX Embed. Here’s a diagram to help illustrate what that looks like: A Gatsby website using its own Serverless Functions. Large preview ). Large preview ).

article thumbnail

Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React?

Smashing Magazine

Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React? Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React? What is it and how can it help with your React projects? Show Notes. Tell me, what is Chakra UI? What space is it in, and what problem is it solving for us?

Website 62
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

A Guide To CSS Debugging

Smashing Magazine

We’ve all been there, at the end of completing CSS for a layout and — what’s that? And on some browsers, that new feature just doesn’t seem to be working. Large preview ). For example, CodePen defaults to using the Normalize reset, which may introduce new problems if you’re not already using it. Large preview ).

Design 145
article thumbnail

Progress Delayed Is Progress Denied

Alex Russell

that feature is in Tech Preview. Whatever point gaps in capabilities Apple has created and maintains between the web and native, it's important that we understand the trends rather than the perceptions generated by individual releases. What's unhealthy is an engine trailing far behind for many years. Higher is better.

Media 145
article thumbnail

Useful Figma Plugins And Tools

Smashing Magazine

fonts preview. note-taking. If you need to test how a different font size will impact your layout, Text Resizer helps you to see what exactly happens with increased or decreased font sizes. Text Resizer helps you see what exactly happens with increased or decreased font sizes. Large preview ). accessibility.

Google 145
article thumbnail

Three Insights I Gained While Researching Vue.js Accessibility

Smashing Magazine

What makes headlines providing a structure is not only their mere existence. Even without visiting the actual page and without actually perceiving it visually, this headline tree created a table of contents helping you understand what sections can be expected on the front page. website : 1 — Welcome to GOV.UK

Strategy 140
article thumbnail

Methods Of Improving And Optimizing Performance In React Apps

Smashing Magazine

Never start the optimization process of your React application based on what you feel. Instead, use the measurement tools available to analyze the performance of your React app and get a detailed report of what might be slowing it down. Performance profiler summary ( Large preview ). Measuring Performance.