The Fastest Google Fonts
When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you're already saying, "I'm cool with
Let's Make One of Those Fancy Scrolling Animations Used on Apple Product Pages
Apple is well-known for the sleek animations on their product pages. For example, as you scroll down the page products may slide into view, MacBooks fold open
Keep your secrets synced across multiple repositories with organization secrets
Now you can define secrets for an organization, making it easier to keep secrets synced across multiple repositories.
April service disruptions analysis
We had multiple service interruptions in April that may have impacted your projects and businesses. We know how important reliability is for our users and have detailed an analysis on the disruptions.
Remote work: How parents are adapting and working during COVID-19
GitHub parents share their tips for adapting during COVID-19 and working from home with kids.
Just some red flags. No big deal. Just ignore them.
How To Design A Brand Logo (With Ease) — Smashing Magazine
Great logo design can do incredible things for the company behind it. Set the tone for the brand. Improve memorability. Help users emotionally connect to the brand. Create consistency between all marketing channels. Set it apart from the competition. But as a web designer, do you know how to tackle the lofty request of logo design when a client brings it to you?
Inspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication — Smashing Magazine
These days, product companies seem more interested in refining interfaces and simplifying user experiences. In this ninth issue of Inspired Design Decisions, Andy Clarke will explain how studying the work of Max Huber — one of the less well known but most distinguished Swiss designers — will teach you how to turn mundane subjects into exciting visual communication.
GitHub Protips: Tips, tricks, hacks, and secrets from Sarah Vessels
In this edition of GitHub Protips, Sarah Vessels shares how she expresses ideas in code and doesn’t stress about the nitty-gritty details of how to neatly organize branches.
7 Ways to Make Your SQL Workshop Beginner-friendly - Shopify
Here are some of the approaches we use to help data workshop participants walk away equipped and excited to start using data to power their work.
Understanding Machines: An Open Standard For JavaScript Functions — Smashing Magazine
In this article, Kelvin Omereshone introduces you to machines, an open standard for JavaScript functions. At the end of this article, you should be familiar with what machines are and how to implement them. There is no special prerequisite for this article. If you can write a JavaScript function, then you’ll be able to follow along. With all that said, let’s dive in.
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects
I was reading Anna Kaley's "Listboxes vs. Dropdown Lists" post the other day. It's a fairly straightforward comparison between different UI implementations of
Three bugs in the Go MySQL Driver
Check out what we learned from shipping our busiest Go service in production—we found 3 bugs in the Go MySQL driver.
How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts — Smashing Magazine
Performance is a competitive advantage that can bring and retain customers. We can’t afford regularly spending time optimizing apps all over again. It’s costly, and complex. As a first step in coming up with a solution for any problem, we need to make the problem visible. In this article, Anton Nemtsev will help you with exactly that It’s not enough to optimize an application. You need to prevent
Resolve internal hostnames with Cloudflare for Teams
Cloudflare for Teams customers can customize the destination for any domain name queried by devices using Cloudflare Gateway.
Using BugHerd to Track Visual Feedback on Websites
BugHerd is about collecting visual feedback for websites.
How to Build a Chrome Extension
I made a Chrome extension this weekend because I found I was doing the same task over and over and wanted to automate it. Plus, I’m a nerd living through a
WordPress Block Transforms
This has been the year of Gutenberg for us here at CSS-Tricks. In fact, that's a goal we set at the end of last year. We're much further along that I thought
User agents
Jeremy beating the classic drum:
How to count hits on a website - concurrent counting in PostgreSQL
How to grant users access to a certain piece of data a limited number of times. What happens if two users access it concurrently?
Bringing live Figma embeds to your team’s favorite tools
Now, you can embed private Figma files into Notion, Dropbox Paper, Jira, and more.
Animated Sparkles in React
In this dazzling tutorial, we'll see how to build an animated component. Wrap it around text or images and watch them twinkle! This neat trick is a perfect way to emphasize positive or exciting things.
Infra teams: good, bad, or none at all
What Is Nix - Shopify
This article is going to be a crash course in what Nix is, how to think about it, and why it's such a valuable and paradigm-shifting piece of technology.
Prototyping at Slack
Over the years at Slack — usually during periods of high growth — teams have defaulted to working in a waterfall where an idea is proposed and researched, then designed or spec’d, then built, in that order. It’s not the most efficient way to work and as a company grows — with more people involved…
Can Data Visualization Improve The Mobile Web Experience? — Smashing Magazine
Since more and more web traffic comes from mobile users, our websites need to be in the best position to serve them. The easiest thing to do would be to remove unnecessary content from the site. However, it may not always be the best solution. In this article, Suzanne Scacca proposes some ways to turn essential content into graphics to conserve space, create a more engaging UI and preserve the ove
Smashing Podcast Episode 16 With Ben Frain: How Can I Optimize My Home Workspace? — Smashing Magazine
In this episode of the Smashing Podcast, we’re talking about shaping our physical spaces when working from home. What can you do to take a step up from working at your kitchen table? Drew McLellan talks to workspace geek Ben Frain to find out.
DeepLinks and ScrollAnchor
One of the interesting challenges with deep linking in the Cloudflare Dashboard is that most interesting resources are “locked” behind the context of an account and a zone/domain/website. To illustrate this, look at a tree of possible URL paths into Cloudflare’s Dashboard.
Unprefixed `appearance `
It's interesting how third-parties are sometimes super involved in pushing browser things forward. One big story there was how Bloomberg hired Igalia to
First Steps into a Possible CSS Masonry Layout
It's not at the level of demand as, say, container queries, but being able to make "masonry" layouts in CSS has been a big ask for CSS developers for a long
Tackling Authentication With Vue Using RESTful APIs
Authentication (logging in!) is a crucial part of many websites. Let’s look at how to go about it on a site using Vue, in the same way it can be done with any
Improve test error messages of your abstractions
How to manipulate stack traces to get beautiful error messages with Jest and your test helper functions.
How To Create A Mobile App In Expo And Firebase (For iOS And Android) — Smashing Magazine
The social media company released React Native, and it quickly became the most popular framework for building mobile apps with JavaScript. In this article, based on his experience with creating a GPS and navigation application, Chafik Gharbi will show you how to create a mobile app using Expo and Firebase services such as Firestore, Firebase functions and Expo push notifications.
Stripe’s first carbon removal purchases
Announcing our first four recipients and expanding our commitment to support the negative emissions ecosystem.
How to Tame Line Height in CSS
In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we
CSS fix for 100vh in mobile WebKit
A surprisingly common response when asking people about things they'd fix about anything in CSS, is to improve the handling of viewport units.
Ludum Dare 46 staff picks
10 games from Ludum Dare 46 for your entertainment and source code-viewing pleasure.
Remote work: How Finance, Legal, and IT made the shift to working from home
Traditional in-office teams share how they are adjusting to remote life
Learning Resources In Challenging Times: Online Workshops, Meetups And Events — Smashing Magazine
A month is a long time to stay on top of things. In today’s monthly post, Iris Lješnjanin brings you an overview of everything we’ve been working on and have also enjoyed reading over the past month. Here at Smashing, we believe that is is now more important than ever to stay in touch and support each other. Behind the scenes, the team is working tirelessly on ways to keep the community connected,
Accessible Images For When They Matter Most — Smashing Magazine
Creating accessible images seems like a simple topic at first glance — you just need to add alt text to an image, right? But the topic is much more nuanced than some people think. In this article, Carie Fisher will review the different types of images, dive into some real-world examples of inaccessible public service announcements (PSAs), and discuss which elements matter most when critical messag
Binary data performance in PostgreSQL
This article discusses the question if binary data should be stored inside PostgreSQL or not. The performance of the various options is benchmarked.
GitHub Protips: Tips, tricks, hacks, and secrets from Luke Hefson
With Luke Hefson’s many different roles at GitHub, he’s learned about tons of hacks and protips that he can’t wait to share with you.
Reflecting on joining GitHub and what’s next for GitHub Insights
With GitHub’s focus on developers, community, and customers, we can’t imagine a better place for our team to be.
Stuff The Internet Says On Scalability For May 14th, 2020 - High Scalability -
Hey, it's HighScalability time! LOL. Who knew a birthday service could lead to an existential crisis? Do you like this sort of Stuff? Without your support on Patreon this kind of Stuff can't happen. You are that important to the fate of the smart and thoughtful world. Know someone who wants to understand the cloud? I wrote Explain the Cloud Like I'm 10 just for them. On Amazon it has 111 mostly 5
A Short on How Zoom Works - High Scalability -
Zoom scaled from 20 million to 300 million users virtually over night. What's incredible is from the outside they've shown little in the way of apparent growing pains, though on the inside it's a good bet a lot of craziness is going on. Sure, Zoom has made some design decisions that made sense as a small spunky startup that don't make a lot of sense as a defacto standard, but that's to be expected
A Brief History of TLS Certificates at Shopify - Shopify
In this post, we’ll cover Shopify’s journey from manually provisioning TLS certificates to the fully automated system that supports over 1M businesses.
A Day in the Life of a Frontend Foundations Engineer at Slack
6:28 am First alarm rings. Snooze. 6:30 am Second alarm rings. Snooze. 6:34 am Final alarm rings and I know this is the last one, so I hop out of bed and immediately play some music. Music really has a way of waking me up, and I typically play Sofi Tukker or Rufus Du Sol…
Smashing Meets! Free Online Meetups On May 18th And 19th 2020 — Smashing Magazine
Smashing Meets is a friendly, inclusive, online meetup for people who work on the web. We focus on front-end and UX, but cover all sorts of topics from performance to accessibility. We organize Smashing Meets together with some amazing communities from around the world. Join us for Smashing Meets — two free online meetups with speakers, activities, and plenty of chances to make new friends. Just l
Styling Components In React — Smashing Magazine
React is a fantastic JavaScript library for building rich user interfaces. It provides a great component abstraction for organizing your interfaces into well-functioning code, but what about the look and feel of the app? There are various ways of styling React components from using stylesheets to using external styling libraries. In this article, Shedrack Akintayo will explain the cons and pros of
Backblaze B2 and the S3 Compatible API on Cloudflare
In May 2020, Backblaze, a founding Bandwidth Alliance partner announced S3 compatible APIs for their B2 Cloud Storage service. We are excited to see Backblaze introduce a new level of compatibility in their Cloud Storage service.
Equal Width Columns in CSS Grid are Kinda Weird
Everything is flexible these days. If you write grid-template-columns: 200px 200px 200px;, sure, you'd have equal-width columns, but that's a rare day. What
New File and Folder Embedder Launched in Preview
Dropbox has released the File and Folder Embedder in Preview. Start here to learn how to embed Dropbox content in your app using shared links.
Finding design inspiration at home
Tips from the Figma design team on how to spark creativity at home.
Building a transformative subsea cable to better connect Africa
Connectivity is at the heart of our mission to give people the power to build community. We are committed to bringing more people online to a faster internet — and with 3.5 billion people globally unconnected, there is still a lot to do. Africa is currently the least connected continent, with just over a quarter […]
Dev Degree: Behind the Scenes - Shopify
On April 24th, 2020, we proudly celebrated the graduation of our first Dev Degree program cohort. This milestone holds a special place in Shopify history because it’s a day born out of trial and error, experimentation, iteration, and hustle. The 2016 cohort had the honor and challenge of being our first class, lived through the churn and pivots of a newly designed program, and completed their educ
How To Convince Others Not To Use Dark Patterns — Smashing Magazine
Arguing that dark patterns are unethical is not enough on its own. We will also need to make the case to clients and colleagues that they are damaging to business. That’s what Paul Boag has also written in his new Smashing book, “[Click](https://www.smashingmagazine.com/2020/05/encouraging-clicks-book-pre-release)”. In this post, he will put together a compelling argument you can present to stakeh
Making Video Intuitive: An Explainer
At Cloudflare, we work to provide a great viewing experience while keeping our service affordable. In this post, let's have some fun to see changes between different versions of a video.
Using CSS Masks to Create Jagged Edges
I was working on a project that had this neat jagged edge along the bottom of a banner image.
React Single File Components Are Here
Shawn Wang is talking about RedwoodJS here:
Why does writing matter in remote work?
Talk to anyone who has an active blog and I bet they'll tell you it's been valuable to them. Maybe it's opened doors. Maybe it's got them a job. Maybe it's