Links on Performance III
Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver
proxy-www
I like a good trick. What if... a URL was... a promise... that fetched said URL?
Wrangling Control Over PDFs with the Adobe PDF Embed API
By our last estimate, there are now more PDFs in the world than atoms in the universe (not verified by outside sources) so chances are, from time to time,
Blog about what you've struggled with
Blog about what you've struggled with
Array reduce vs chaining vs for loop
A comparison of different approaches to operating on an array
Role Management at Slack
Controlling which users are able to take which actions is no simple task. Building this into Slack has always been an interesting challenge. In large enterprise organizations, the standard types of roles we offered to customers were too broad, and delegating a generic admin role can grant someone with too much power — what if…
CSS Container Queries: Use-Cases And Migration Strategies — Smashing Magazine
CSS Container queries bring media queries closer to the target elements themselves and enables them to adapt to virtually any given container or layout. In this article, Adrian Bece is going to cover CSS container query basics and how to use them today with progressive enhancement or polyfills.
What is Observability
Reader feedback on CPUs: pay attention to those frequencies
CDN-Cache-Control: Precision Control for your CDN(s)
A new set of HTTP response headers provide control over our CDN’s caching decisions. CDN-Cache-Control allows customers to control how our CDN behaves without affecting the behavior of other caches.
Should DevTools teach the CSS cascade?
Stefan Judis, two days before I mouthed off about using (X, X, X, X) for talking about specificity, has a great blog post not only using that format, but
Svelte for the Experienced React Dev
This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and
CSS Hell
Collection of common CSS mistakes, and how to fix them
Other Driven Developments - Shopify
Mental models within an industry, company, or even a person, change constantly. As methodologies mature, we see the long term effects our choices have wrought and can adjust accordingly. As a team or company grows, methodologies that worked well for five people may not work as well for 40 people.
Building A Rich Text Editor (WYSIWYG) — Smashing Magazine
In this article, Shalabh Vyas will show you how to build a WYSIWYG/Rich-Text Editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations. The code for the application is available on GitHub for reference.
Improving your monitoring setup by integrating Cloudflare’s analytics data into Prometheus and Grafana
Here at Labyrinth Labs, we put great emphasis on monitoring. Having a working monitoring setup is a critical part of the work we do for our clients. Improving your monitoring setup by integrating Cloudflare’s analytics data into Prometheus and Grafana
Learn CSS!
Ooo look at this mighty SEO flex from Google: Learn CSS! Well deserved — this is great content. Twenty-three chapters taking you through all the fundamentals
JSON in CSS
Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom
fit-content and fit-content()
Here's some hardcore deep-dive CSS nerdery from PPK. If you can wrap your mind around min-content (the smallest an element can be based on the content it
How we managed our global supply chain through a year of lockdown
Peering automation at Facebook
Traffic on the internet travels across many different kinds of links. A fast and reliable way to exchange traffic between different networks and service providers is through peering. Initially, we managed peering via a time-intensive manual process. Reliable peering is essential for Facebook and for everyone’s internet use. But there is no industry standard for […]
Boost Your Skills Online: Smashing Workshops On Front-End And Design — Smashing Magazine
Our workshops bring in knowledgeable, kind folks from the community to explore real-life solutions to real-life problems, live, with you. Front-end and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run 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.
How To Implement Authentication In Next.js With Auth0 — Smashing Magazine
At the moment of adding authentication and authorization to our web applications, there are some things that we should evaluate, e.g. whether we need to create our own security platform or whether we can rely on an existing third-party service. Let’s see how we can implement authentication and authorization in Next.js apps, with Auth0.
Notion API
The Public Beta of the Notion API dropped! Woot! Here's their guide. I've been a Notion user and fan for a long time, for both personal and professional team
Ludum Dare 48 staff picks
The theme for Ludum Dare 48 was “deeper and deeper,” which inspired over ten thousand people to create almost four thousand games together over a weekend. As you can imagine,…
gmock and gtest on OpenBSD 6.9 hate each other
User-Friendly Mega-Dropdowns: When Hover Menus Fail — Smashing Magazine
With such a complex multi-level navigation, showing the breadth of options requires quite a bit of space. Think of large eCommerce retailers and large corporate sites, catering to many audiences and having plenty of entry points. Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus
Multiplayer Doom on Cloudflare Workers
So, if a developer wants to run their next hit, say a real-time multiplayer game, using nothing but their app and Workers, without any servers or traditional infrastructure, can they? Let’s prove they can. Here's Doom Multiplayer running on top of Cloudflare Workers.
How to Create Neon Text With CSS
Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d
GitHub Artifact Exporter open source release
GitHub Artifact Exporter provides a CLI and a simple GUI for exporting GitHub Issues and related comments based on a date range, and it supports GitHub’s full search syntax.
How we talk about CPU (or processors, or cores, or...)
How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0 — Smashing Magazine
Three years ago, we published a comprehensive introduction to the basic use of SVGator. At that time it was an app meant solely for animating SVG files created in other apps. Two years ago, we introduced you to a new version of SVGator and its improved animation capabilities. Today, we are taking a closer look at SVGator 3.0, a new major release of the popular SVG application that lets you create,
Smashing Podcast Episode 37 With Adam Argyle: What Is VisBug? — Smashing Magazine
In this episode, we’re talking about VisBug. What is it, and how is it different from the array of options already found in Chrome DevTools? Drew McLellan talks to its creator Adam Argyle to find out.
Inside Maker Week: more than a hackathon
A behind-the-scenes look at a Figma tradition, and some of our favorite moments
Headphones on, volume up: Introducing The ReadME Podcast
Today we’re introducing The ReadME Podcast, a GitHub podcast that takes a peek behind the curtain of some of the most impactful open source projects, and the developers who make…
How to look at the stack with gdb
How to look at the stack with gdb
How We Improved Our Core Web Vitals (Case Study) — Smashing Magazine
Google’s “Page Experience Update” will start rolling out in June. At first, sites that meet Core Web Vitals thresholds will have a minor ranking advantage in mobile search for all browsers. Search is important to any business, and this is the story of how Beau Hartshorne and his team at Instant Domain Search improved their Core Web Vitals scores. Plus, an open-source tool they’ve built along the w
Automating Cloudflare Tunnel with Terraform
An overview on how to use Terraform to automatically deploy Named Tunnels into your infrastructure with Cloudflare.
Auto-Generated Social Media Images
I've been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or
Tree-Shaking: A Reference Guide — Smashing Magazine
Since its early days, JavaScript programs have grown in complexity and the number of tasks they perform. The need to compartmentalize such tasks into closed scopes of execution became apparent. “Tree-shaking” is a must-have performance optimization when bundling JavaScript. In this article, we dive deeper on how exactly it works and how specs and practice intertwine to make bundles leaner and more
Humanity wastes about 500 years per day on CAPTCHAs. It’s time to end this madness
We want to remove CAPTCHAs completely. The idea is rather simple: a real human should be able to touch or look at their device to prove they are human, without revealing their identity. Let's explore!
Shifting team culture at Config 2021
Some of our favorite moments from the conference
Video uploads now available across GitHub
As developers, the ability to collaborate through video (for example, pair programming, demos, etc.) is an extremely important part of a software workflow, especially for communities and teams that are…
Running Border Gateway Protocol in large-scale data centers
What the research is: A first-of-its-kind study that details the scalable design, software implementation, and operations of Facebook’s data center routing design, based on Border Gateway Protocol (BGP). BGP was originally designed to interconnect autonomous internet service providers (ISPs) on the global internet. Highly scalable and widely acknowledged as an attractive choice for routing, BGP […
Three Ways We Share Context at Shopify Engineering - Shopify
To do your best work as a developer, you need context. A development community thrives when its members share context as a habit. That's why Shopify Engineering believes that sharing context is vital to our growth and success—as a company, as a team, and as individuals. Context is an abstract term, and we use it to refer to the why, what, and how of our development philosophies, approaches, and ch
Highly available and highly scalable Cloudflare tunnels
Starting today, we’re thrilled to announce you can run the same tunnel from multiple different cloudflareds simultaneously. This enables graceful restarts, elastic auto-scaling, easier Kubernetes integration, and more reliable tunnels.
Making Disabled Buttons More Inclusive
Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML
PostgreSQL: Detecting slow queries quickly
UPDATED Mar 2023: How to use pg_stat_statements to detect slow queries - including examples and code - improve PostgreSQL performance
Setting up PostgreSQL streaming replication
This tutorial will show you how to setup up and configure streaming replication for PostgreSQL 13 & how to set up database servers quickly.
Achieving observability in async workflows - Netflix TechBlog
Managing and operating asynchronous workflows can be difficult without the proper tools and architecture that puts observability, debugging, and tracing at the forefront. Imagine getting paged…
Designing Birthday Picker UX: Simpler Is Better — Smashing Magazine
They are everywhere. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. Perhaps it’s a disabled submit button that never communicates what’s actually wrong, or tooltips that — once opened — cover the input field just when you need to correct a mistake. In this new series of articles on UX, we take a closer look at some frustrating
Little Smashing Stories — Smashing Magazine
Over a decade ago, we set out to send a [truly smashing newsletter](https://www.smashingmagazine.com/the-smashing-newsletter/) with useful tips and techniques for designers and developers. The first issue was sent out in early 2009. Today marks the day we sent out our 300th edition of the Smashing Newsletter. This article is a little celebration in which we share little Smashing stories from peopl
New invoicing features to help you get paid faster
Over the past few months, we’ve added several new features to Stripe Invoicing to help any business get paid faster and streamline their collection workflows.
Sessions kicks off June 16
Join us for Sessions, our online conference happening June 16-30, for product updates, workshops, and talks.
Designing the new Cloudflare Web Application Firewall
The Cloudflare Web Application Firewall (WAF) protects websites and applications from malicious traffic attempting to exploit vulnerabilities in server software. It’s a critical piece of the broader security posture of your application.
Next Gen CSS: @container
Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a
CSS Pie Timer Re-Revisited
Kitty reflected on an ancient blog post here on CSS-Tricks on how to make an animated pie timer. The old technique is still clever. The new technique is
I could build this during the weekend
How many times have you heard that (or even uttered it under your own breath)? I know I've heard it in conversations. I also know I've wondered the same thing
Join GitHub on June 5 to celebrate the Class of 2021
This year, thousands of students from around the world came together and redefined the world we live in, how we learn, and how we move forward. We are honored to…
The OSI model doesn't map well to TCP/IP
The OSI model doesn't map well to TCP/IP