Stripe Atlas: the first five years and 20,000 startups
In the past five years, over 20,000 businesses have started with Stripe Atlas and have generated over $3 billion in revenue. We surveyed 1,000 founders—here’s what we found.
Supercharge your Vercel Projects with Integrations
Connect your Vercel project to databases, monitoring tools, commerce providers, developer tools, and more.
Cloudflare’s Network Doubles CPU Capacity and Expands Into Ten New Cities in Four New Countries
Cloudflare's global network is always expanding. We've recently added ten new cities and four new countries to our network.
When a Click is Not Just a Click
The click event is quite simple and easy to use; you listen for the event and run code when the event is fired. It works on just about every HTML element
Fixing a Bug in Low-Resolution Mode
I was working on a bug ticket the other day where it was reported that an icon was sitting low in a button. Just not aligned like it should be. I had to go on
GitHub Copilot research recitation
GitHub Copilot: Parrot or Crow? A first look at rote learning in GitHub Copilot suggestions.
The State Of Web Workers In 2021 — Smashing Magazine
The web is single-threaded. This makes it increasingly hard to write smooth and responsive apps. Workers have a bad rep, but can be an important and useful tool in any web developer
The Many Shades Of July (2021 Desktop Wallpapers Edition) — Smashing Magazine
Let’s welcome July with some fresh desktop wallpapers. Designed by artists and designers from around the world, they are available with and without a calendar. Enjoy!
Chromium spelling and grammar features
Delan Azabani digs into the (hopefully) coming soon ::spelling-error and ::grammar-error pseudo selectors in CSS. Design control is always nice. Hey, if we
What does `font: 110%/1.4 system-ui` mean?
I use this line, or one like it, in a lot of quick demos. Not that it's not a production-worthy line of code—I just tend to be a bit more explicit on bigger
:nth-child Between Two Fixed Indexes
I needed to select some elements between two fixed indexes the other day — like literally the second through fifth elements. Ironically, I have a whole post
Introducing GitHub Copilot: your AI pair programmer
Today, we’re launching a technical preview of GitHub Copilot, a new AI pair programmer that helps you write better code.
Breaking Down Bulky Builds With Netlify And Next.js — Smashing Magazine
Static Generation is great for performance — until the app gets too big and build-times go through the roof. Today, we’ll have a look at how Netlify’s fresh On-Demand Builders can fix that. Additionally, we pair it up with Next.js’ Incremental Static Regeneration for the best user and developer experience. And, of course, benchmark those results!
Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React? — Smashing Magazine
In this episode, we’re talking about Chakra UI. What is it and how can it help with your React projects? Drew McLellan talks to expert Mike Cavaliere to find out.
System *Things
I think we're all largely aware of colors like this:
Working around the viewport-based fluid typography bug in Safari
Sara digs into a bug I happened to have mentioned back in 2012 where fluid type didn't resize when the browser window resized. Back then, it affected Chrome
Scaling Organizations Should Consider Building a Website Backed by a CRM Platform
To make some terminology clear here:
Positioning Overlay Content with CSS Grid
Not news to any web developer in 2021: CSS Grid is an incredibly powerful tool for creating complex, distinct two-dimensional modern web layouts.
Asicmon: A platform agnostic observability system for AI accelerators
Accelerators are special-purpose hardware devices optimized for specific applications, like AI prediction and video encoding. And Application-specific hardware platforms play an important role in meeting the growing latency and compute demands of workloads like deep learning, content understanding, and video encoding. At Facebook, the inevitable rise in use of accelerators in our data centers has
Driving towards an open internet ecosystem to help tackle the digital divide
Connectivity is an integral part of Facebook’s mission to bring people closer together, and the COVID-19 pandemic has only heightened the demand for critical internet access. According to the latest edition of our Inclusive Internet Index, nearly 70 percent of people around the world believe that increased internet usage in all aspects of their lives […]
Creating Custom Emmet Snippets In VS Code — Smashing Magazine
In this article, Manuel explains why Emmet is one of his favorite productivity tools for writing HTML and CSS, and how you can create custom Emmet snippets in Visual Studio Code to help you improve your front-end workflows even more. It takes some time to create these snippets, but it’s worth the effort because you can customize Emmet to your personal preferences, automate repetitive tasks and sav
Seven years of the GitHub Security Bug Bounty program
GitHub’s bug bounty program is now a mature component of how we improve product security. We’re excited to highlight some achievements (and interesting vulnerabilities)!
Stuff The Internet Says On Scalability For June 25th, 2021 - High Scalability -
Hey, it's HighScalability time! Only listen if you want a quantum earworm for the rest of the day. Not your style? This is completely different. No, it’s even more different than that. Today in things that nobody stopped me from doing: The AWS Elastic Load Balancer Yodel Rag. pic.twitter.com/ocyVLf8WlUMay 28, 2021 Love this Stuff? I need your support on Patreon to help keep this stuff going. Do em
Creating A Multi-Author Blog With Next.js — Smashing Magazine
This article explains how we can connect different types of content in a Next.js application. With this technique, we can add any kind of one-to-one, one-to-many, or even many-to-many relationship to our projects. Today, Dom Habersack is going to build a blog with Next.js that supports two or more authors. You will attribute each post to an author and show their name and picture with their posts.
How To Run A UX Audit For A Major EdTech Platform (Case Study) — Smashing Magazine
A UX audit is a simple and efficient way to check whether design elements are performing their function. It’s also a good way to look at an existing design from a fresh perspective. This article is a case study of how a UX audit affects a UI. It explains how a famous educational platform can be analyzed edX against Jakob Nielsen’s usability guidelines. To get started, Mark Lankmiller shares all of
Browser VNC with Zero Trust Rules
Starting today, we’re excited to share that you can now shift another traditional client-driven use case to a browser. Teams can now provide their users with a Virtual Network Computing (VNC) client fully rendered in the browser with built-in Zero Trust controls.
Chapter 9: Community
In April of 2009, Yahoo! shut down GeoCities. Practically overnight, the once beloved service had its signup page replaced with a vague message announcing its
Constraints over multiple rows in PostgreSQL
Constraints over multiple rows: How to cope with complex PostgreSQL constraints. Advanced techniques - enforce integrity; manage concurrency.
Figma's Series E
We have closed a new round of funding led by Durable Capital Partners
Run online campus events with your favorite tools at no cost with the new GitHub Virtual Event Kit
We’re excited to announce the newest addition to the Student Developer Pack, the GitHub Virtual Event Kit! Access the best virtual event tools in one place at no cost.
Let’s Encrypt x Shopify: Securing the Web 4.5 Million Domains at a Time - Shopify
Let's Encrypt is a game changer for the industry. For a big software-as-a-service company like Shopify, it saves time because their implementation is built around an open specification.
The Rise Of Design Thinking As A Problem Solving Strategy — Smashing Magazine
In the dynamic and unpredictable environments in which we work, even the most carefully crafted solutions can have a short shelf life. When we accept that our work is impermanent and our problem-solving abilities are limited, our goal can shift from delivering full solutions to developing tools that empower our users to adaptively design for themselves.
Announcing Rollbacks and API Access for Pages
Today we announce two new features: rollbacks and the Pages API.
Introducing the new GitHub Issues
Announcing new beta features for GitHub Issues for better planning and tracking of your projects in GitHub, including project tables, task lists, and issue forms.
Smashing Online Workshops (July-October 2021) — Smashing Magazine
What’s the state of HTML Email? How do we build and establish a successful design system? Frontend and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run [online workshops](https://smashingconf.com/online-workshops/) for all of us to learn together. And we have new ones coming up, and we’d like to kindly welcome you to join in.
Automating Screen Reader Testing On macOS Using Auto VO — Smashing Magazine
Automated testing is an important part of any software project, including testing for accessibility. There are already tools for linting and integration testing accessibility, but what about end-to-end testing with real assistive technology? Since I hadn’t seen this before, I set out to build Auto VO, a driver for the VoiceOver screen reader.
Vercel: Series C funding announcement
Vercel has added an additional $102 million of investment at a valuation greater than $1BN. This is a major milestone for our company, customers, and community in our mission to build a faster web, together.
More products, more partners, and a new look for Cloudflare Logs
Customers can now use our dashboard to push HTTP, Spectrum, Firewall, and NEL Events directly to Datadog, Sumo Logic, Splunk, or an S3-compatible storage provider.
Sudan's exam-related Internet shutdowns
To prevent cheating in exams many countries restrict or even shut down Internet access during critical exam hours. I wrote two weeks ago about Syria having planned Internet shutdowns during June, for exams. Sudan is doing the same thing and has had four shutdowns so far.
inherit, initial, unset, revert
There are four keywords that are valid values for any CSS property (see the title). Of those, day to day, I'd say I see the inherit used the most. Perhaps
Using Custom Elements in Svelte
Svelte fully supports custom elements (e.g. <my-component>) without any custom configuration or wrapper components and has a perfect score on Custom
If we're gonna criticize utility-class frameworks, let's be fair about it
I'm not here to raise a shield protecting CSS utility frameworks. I don't even particularly like the approach, myself, and nothing is above fair criticism.
A framework for building Open Graph images
We recently set about creating a framework and service for automatically generating social sharing images for repositories and other resources on GitHub.
Introducing Netflix Timed Text Authoring Lineage - Netflix TechBlog
Dubbing and subtitling are inherently creative processes. At Netflix, we strive to make shows as joyful to watch in every language as in the original language, whether a member watches with original…
Rate Limiting GraphQL APIs by Calculating Query Complexity - Shopify
GraphQL opens new possibilities for rate limiting. I’ll show you Shopify’s rate limiting system for the GraphQL Admin API and how it addresses some limitations of common methods commonly used in REST APIs.
Designing With Code: A Modern Approach To Design (Development Challenges) — Smashing Magazine
After years of innovation in both tools and processes, the struggle between design and development is still real. This article focuses on the best practices for improving the design to development processes and how cutting-edge solutions, such as UXPin powered by Merge technology, can help in facilitating the change.
Next.js 11, Next.js Live and more: A recap of Next.js Conf Special Edition
Learn more about the latest releases announced at Next.js Conf, including Next.js 11 and Next.js Live.
Are we in a new era of web design? What do we call it?
Una is calling it the new responsive. A nod to the era we were most certainly in, the era of responsive design. Where responsive design was fluid grids,
How to Create CSS Charts With Interesting Shapes, Glyphs and Emoji
Let’s forego the usual circles and bars we typically see used in charts for more eccentric shapes. With online presentations more and more common today, a
GitHub Packages Container registry is generally available
Throughout the beta, we added features to improve the experience of using the Container registry. Today, we’re excited to announce that the Container registry is generally available as part of GitHub Packages!
Consolidating Facebook storage infrastructure with Tectonic file system
What the research is: Tectonic, our data center scale distributed file system, enables better resource utilization, promotes simpler services, and requires less operational complexity than our previous approach. Our previous storage infrastructure consisted of a set of use-case specific storage systems. Clusters, or instances of these storage systems, used to scale to tens of petabytes. […] Read M
Meet Kats — a one-stop shop for time series analysis
What it is: A new library to analyze time series data. Kats is a lightweight, easy-to-use, and generalizable framework for generic time series analysis, including forecasting, anomaly detection, multivariate analysis, and feature extraction/embedding. To the best of our knowledge, Kats is the first comprehensive Python library for generic time series analysis, which provides both classical […] Rea
Image To Text Conversion With React And Tesseract.js (OCR) — Smashing Magazine
Do you have to process data manually because it is served through images or scanned documents? An image-to-text conversion makes it possible to extract text from images to automate the processing of texts on images, videos, and scanned documents. In this article, we look at how to convert an image to text with React and Tesseract.js(OCR), preprocess images, and deal with the limitations of Tessera
Introducing the Stripe Extension for VS Code
Stripe launches an extension for Visual Studio Code. Learn more about what features are offered and how to get started.
Cloudflare TV: Doing it Live, 1,000 Times and Counting
Since launching in June 2020, Cloudflare TV has featured over 1,000 original live episodes covering an incredible array of topics and we're just getting started.
Using the `outline` Property as a Collapsable Border
The outline property in CSS draws a line around the outside of an element. This is quite similar to the border property, the main exception being that outline
An Alternative Voice UI To Voice Assistants — Smashing Magazine
Voice assistants are currently the most popular use case for voice user interfaces. However, because voice assistants give feedback by talking to the user, assistants can only solve simple user tasks such as setting an alarm or playing music. In order for voice user interfaces to really break through, feedback to the user must be visual instead of auditive.
Client-Side Routing In Next.js — Smashing Magazine
Next.js has a file-based routing system in which each page automatically becomes a route based on its file name. Each page is a default exported React component from the pages directory that can be used to define the most common route patterns. This article will guide you through almost everything you need to know about Routing in Next.js and point you in the direction of related topics and concep
Announcing WARP for Linux and Proxy Mode
Starting today Cloudflare WARP is available for Linux and comes with the ability to run as a local proxy.
Perfect Tooltips With CSS Clipping and Masking
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a
