How to React ⚛️
Let's see how learning React ⚛️ in the right order can make it less overwhelming.
A Deep Dive Into Serverless UI With TypeScript — Smashing Magazine
Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform. In this article, we will learn and cover everything needed on using Serverless UI to deploy our projects or serverless applications to cloud services providers.
How we build software at Cloudflare
Cloudflare has a broad range of products -- ranging from security, to performance and serverless compute. These products are built by multiple teams in close collaboration and delivering those products can be a complex task. So ever wonder how we do so consistently and safely at scale?
Rebase vs. Merge: Integrating Changes in Git
This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!
Responsible JavaScript
High five to Jeremy on the big release of Responsible JavaScript on A Book Apart. There is a lot of talk about how the proliferation of JavaScript has had a
Proxying Third-Party JavaScript as First-Party JavaScript (and the Potential Effect on Analytics)
First, check out how incredibly easy it is to write a Cloudflare Worker to proxy another URL:
GUI Challenges
I keep bookmarking Adam's GUI Challenges posts/videos and, before I even have a chance to review and link them up, another one is already published!
Compliance in a DevOps Culture
Integrating the necessary Security Controls and Audit capabilities to satisfy Compliance requirements within a DevOps culture can capitalize on CI/CD pipeline automation, but presents unique challenges as an organization scales. Understanding the second order implications and unintended consequences caused by the chosen implementation is key to building an effective, secure, and scalable solution.
Blue-teaming for Exiv2: creating a security advisory process
This blog post is the first in a series about hardening the security of the Exiv2 project. My goal is to share tips that will help you harden the security of your own project.
Always on Calibration with a Quarterly Summary - Shopify
Learn how an always-on approach to career development improves your team. Leverage quarterly calibrations, weekly syncs, and more. Template available!
Creating A Magento PWA: Customizing Themes vs. Coding From Scratch — Smashing Magazine
In this article, Alex Husar sheds the spotlight on Magento PWAs and explains why business owners are getting them (often instead of native applications). Alex introduces ways of how progressive web applications can be developed on Magento, as well as go over the major pros and cons of each development path.
Global support for Chinese payment methods
Stripe users in North America, Europe, and most of Asia can now support the top three ways Chinese buyers want to pay: UnionPay, Alipay, and WeChat Pay, which collectively account for 85% of online purchases by Chinese consumers.
Have Single-Page Apps Ruined the Web? ("Transitional Apps")
A big heaping 19-minute bowl of not-too-hot, not-too-cold baby bear porridge website building from Rich Harris.
Buttons vs. Links
There are thousands of articles out there about buttons and links on the web; the differences and how to use them properly. Hey, I don't mind. I wrote my own
So, You Want to Build an @mention Autocomplete Feature?
There’s no reason a composition box has to be a dull text area. You can mention another person, a channel, a file, or some other queryable object using triggers, such as the @ or # characters.
Major errors on this blog (and their corrections)
Individuals matter
Culture matters
Game Off 2021 theme announcement
The theme for this year’s Game Off is… …BUG! Your challenge, should you choose to accept it, is to create a game between now and December 1 incorporating the theme…
Cybersecurity spotlight on bug bounty researcher @yvvdwf
We’re excited to highlight another top contributing researcher to GitHub’s Bug Bounty Program: @yvvdwf
GitHub keeps getting better for open source maintainers
Maintainers can now limit who can approve and request changes on pull requests. You can also close issues and block users via your phone.
Introducing XCRemoteCache: The iOS Remote Caching Tool that Cut Our Clean Build Times by 70%
At Spotify, we constantly work on creating the best developer experience possible for our iOS engineers. Improving build times is one of the most common requests for infrastructure teams and, as such, we constantly seek to improve our infrastructure toolchain.
The Rise (and Lessons Learned) of ML Models to Personalize Content on Home (Part I)
At Spotify, our goal is to connect listeners with creators, and one way we do that is by recommending quality music and podcasts on the Home page. In this two-part blog series, we will talk about the ML models we build and use to recommend diverse and fulfilling content to our listeners, and the lessons we’ve learned from building the ML stack that serves these models.
The Rise (and Lessons Learned) of ML Models to Personalize Content on Home (Part II)
In of this two-part series, we talked about the challenges we faced with the models we use to recommend content on Home, including:
CSS-ing Candy Ghost Buttons
Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have
A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition) — Smashing Magazine
November is just around the corner, and with it, a new collection of desktop wallpapers to celebrate the beginning of the month. Designed by creatives from all across the globe, they come in versions with and without a calendar. Let’s make November colorful!
Now you can (try to) serve five terabytes, too
Create Your Own Automated Social Images With Resoc
There has been a lot of talk about automated social images lately. GitHub has created its own. A WordPress plugin has been acquired by Jetpack. There is
Some Articles About Accessibility I’ve Saved Recently IV
A guide to designing accessible, WCAG-compliant focus indicators — Sara Soueidan says you can make more accessible focus outlines by doing your own, rather
13 short and scary games plus source to play (or hack) this Halloween 🎃
It’s that time of year again where I like to share seasonally spooktacular games plus source code—a goldmine of material for (a) those looking for coffee-break entertainment, (b) those interested…
50 Resources And Tools To Turbocharge Your Copywriting Skills — Smashing Magazine
Stop wasting time and effort writing copy that falls flat. Raise your copywriting game and boost your powers of persuasion with these rich and informative online resources. If you’re ready to acquire near-mystical powers of persuasion, check out these useful resources and tools that are bound to help strengthen your copywriting skills.
Building an Angular Data Grid With Filtering
Kendo UI makes it possible to go from a basic idea to a full-fledged app, thanks to a massive component library. We're talking well over 100 components that
Behind the build: a Q&A with developer Tru Narla
A Q&A with Tru on the widget she built and what she's working on next
Get a catch block error message with TypeScript
TypeScript forces you to acknowledge you can't know what was thrown making getting the error message a pain. Here's how you can manage it.
The AWARE Development Plan - Shopify
Learn how to set, track and reach your development goals. Access templates for Engineering Managers or Individual Contributors throughout your career.
How To Build An Amazon Product Scraper With Node.js — Smashing Magazine
The wealth of data that Amazon holds can make a huge difference when you’re designing a product or hunting for a bargain. But, how can a developer get that data? Simple, by using a web scraper. Why would someone want to scrape Amazon pages? You’re about to find out! Here’s how to build your data extraction bot with Node.js.
Cloudflare recognized as a 'Leader' in The Forrester New Wave for Edge Development Platforms
Forrester’s New Wave for Edge Development Platforms has just been announced. We’re thrilled that they have named Cloudflare a leader.
Introducing Custom Headers for Cloudflare Pages
We're excited to announce that Pages now natively supports custom headers on your projects! Simply create a _headers file in the build directory of your project and within it, define the rules you want to apply.
Sticky Definition Lists
I ran across this 30 seconds of code website the other day, and they have a CSS section which is really good! The first example snippet I looked at was this
What’s new in Figma: October 2021
A round-up of updates and improvements to Figma and FigJam
Everything new from Universe 2021
Since last year’s GitHub Universe, we’ve shipped more than 20,000 improvements to GitHub for developers, open source communities, and enterprise teams. Here’s a comprehensive overview of what we’re announcing at Universe this week.
Disabling ssh password auth on Monterey is different
Shopify's Path to a Faster Trino Query Execution: Custom Verification, Benchmarking, and Profiling Tooling - Shopify
Shopify’s Data Reliability team built custom verification, benchmarking, and profiling tooling for testing and analyzing Trino. Our tooling is designed to minimize the risk of various changes at scale.
Eye-Tracking In Mobile UX Research — Smashing Magazine
Eye-tracking, a method that measures where people are looking and for how long they are looking, became more accessible to UX research thanks to technology. It allows researchers to see through the users’ eyes and get insights about visual attention. This article explores the latest trends in the eye-tracking market and how the methodology can be included in the UX researcher’s toolbox.
Kangaroo: A new flash cache optimized for tiny objects
What the research is: Kangaroo is a new flash cache that enables more efficient caching of tiny objects (objects that are ~100 bytes or less) and overcomes the challenges presented by existing flash cache designs. Since Kangaroo is implemented within CacheLib, Facebook’s open source caching engine, developers can use Kangaroo through CacheLib’s API to build […]
Interpreting A/B test results: false negatives and power
This is the fourth post in a multi-part series on how Netflix uses A/B tests to inform decisions and continuously innovate on our products. Need to catch up? Have a look at Part 1 (Decision Making at…
Optimizing Next.js Applications With Nx — Smashing Magazine
Nx is a build framework that facilitates optimization, efficient scaling of applications, and other features such as shared libraries and components. In this article, Melvin Kosisochukwu will be looking at how you can effectively scale Next.js applications by using Nx. If you’re a developer looking to optimize applications and create reuseable components across applications, this article is for yo
Sudan woke up without Internet
Today, October 25, following political turmoil, Sudan woke up without Internet access.
Cloudflare Tunnel for Content Teams
See how we’re using Cloudflare Tunnel to share our technical writing with internal stakeholders for a faster, seamless feedback process.
The Greatest CSS Tricks Vol. I eBook (PDF and EPUB)
When I wrote the "book" The Greatest CSS Tricks Vol. I, I put "book" in quotes because there wasn't anything terribly book-like about it. The only way you
A peek inside some of the top games from Ludum Dare 49
The 49th Ludum Dare game jam just wrapped up with almost 3000 entries. Here’s a peek at some of the highest-rated entries that you can play, plus their source code…
A Deep Dive Into object-fit And background-size In CSS — Smashing Magazine
If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or stretched. That isn’t good, and it can be solved either with object-fit for an img element or by using background-size. In this article, Ahmad Shadeed will go through how `object-fit` and `background-size` work, when you can use them, and why, along with some practical use case
An Introduction To Quasar Framework: Building Cross-Platform Applications — Smashing Magazine
Quasar is an open-source Vue.js-based cross-platform framework that allows you, as a developer, to easily build apps for both desktop and mobile using technologies such as Cordova and Electron and writing your code once. The app we’ll build will store and get its data from Firebase, meaning that we will also be seeing how to use Firebase in Quasar.
Cloudflare for SaaS for All, now Generally Available!
We are very excited to announce that Cloudflare for SaaS is generally available, so that every customer, big and small, can use Cloudflare for SaaS to continue scaling and building their SaaS business.
Can Include (a Certain HTML element within another Certain HTML Element)
A single-serving website from Alexander Vishnyakov for testing if it's valid to put any particular HTML element within another type of HTML element. Kinda
Exploring the CSS Paint API: Rounding Shapes
Adding borders to complex shapes is a pain, but rounding the corner of complex shapes is a nightmare! Luckily, the CSS Paint API is here to the rescue! That’s
GitHub Actions for security and compliance
GitHub Actions can automate several common security and compliance tasks, even if your CI/CD pipeline is managed by another tool.
How To Build A Real-Time Multi-User Game From Scratch — Smashing Magazine
It’s impressive how quickly a real-time multi-user application can be built with Colyseus — once you figure out how to properly describe the schema. This article highlights the process, technical decisions and lessons learned behind building the real-time game Autowuzzler. Learn how to share game state across multiple clients in real-time with Colyseus, do physics calculations with Matter.js, stor
What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?
It's not uncommon for my front-end workflow to go something like this:
Open sessions: jam with anyone, anywhere
Introducing a way for collaborators to temporarily join meetings and workshops