A Bit on CI/CD
I'd say "website" fits better than "mobile app" but I like this framing from Max Lynch:
Adacats Mentorship Program: A growth journey
Last year, the Adacats (GitHub’s employee resource group for marginalized genders) started a mentorship program. We’re sharing insights and fun stories from this experience for anyone interested in starting a…
Using Mobx As A State Manager In React Native Applications — Smashing Magazine
MobX is a battle-tested library that makes state management simple and scalable by transparently applying functional reactive programming. It treats your application like a spreadsheet, and it’s one of the many state management tools available to React developers. In this tutorial, Fortune Ikechi is going to show you how to use MobX to manage state in React Native applications by building a React
Improving the Wrangler Startup Experience
You can now write any behaviour on requests heading to your site or even run fully fledged applications directly on the edge. Wrangler is the open-source CLI tool used to manage your Workers and has a big focus on enabling a smooth developer experience.
Doom Damage Flash on Scroll
The video game Doom famously would flash the screen red when you were hit. Chris Johnson not only took that idea, but incorporated a bunch of the UI from Doom
Comparing Data in Google and Netlify Analytics
Jim Nielsen:
Designing a JavaScript Plugin System
WordPress has plugins. jQuery has plugins. Gatsby, Eleventy, and Vue do, too.
Upgrading GitHub to Ruby 2.7
GitHub recently upgraded to Ruby 2.7. Learn how the team approached the deprecation warnings, why upgrading is important, and the notable performance improvements.
ShipIt! Presents: A Look at Shopify's API Health Report - Shopify
Shuting Chang, Robert Saunders, Karen Xie, and Vrishti Dutta join us to talk about Shopify’s API Health Report, the tool built to surface breaking changes affecting Shopify Partner apps.
How To Create Customer-Centric Landing Pages — Smashing Magazine
Customer needs should be one of the primary considerations when designing a website or landing page. The era of customer-centric landing pages has dawned. And if your job involves being concerned with metrics like conversion, engagement, and bounce-rates, this is a post that you may want to sit straight up for. In this article, Travis Jamison explains why customer-centricity is so important and ho
Smashing Podcast Episode 23 With Guillermo Rauch: What Is Next.js? — Smashing Magazine
We’re talking about Next.js. What is it, and where might it fit into our web development workflow? Drew McLellan talks to co-creator Guillermo Rauch to find out.
Where Does Logic Go on Jamstack Sites?
Here’s something I had to get my head wrapped around when I started building Jamstack sites. There are these different stages your site goes through where you
Automate releases and more with the new Sentry Release GitHub Action
This is a guest post by Rahul Chhabria, Director of Product Marketing at Sentry. At Sentry, we believe that code is the center of every experience and when code works,…
Favor Progress Over Pride in Open Source
How I deprecated my most popular open source project in favor of a better library
Scaling services with Shard Manager
Over the years, as we’ve expanded in scale and functionalities, Facebook has evolved from a basic web server architecture into a complex one with thousands of services working behind the scenes. It’s no trivial task to scale the wide range of back-end services needed for Facebook’s products. And we found that many of our teams […]
How To Build Your Own Comment System Using Firebase — Smashing Magazine
Ever wanted to have a comments section for your blog, but were overwhelmed by the high cost and maintenance solutions? Firebase can be your savior. In this guide, Aman Thakur will show you how to add a comments section to your blog with Firebase, while learning the basics of Firebase on the way. Let’s build a super-simple comments section.
Libraries and dependencies I'm willing to take
Wizard Zines' first print run: Help! I have a Manager!
Wizard Zines' first print run: Help! I have a Manager!
How Cloudflare uses Cloudflare Spectrum: A look into an intern’s project at Cloudflare
As part of my onboarding as an intern on the Spectrum (a layer 4 reverse proxy) team, I learned that many internal services dogfood Spectrum, as they are exposed to the Internet and benefit from layer 4 DDoS protection.
Leading-Trim: The Future of Digital Typesetting
Update: The leading-trim property was renamed to text-box-trim and is starting to gain browser support. You can read more about text-box-trim (as well as the
GitHub Action Hero: Keirron Stach
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,…
Maintainer spotlight: Managing dependencies and the Metasploit pen testing toolkit
Keeping open source software secure is a community responsibility. But with millions of projects, it’s hard to pinpoint the right signal from noise—and find and fix the vulnerabilities that really…
How To Help Your Clients Get More Backlinks Through Design — Smashing Magazine
A website earns a backlink whenever another website links to it. But there’s a big difference between a backlink and a high-authority backlink. If an authoritative website links to yours, it can significantly boost your ranking in Google search. And this is why backlinks are so highly sought after in marketing… and why web designers should have this on their radar as they design websites for clien
Orange Clouding with Secondary DNS
Secondary DNS Override is a great option for any users that want to take advantage of the Cloudflare network, without transferring all of their zones to Cloudflare DNS as a primary provider.
Require hard key auth with Cloudflare Access
Using Cloudflare Access, we can now restrict the ability to reach our admin panel only to team members who authenticate with a hard key. Starting today, we’re making that feature available to all teams.
Introducing Deploy Buttons
Deploy Buttons help you deploy a project to the Workers Platform without even needing to set up a local development environment. Now, it’s as easy as clicking a Deploy Button and three short steps to deploy using our new web-based deploy tool.
Optimize Images with a GitHub Action
I was playing with GitHub Actions the other day. Such a nice tool! Short story: you can have it run code for you, like run your build processes, tests, and
To grid or not to grid
Sarah Higley does accessibility work and finds that "tables and grids are over-represented in accessibility bugs."
Introducing The ReadME Project
Open source powers software on a planetary scale: 99% of code is built on it. The rewards and challenges of creating open source are deeply familiar to the maintainers and…
How Shopify Reduced Storefront Response Times with a Rewrite - Shopify
We rewrote critical software that powers all online storefronts on Shopify, offering the fastest online shopping experience, entirely from scratch and without downtime.
Forms And Validation In Ionic React — Smashing Magazine
Ionic Framework provides first-class support for building fast and mobile-optimized applications for any platform using React. In this tutorial, Jerry Navi will show you how to build forms using Ionic React’s UI input components in this tutorial. You will also learn how to use a library to help with detecting form input changes and responding to validation rules. Finally, you will learn to make yo
New and improved Workers Docs
Following user feedback about Workers Docs, we reorganized and reformatted all of our content. The documentation is now intuitive to navigate and the content is now easy and enjoyable to read.
Plyr: CSS Styleable Video Player
I just stumbled across Plyr from Sam Potts, a JavaScript library for styled video players. What struck me about it is that you can list YouTube videos as the
PostgreSQL: GROUP BY expression
GROUP BY is an integral part of SQL and PostgreSQL. You might not know that the GROUP BY expression can handle more than just simple fields.
React at 60fps: improving scrolling comments in Figma
A behind-the-scenes look at how we improved comment performance in the Figma editor
Setting Up An API Using Flask, Google’s Cloud SQL And App Engine — Smashing Magazine
Flask makes it possible for developers to build an API for whatever use case they might have. In this tutorial, Wole Oyekanmi will show you how to set up Google Cloud, Cloud SQL, and App Engine to build a Flask API. (Cloud SQL is a fully managed platform-as-a-service (PaaS) database engine, and App Engine is a fully managed PaaS for hosting applications.)
Introducing the Rally + GitHub integration
GitHub’s Professional Services Engineering team has decided to open source another project: Rally + GitHub. You may have seen our most recent open source project, Super Linter. Well, the team has done…
Implementing 'focus and reply' for Fastmail with JMAP
Implementing 'focus and reply' for Fastmail with JMAP
How to Have an Impactful Internship… Virtually
The start of any internship brings a wide range of emotions, from excitement to nervousness. After months of anticipating our first day at Slack, reality sunk in that this summer would be extremely different from any other. Due to the pandemic, our entire experience would be virtual. As the two interns for the Product Security…
Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design — Smashing Magazine
After 12 inspiring articles, Andy Clarke draws his Inspired Design Decisions series to a close by explaining how studying the work of Bradbury Thompson — one of the masters of 20th Century graphic — will teach you how to combine graphic and typographical elements with innovative layouts to create stunning designs for the web. In this final article, Andy brings together lessons from all his previou
July bonus Microsoft spear phishing
The creators of two Microsoft phishing campaigns, that Area 1 has dubbed “Summer Bonus”, are attempting to lure unsuspecting employees into divulging their Microsoft credentials.
Election Cybersecurity: Protecting the 2020 U.S. Elections.
At Cloudflare, we believe that expanding access to tools that election officials and political candidates need to combat a range of online threats both serves our mission to help build a better Internet and strengthens our democracy.
The New CSS-Tricks Video Intro by dina Amin
You know we do video screencasts, right? It's not, like, super regular, but I have done them for a long time, still like doing them, and plan to keep doing
Testing Implementation Details
Testing implementation details is a recipe for disaster. Why is that? And what does it even mean?
Asynchronous computing @Facebook: Driving efficiency and developer productivity at Facebook scale
People use our apps and services every day for a wide spectrum of use cases, including sharing pictures; following the latest news and sports updates; sharing life-changing events, such as the birth of a child; or marking themselves safe via Safety Check. Now, more than ever, people are also using our services to stay connected […]
Baking those potatoes with microservices and vendors
Mastering Props And PropTypes In React — Smashing Magazine
Props and PropTypes are an important mechanism for passing information between React components, and we’re going to look into them in great detail here. This tutorial will introduce you to the details about props, passing and accessing props, and passing information to any component using props. However, it’s always a good practice to validate the data we are getting through props by using PropTyp
Reader feedback: leetcode, HSTS, and more on Unix files
Why I joined Cloudflare
Customer Service. Business. Growth. While these three make up a large portion of what keeps most enterprise companies operating, they are just the beginning at Cloudflare. I am excited to share that I have joined Cloudflare as its Chief Customer Officer.
CSS-Tricks Chronicle XXXIX
Hey gang! I've been fortunate enough to be a guest in a variety of different here, so I thought it was time for another Chronicle post. You know, those
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.
