How prebuilt checkout pages maximize efficiency
Prebuilt payment pages save engineering hours and increase revenue. Learn more about the benefits of utilizing a prebuilt checkout page.
Unimog - Cloudflare’s edge load balancer
Unimog is the Layer 4 Load Balancer for Cloudflare’s edge data centers. This post explains the problems it solves and how it works.
Latest SBA phishing attempt: stealthy social engineering phish using newly registered domains attempts to gain bank details
Area 1 blocks social engineering, COVID-19 phishing emails impersonating Small Business Administration, using Newly Registered Domains, PDF attachments.
Setting up and Customizing the Ant Design System in a Nuxt App
I don’t typically work with UI libraries because they can be cumbersome and hard to override, which can contribute to a bloated. However, Ant Design has
Generating a normal distribution in SQL
SQL and PostgreSQL can be used to create sample data which possesses certain statistical properties like a normal distribution.
Tophatting in React Native - Shopify
To provide a more convenient and painless experience, we built a tool enabling React Native developers to quickly load their peer’s work within seconds.
How To Build A Blog With Next And MDX — Smashing Magazine
In this guide, Ibrahima Ndaw will be looking at Next.js, a popular React framework that offers a great developer experience and ships with all of the features you need for production. We will also build a blog, step by step, using Next.js and MDX. Finally, we’ll cover why you would opt for Next.js instead of “vanilla” React and alternatives such as Gatsby.
Jetpack 8.9: Take Donations, Capture Email Subscribers, AMP integration, and More
Jetpack 8.9 shipped on September 1 and it shows why the plugin continues to be the premier way to take a WordPress site from good to holy smokes! Several new
AVIF has landed
Everybody is talking about AVIF today because of Jake's blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web
One Action, Multiple Terminal Windows Running Stuff
Many development environments require running things in a terminal window. npm run start, or whatever. I know my biggest project requires me to be running a
Fault tolerance through optimal workload placement
As our infrastructure has expanded, we have seen an exponential growth in failures that affect a subset of capacity in a data center. These may stem from software or firmware errors, or issues in the mechanical or electrical equipment in the data center. As our data center footprint grows, so does the frequency of such […]
Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine
Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.
Smashing Podcast Episode 24 With Cassie Evans: What Is SVG Animation? — Smashing Magazine
We’re talking about SVG Animation. How can vector images, JavaScript and CSS all work together to provide engaging motion graphics? Drew McLellan talks to SVG expert Cassie Evans to find out.
Working with JavaScript Media Queries
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
All the Ways to Make a Web Component
This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting "A Bit on Web Components
Import Non-ESM libraries in ES Modules, with Client-Side Vanilla JS
We're living through a weird era where there are tons of JavaScript libraries that were meant to be used as <script> tags that expose available globals.
Using max() for an inner-element max-width
I go into all this in The "Inside" Problem. The gist: you want an edge-to-edge container, but the content inside to have a limited width. I think there is
Figma’s new EMEA HQ
We're opening an office in London to better support users in EMEA
Smart Interface Design Patterns In Your Pocket: Checklist Cards PDF — Smashing Magazine
Meet our Smart Interface Design Patterns Checklist Cards, a deck of 100 cards with questions to ask when designing and building any interface component — carousel, hamburger, table, date picker, autocomplete, slider, onboarding, pricing plans, authentication, web forms and many others. Check the preview (PDF) and jump to description ↓
How To Automate API Testing With Postman — Smashing Magazine
Postman allows you to manually test your APIs in both its desktop and web-based applications. However, it also has the ability for you to automate these tests by writing JavaScript assertions on your API endpoints. In this article, Kelvin Omereshone will learn how to write automated tests on web APIs with Postman. In order to follow along to this tutorial, you’ll need at least a fair amount of fam
Just because it's there doesn't mean you should use it
Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs
Beyond using media queries and modern CSS layouts, like flexbox and grid, to create responsive websites, there are certain overlooked things we can do well to
Release Radar
It’s back! We’re here to bring you the latest and greatest releases for September 2020. These are exciting new releases from some of the coolest projects around. There’s everything from…
Building A Component Library With React And Emotion — Smashing Magazine
A component library helps to keep a design consistent across multiple projects. It ensures consistency because any changes made will propagate across the projects that make use of it. In this tutorial, Ademola Adegbuyi will show you how to build a component library, using Emotion in React to resolve inconsistencies. At the end of this piece, you should be able to create a component library that fi
