What I Learned by Fixing One Line of CSS in an Open Source Project
I was browsing the Svelte docs on my iPhone and came across a blaring UI bug. The notch in the REPL knob was totally out of whack. I’m always looking to
That's Just How I Scroll
How do you know a page (or any element on that page) scrolls? Well, if it has a scrollbar, that's a pretty good indication. You might still have to scrapple
We are a spectrum of jobs, not just one
Building Reliable Mobile Applications - Shopify
Merchants worldwide rely on Shopify's Point Of Sale (POS) app to operate their brick and mortar stores. Unlike many mobile apps, the POS app is mission-critical. Any downtime leads to long lineups, unhappy customers, and lost sales. The POS app must be exceptionally reliable, and any outages resolved quickly. Reliability engineering is a well-solved problem on the server-side. Back-end teams are a
Community Resources, Weekly Newsletter, And Boosting Skills Online — Smashing Magazine
Alongside our guides, printed books, eBooks and printed magazine, we’re thrilled to have yet another addition to our smashingly cherished gems: meet our brand new [Interface Design Patterns Checklists](https://www.smashingmagazine.com/2020/08/checklist-cards-release/). Co-founder of Smashing Magazine, Vitaly Friedman, has been collecting, curating and refining each checklist for years — we’re conv
A Smashing Guide To The World Of Search Engine Optimization — Smashing Magazine
SEO is an ever-changing world. Blink and you’ll miss the latest best practices, thought leaders, and tools. Feeling out of touch is natural. Every tweak to major search engine algorithms sends shockwaves throughout the web. For those who don’t follow the SEO space it can be easy to lose track of the latest trends, authorities, and resources. That’s what this page is for. It will break down SEO’s h
How we use Figma templates to facilitate collaboration at Shopify
A framework for project managing in Figma
Karuna 2020: Using GitHub Actions in the COVID-19 response efforts
GitHub Actions gives you the power to automate your workflow. Connect with the tools you know and love. Have more freedom to innovate and be creative. Deploy to any cloud,…
Secure at every step: A guide to DevSecOps, shifting left, and GitOps
When developers share the responsibility of security, perform security testing earlier in your development lifecycle, and use Git as a source of truth, you can help your development teams find and remediate security issues faster.
Why Write ADRs
How architecture decision records can help your team.
Accessibility In Chrome DevTools — Smashing Magazine
In this article, Umar Hansa will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. For many websites, things like performance and accessibility are an afterthought. But as web developers, it’s best to strive to create the best possible experience we can for our users, regardless of their abilities. This article uses Google Chrome since it’s
Understanding recursive queries in PostgreSQL
This article gives a simple introduction with examples to recursive queries in PostgreSQL. It also includes a comparison to Oracle recursive queries.
An open letter about my gap year
Student Fellow Abigail Africa shares advice from mentors and reflects on the value of education
Some possible future zines
Some possible future zines
DELF: Safeguarding deletion correctness in online social networks
What the research is: DELF is a new framework to help developers implement data deletion in modern applications. Traditional methods for implementing deletion require application developers to write repetitive, error-prone code. DELF’s main novelty lies in enabling developers to implement deletion in every product they build with minimal effort, which takes the form of annotations […]
4 Lessons Web App Designers Can Learn From Google — Smashing Magazine
The first place Suzanne Scacca goes to whenever she’s curious about what more could be done to improve our users experiences is the Google Developers site or Think with Google to pull the latest consumer data. There’s a reason why Google dominates market share for things like search engines, web browsers, email clients and cloud storage services. It knows exactly what consumers want and it has des
How Clipchamp integrated with Dropbox to make video editing easy for all
Learn how Clipchamp integrated with Dropbox to make video editing easy for anyone and empower people to share stories through video.
GitHub ¡Presente! na América Latina
Nós do GitHub estamos animados em anunciar nosso meetup virtual na América Latina, o GitHub ¡Presente!
File handling in Unix: tips, traps and outright badness
How To Configure Application Color Schemes With CSS Custom Properties — Smashing Magazine
Splitting colors into three levels (palette, functional, and component) can help you be more adaptive to changes and new requirements while working on a project. In this article, Artur Basak introduces a modern approach on how to set up CSS Custom Properties that respond to the application colors. The idea of dividing colors into three levels can be quite useful: a palette (or scheme), functional
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? — Smashing Magazine
We’re talking about Serverless architectures. What does that mean, and how does it differ from how we might build sites currently? Drew McLellan talks to Chris Coyier to find out.
zerodivs.com
Pretty neat little website from Joan Perals, inspired by stuff like Lynn's A Single Div. With multiple hard-stop background-image gradients, you don't need
Explore the Figma Community
Six creators share the inspiration behind their files
Some more CSS comics
Some more CSS comics
How getting into Open Source has been awesome for me
An anecdotal argument for contributing and using open source
Blocking Slack Invite Spam With Machine Learning
A fact of life for building an internet service is that, sooner or later, bad actors are going to come along and try to abuse the system. Slack is no exception — spammers try to use our invite function as a way to send out spam emails. Having built up the infrastructure to easily deploy…
Better Error Handling In NodeJS With Error Classes — Smashing Magazine
You can get by in NodeJS without properly handling errors but due to the asynchronous nature of NodeJS, improper handling or errors can cause you pain soon enough. This article is for JavaScript and NodeJS developers who want to improve error-handling in their applications. Kelvin Omereshone explains the `error` class pattern and how to use it for a better, more efficient way of handling errors ac
Tripping over the potholes in too many libraries
Thoughts on recent world events and writing about tech
An attempt to make a font look more handwritten
An attempt to make a font look more handwritten
Protecting Remote Desktops at Scale with Cloudflare Access
Today we are announcing Argo Tunnel RDP Bastion mode, a simpler way to protect RDP connections at scale. By functioning as a jump-host, cloudflared can reside on a single node in your network and proxy requests to any internal server, eliminating deployment headaches.
More Control Over CSS Borders With background-image
You can make a typical CSS border dashed or dotted. For example:
What does 100% mean in CSS?
When using percentage values in CSS like this...
Every Website is an Essay
Every website that’s made me oooo and aaahhh lately has been of a special kind; they’re written and designed like essays. There’s an argument, a playfulness
font-weight: 300 considered harmful
Tomáš Janoušek:
Remote work: Sharing tips for leading in a remote world
Are you leading teams in a remote world? We are wrapping up our remote working series with some final tips on leading remote and distributed teams. We hope our teams have helped while we collectively work remotely from around the world.
GitHub Action Hero – Daniel Dennis
GitHub Actions gives you the power to automate your workflow. Connect with the tools you know and love. Have more freedom to innovate and be creative. Deploy to any cloud,…
Pysa: An open source static analysis tool to detect and prevent security issues in Python code
Today, we are sharing details about Pysa, an open source static analysis tool we’ve built to detect and prevent security and privacy issues in Python code. Last year, we shared how we built Zoncolan, a static analysis tool that helps us analyze more than 100 million lines of Hack code and has helped engineers prevent […]
How To Create A Porsche 911 With Sketch (Part 3) — Smashing Magazine
This is the third and final part of the tutorial in which we’ll create the wheels (rims and tires), and add all the final touches (including the racing decals on the car’s body).
HTML for Subheadings and Headings
Let's say you have a double heading situation going on. A little one on top of a big one. It comes up, I dunno, a billion times a day, I'd say. What HTML do
TypeScript, Minus TypeScript
Unless you’ve been hiding under a rock the last several years (and let’s face it, hiding under a rock sometimes feels like the right thing to do), you’ve
JavaScript Fatigue
From Nicholas Zakas' newsletter, on how he avoids JavaScript fatigue:
Achieving DevSecOps maturity with a developer-first, community-driven approach
GitHub provides the security capabilities to achieve Level 1 of the OWASP DevSecOps Maturity Model. In this post, we explore the principles of DSOMM Level 1 and how you can implement secret scanning, SCA, SAST and DAST using native tooling on GitHub.
GMTK Game Jam 2020 – staff picks
The fourth annual GMTK Game Jam has broken it’s previous year’s record! GMTK Game Jam is a 48-hour game-making competition focused on design, mechanics, and clever ideas. The competition has just…
A Practical Guide To Product Tours In React Apps — Smashing Magazine
Showcasing new product features to users or familiarizing them with some UI functionality in a web app can get tedious, especially when you want users to see a lot of things. In the following guide, BLessing Krofegha will show you how to proactively use product tours to onboard users into a new and complex UX, and how to familiarize them with UI functionality without boring them, using a typical R
Network-layer DDoS attack trends for Q2 2020
This quarter, we saw an increasing number of large scale attacks; both in terms of packet rate and bit rate. In fact, 88% of all DDoS attacks in 2020 that peaked above 100 Gbps were launched after shelter-in-place went into effect in March.
Chapter 1: Birth
Sir Tim Berners-Lee is fascinated with information. It has been his life’s work. For over four decades, he has sought to understand how it is mapped and
Warp SVG Online
The warping is certainly the cool part here. Some fancy math literally transforms the path data to do the warping. But the UX detail work here is just as
Computed Values: More Than Meets the Eye
Browser DevTools are indispensable for us front end developers. In this article, we'll take a look at the Computed tab, a small corner of the DevTools panel
GitHub Actions: Enterprise runners and fine-grained access settings with runner groups
GitHub Actions hosted virtual environments are a turn-key option for running your workflows. But if you need fine-grained control and customization of your environment, then self-hosted runners give you full…
GitHub Availability Report: July 2020
Last month we introduced GitHub’s monthly availability report to address service disruptions and share our learnings with the community.
Pcicrawler: A Python-based command-line interface tool to debug PCI issues at scale
What it is: A Python-based command-line interface tool that can be used to display, filter, and export information about Peripheral Component Interconnect (PCI) or PCI Express (PCIe) buses and devices, as well as PCI topology. We built pcicrawler to diagnose and debug PCIe issues at scale and help with automation. What it does: Pcicrawler provides […]
Using DNS Traffic Management to Add Resiliency to Shopify’s Services - Shopify
If you are lacking understanding of what is DNS, traffic management, or why we would even use it, read Part 1: Introduction to DNS traffic management. Distributed systems are only as resilient as we build them to be. Domain Name System (DNS) traffic management (TM) is a well-used approach to do so. In this second part of the two-part series, we’re sharing Shopify’s DNS traffic management journey f
An Introduction to DNS Traffic Management - Shopify
Distributed systems are only as resilient as we build them to be. Domain Name System (DNS) traffic management is a well-used approach to do so. In this first part of a two-part series, we aim to give a broad overview of DNS and how it’s used for traffic management, as well as the different reasons why we want to use DNS traffic management. If you already have context on what is DNS, what is traffi
Creating A Static Blog With Sapper And Strapi — Smashing Magazine
You might be wondering, “Why should I use this instead of the alternatives?” Sapper is based on Svelte, which is known for its speed and relatively small bundle size. In a world where performance plays a huge role in determining an effective user experience, we want to optimize for that. In this article, Daniel Madalitso Phiri will take you through how to build a Svelte-powered static blog with Sa
Introducing Cloudflare Network Interconnect
We’re excited to announce Cloudflare Network Interconnect (CNI). CNI allows customers to connect branch and HQ locations with Cloudflare wherever they are.
Cloudflare Network Interconnection partnerships launch
Today we’re excited to announce Cloudflare’s Network Interconnection Partner Program, in support of our new CNI product. As ever more enterprises turn to Cloudflare to secure and accelerate their branch and core networks, the ability to connect privately and securely becomes increasingly important.
Making Sense of react-spring
Animation is one of the trickier things to get right with React. In this post, I’ll try to provide the introduction to react-spring I wish I had when I first
Jetpack CRM
About a year ago, Automattic bought up Zero BS CRM. The thinking at the time was that it could be rebranded into the Jetpack suite and, well, that happened.
The Cicada Principle, revisited with CSS variables
Lea Verou digging up the CSS trickery classic and applying it to clip the backgrounds of some code blocks: