TLDR Web Dev

TLDR WEB DEV 2024-03-07

6 sections19 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

Sponsored

Postman’s annual user conference (April 30 - May 1 in San Francisco) is shaping up to be one of 2024’s top developer events—featuring workshops [5], in-depth presentations, and an awesome after-party. Hear from Postman experts and industry leaders [6] including:

postcon.postman.comSponsor

02ARTICLES & TUTORIALS

THE HATER’S GUIDE TO KUBERNETES

Kubernetes can bring great value to companies, but it's easy to fall into the trap of over-complicating its usage. For a streamlined approach, focus on core Kubernetes features like Deployments, Services, and CronJobs. Use Kubernetes to run multiple redundant processes with load balancing and to configure them as code. Avoid Kubernetes for use cases where a human is waiting on a pod to start or for directly storing critical data, as there are better-suited solutions for these scenarios.

paulbutler.org5 min read

HOW GITHUB USES MERGE QUEUE TO SHIP HUNDREDS OF CHANGES EVERY DAY

GitHub developed “merge queue” to provide a streamlined, automated, and consistent method for deploying and merging code across its repositories. Merge queue's key features include dynamic grouping of pull requests, automatic conflict detection, and integration with GitHub Actions for testing. After a phased rollout, merge queue is now the primary way GitHub engineers ship code, leading to better deployment velocity and developer satisfaction.

github.blog5 min read

AUTOMATED BUG FIXING AT FACEBOOK SCALE

SapFix is Meta’s deployment of automated end-to-end fault fixing. It makes debugging easy by automatically generating fixes for specific issues and proposing those fixes to engineers for approval and deployment to production. SapFix has been used for many of Meta’s core apps, each containing millions of lines of code. It uses automated program repair algorithms that identify, analyze, and patch known software bugs without human intervention.

open.substack.com8 min read

03OPINIONS & ADVICE

THE MOST IMPORTANT GOAL IN DESIGNING SOFTWARE IS UNDERSTANDABILITY

The most fundamental goal of software design is to make code understandable. Understandable code is needed for correctness, security, and performance, as a lack of understanding leads to defects, security issues, and misguided performance optimizations. Focusing on understandability means making the code itself readable and providing supporting documentation to clarify complex concepts or system architecture.

ntietz.com4 min read

THE END OF AIRPLANE.DEV

Airplane, an internal tooling startup, was acquired by Airtable, who plans to shut down the product. Despite a healthy runway and happy customers, the acquisition was likely driven by the CEO's desire for a less stressful role rather than any fundamental problems with the company. Employees were given strong but not outstanding offers at Airtable with short deadlines and no severance if they declined. Ultimately, the outcome was disappointing to its employees, since the product was abandoned and strong customer relationships were damaged in the process.

yolken.net9 min read

HOW TO GET PROMOTED THIS YEAR

To get promoted, you need to take charge of the process and strategically increase your impact. Start by aligning with your manager on your goals early in the cycle, then identify and work on areas for improvement. Seek out challenging projects aligned with the next level and take on a greater leadership role. Build trust with managers by demonstrating ownership and reliability and be a positive force on your team by helping others.

open.substack.com9 min read

04LAUNCHES & TOOLS

Sponsored

250K+ DEV TEAMS USE MESCIUS FOR WEB DEVELOPMENT, JS AND .NET COMPONENTS. TRY THE TOOLS FOR FREE

For the past 40 years, MESCIUS (formerly GrapeCity) [14] has been building award-winning developer tools: JavaScript and .NET grids, reporting, spreadsheets, .NET and Java Document APIs, viewers, and mobile controls. These include popular solutions [14] such as Spread, ComponentOne, ActiveReports, Document Solutions, and Wijmo. Microsoft, Tesla, Disney, and +250K other customers use MESCIUS tools daily.

developer.mescius.comSponsor

DAYTONA

With a single command, Daytona creates fully configured development environments that can run anywhere (local, cloud, VM, etc). To optimize efficiency, it utilizes configuration files (like dev containers) and prebuilt systems. Daytona integrates with VS Code, JetBrains, and a built-in Web IDE, as well as Git providers.

github.comGitHub repository

ENTERPRISE SAAS STARTER KIT

This is an open-source Next.js boilerplate for Enterprise SaaS applications. It uses Tailwind CSS, has built-in authentication, and supports Postgres, SAML SSO, and Directory Sync.

github.comGitHub repository

ENTE

Ente is an open-source platform that offers end-to-end encryption for cloud data storage. There are currently two applications built on this platform: Ente Photos (an alternative to Apple/Google Photos) and Ente Auth (a 2FA solution). Ente's source code and cryptography have undergone audits by well-known cybersecurity firms.

github.comGitHub repository

05MISCELLANEOUS

WE HACKED GOOGLE A.I. FOR $50,000

Google held an event called “LLM bugSWAT” where people uncovered vulnerabilities in Google's systems. The authors of this article found significant security flaws, including an Insecure Direct Object Reference in Google's Bard and a Denial of Service vulnerability through Directive Overloading in Google's Cloud Console. They used Gemini Extensions to exfiltrate sensitive personal information by cleverly bypassing the Content Security Policy, a feat that rewarded them with a $50,000 reward.

landh.tech15 min read

OPEN-SOURCING OUR PROGRESS ON TAILWIND CSS V4.0

Tailwind CSS v4.0 Alpha is a major update that introduces a faster engine, streamlined configuration, and new features. Built with Rust and Lightning CSS, the new engine significantly improves performance and reduces bundle size. Configuration now happens directly in CSS files using CSS variables, eliminating the need for separate JavaScript config files. Tailwind CSS v4 also comes with built-in support for PostCSS features like @import and nesting, making CSS preprocessing easier.

tailwindcss.com8 min read

FONTS ARE STILL A HELVETICA OF A PROBLEM

Canva's team found security risks in popular font-handling tools. For example, they found an XML vulnerability in FontTools, where the application’s SVG font subsetting feature could be exploited to allow hackers to read arbitrary files. To prevent such issues, Canva treats fonts as untrusted inputs, sandboxes font processing, uses sanitization, and collaborates with open-source maintainers by providing security patches.

canva.dev10 min read