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
Don't Solve Problems, Eliminate Them
How eliminating problems can drastically simplify your codebases and life
A Primer On CSS Container Queries — Smashing Magazine
In more recent years, design systems and component libraries have gained popularity. There is also a desire to build once, deploy anywhere. Meaning a component developed in isolation is intended to work in any number of contexts to make building complex interfaces more efficient and consistent. CSS container queries have landed and are now available for experimentation. Let’s look at what problem
The Conference Platform We Use For Our Online Events: Hopin — Smashing Magazine
At the beginning of 2020, the SmashingConf team was ready for a new year. We had so many things that excited us. New speakers, new workshops, new cities, new attendees, new experiences. And as we all know, 2020 had other ideas. With so many people working from home, we thought we would bring our [Smashing workshops](https://smashingconf.com/online-workshops/) from our home offices to yours — but h
Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal
I recently came across an interesting problem. I had to implement a grid of cards with a variable (user-set) aspect ratio that was stored in a --ratio custom
Migrating from Parcel to Snowpack
I find build tooling endlessly interesting, especially right now as we're in a juicy next-gen transitional period with players like Vite, wmr, Snowpack, and
Security keys are now supported for SSH Git operations
GitHub has been at the forefront of security key adoption for many years. We were an early adopter of Universal 2nd Factor (“U2F”) and were also one of the first…
Get Started With React By Building A Whac-A-Mole Game — Smashing Magazine
Want to get started with React but struggling to find a good place to start? This article should have you covered. We’ll focus on some of the main concepts of React and then we’ll be building a game from scratch!
Poor Disk Performance
Some Typography Links IV
These are a few great links about typography that have been burning a hole in my saved bookmarks folder that I'm just now getting around to sharing. There's good stuff in there, from how to choose typefaces for app design to ideas for how to fix the concept of font sizing in CSS.
Release Radar
We’ve seen some amazing community projects this last month. These are exciting new releases from some of the coolest projects around. There’s everything from world-changing tech to weekend hobbies. There…
