Search the archive

Full-text search across article titles and summaries. Refine with sector, year, content type, and reading-time filters.

Results

9,381 matches

BEBOP

Bebop is a fast data interchange format. In benchmarks, it is 100 times faster than Protocol Buffers and 1000 times faster than JSON. Bebop offers the binary serialization benefits of Protocol Buffers with a better developer experience.

2024.03.13
github.comGitHub repositoryTLDR Web Dev

ASTRO 4.5

Astro 4.5 introduces a new Dev Audit UI that provides in-browser guidance for improving site performance and accessibility. This release also offers enhanced View Transitions functionality, multi-CDN asset prefixing for optimized content delivery, and more.

2024.03.13
astro.build5 min readTLDR Web Dev

WINTERJS

WinterJS is a fast JavaScript server that runs Service Workers scripts. It is able to handle up to 100,000 requests per second on a single laptop.

2024.03.13
github.comGitHub repositoryTLDR Web Dev

THE “10X ENGINEER:" 50 YEARS AGO AND NOW

The book "Mythical Man Month,” written 50 years ago, explores the concept of the "10x engineer." Its author theorizes that building a team of supporting roles around a highly productive chief programmer could maximize output. Nowadays, advanced tooling eliminates the need for such hierarchical team structures and much of the proposed support team.

2024.03.13
blog.pragmaticengineer.com8 min readTLDR Web Dev

BUILDING META’S GENAI INFRASTRUCTURE

Meta recently built two large-scale AI clusters, each containing over 24,000 GPUs, to power its current and future AI models. Built with a focus on researcher experience and productivity, these clusters feature high-performance networks, powerful storage solutions, and the latest NVIDIA H100 GPUs. Meta is optimizing these clusters to handle large complex models and is scaling its infrastructure to include hundreds of thousands of GPUs by the end of 2024.

2024.03.13
engineering.fb.com7 min readTLDR Web Dev

THE DIGITAL MARKETS ACT IS IN FORCE! WHAT HAPPENS NOW?

The Digital Markets Act (DMA) is now in effect. Companies like Apple, Google, and Meta must ensure that their designated core platform services comply with the DMA or face substantial fines. Key changes required by the DMA include end of browser engine restrictions, third-party app store access, web app installation fairness, and the respecting of user choice in chosen default browsers.

2024.03.13
open-web-advocacy.org18 min readTLDR Web Dev

JCO

Jco is a fully native JavaScript toolchain for working with WebAssembly (Wasm) Components in JavaScript that can transpile Wasm component binaries into ES modules.

2024.03.13
github.comGitHub repositoryTLDR Web Dev

IF YOU CAN CODE, YOU CAN WRITE!

Coding and writing are fundamentally similar because both have the potential for impactful change and require clarity, efficiency, readability, and structure.

2024.03.13
thecaringtechie.com4 min readTLDR Web Dev

DETECT CAPS LOCK WITH JAVASCRIPT

Users may accidentally have Caps Lock enabled when typing their passwords - developers can use JavaScript's getModifierState method to detect this and provide a helpful warning.

2024.03.13
davidwalsh.name1 min readTLDR Web Dev

STREAMING HTML OUT OF ORDER WITHOUT JAVASCRIPT

Streaming HTML sends HTML from server to browser in chunks as it is generated. It took a back seat as single-page applications became the standard, but it has become more popular along with server-side rendering. A clear advantage to streaming HTML is you can render something immediately to indicate to the user that something is happening and you can start downloading assets like CSS and JavaScript earlier while you wait for the more time-consuming parts of the response to be generated.

2024.03.12
lamplightdev.com5 min readTLDR Web Dev

HOW WE ENGINEER FEEDBACK AT FIGMA WITH ENG CRITS

Engineering crits at Figma are collaborative sessions designed to foster brainstorming, knowledge sharing, and problem-solving early in the development process. Inspired by design critiques, Figma uses FigJam to facilitate asynchronous feedback, ensuring everyone’s perspectives are included in the conversation. Unlike traditional reviews, engineering crits emphasize suggestions over mandates.

2024.03.12
figma.com9 min readTLDR Web Dev

THE QUIET, PERVASIVE DEVALUATION OF FRONTEND

There is a widespread disregard for front-end development within the tech industry. Frontend work is sometimes biased against as there are beliefs that frontend is less technical and thus, less valued. This devaluing of frontend work harms the quality of software products and limits the potential of the web.

2024.03.12
joshcollinsworth.com15 min readTLDR Web Dev

BREAKING DOWN TASKS

To better estimate software projects, it’s helpful to break them down into smaller, well-defined tasks. This process starts with a high-level goal and iteratively expands tasks until they are clear enough for a developer to understand what needs to be done and how to know when it's complete.

2024.03.12
jacobian.org9 min readTLDR Web Dev

YOU'RE NOT A WEAK DEVELOPER IF YOU DON'T ALWAYS SHOW OFF YOUR TECHNICAL EXCELLENCE

Developers sometimes prioritize code perfection over delivering value to customers, leading to negative effects for both teams and customers. Teams should shift their focus to smaller, more frequent deliveries that provide immediate value to the customer, even if temporarily sacrificing some code quality. By breaking down large projects into smaller increments and limiting work-in-progress, developers can significantly shorten development cycles and have happier customers.

2024.03.12
shiftmag.dev4 min readTLDR Web Dev

JSON CANVAS

JSON Canvas is an open-source file format designed for storing and exchanging data from infinite canvas tools (like digital whiteboards). It aims to improve the longevity, readability, and flexibility of user-created content within these applications.

2024.03.12
jsoncanvas.orgToolTLDR Web Dev

GOQITE

Goqite is a persistent message queue library built on SQLite and inspired by AWS SQS.

2024.03.12
goqite.comToolTLDR Web Dev

USING LLMS TO GENERATE FUZZ GENERATORS

LLMs show potential for generating fuzzers to find bugs in code. A fuzzer is a program that automatically inputs semi-random data into a program or stack to detect bugs. While LLMs can find some software bugs through static analysis, results are often less reliable than traditional techniques due to false positives. As LLMs get better, they could be used to create targeted fuzzers to uncover vulnerabilities.

2024.03.12
verse.systems9 min readTLDR Web Dev

REFLOAT

Refloat is an accurate float parser that is faster than standard float parsing libraries.

2024.03.12
github.comGitHub repositoryTLDR Web Dev

404S

A gallery of unique, creative 404 pages.

2024.03.12
404s.designToolTLDR Web Dev

PLAYING WITH INFINITY IN CSS

This blog explores the concept of using `infinity` within CSS, specifically in the `calc()` function, to achieve unique effects like ensuring an element has the highest `z-index`, creating extremely large elements, and dealing with browser inconsistencies. `infinity` is essentially shorthand for the largest possible value in a particular situation. This value can and will change between browsers, operating systems, and CSS properties. It can be used to create some pill shapes, hide content for screen readers, and make CSS animations.

2024.03.11
codersblock.com4 min readTLDR Web Dev

COROUTINES AND WEB COMPONENTS

Coroutines are functions that can be suspended and resumed while potentially passing data between suspension points. They are useful for implementing various patterns involving cooperation between different tasks or functions, such as asynchronous flows. This article demonstrates how to use coroutines to build a very flexible and simple abstraction for UI components, enabling you to split behavior and view into reusable bits, maintain internal state, and consolidate component lifecycles within a single location.

2024.03.11
lorenzofox.dev6 min readTLDR Web Dev

SERVING ASTRO WITH RUST

Astro is a static site generator that offers a robust development experience with TypeScript integration and built-in i18n/l10n support. Its static site generation conflicted with this developer's need for server-side locale negotiation, so they integrated a Rust web server (axum) to serve the Astro website, allowing for custom locale negotiation logic while still using Astro's advantages.

2024.03.11
yieldcode.blog7 min readTLDR Web Dev

PERF IS NOT ENOUGH

Databases often focus excessively on benchmark performance, overlooking the fact that a subjectively better user experience is often more important. The rate at which a database improves, ease of use, and how it integrates into existing workflows are all factors that can be more important when choosing a database over just raw performance. Focusing on a streamlined user experience that empowers quick analysis can sometimes offer a better edge than single-metric performance gains.

2024.03.11
motherduck.com13 min readTLDR Web Dev

WRITING DOCUMENTATION FOR YOUR TEAM

To write effective documentation, carefully choose what to document, focusing on common questions, poorly understood concepts, and information crucial for informed decisions. Understand your audience's knowledge level, tailor your language, and structure the documentation for easy navigation. Write with the future in mind by explaining the "why" behind decisions, linking to current information, and encouraging a culture of shared documentation ownership.

2024.03.11
shubhro.com3 min readTLDR Web Dev

STARTING A SIDE PROJECT AS A CREATIVE STUDIO

To make the most of a side project, start with a problem you face yourself and clearly outline goals. After that, iterate continuously and take in feedback from users honestly. The success of a side project doesn’t have to be defined solely by the money earned, but rather based on what is learned.

2024.03.11
hellotime.io10 min readTLDR Web Dev

TANSTACK STORE

TanStack Store is a framework-agnostic type-safe store with reactive framework adapters. It supports React, Vue, Angular, and SolidJS. TanStack Store requires minimal setup and comes with granular APIs.

2024.03.11
github.comGitHub repositoryTLDR Web Dev

REACT UNFORGET

React Unforget is a compiler that analyzes React components and hooks to identify optimization opportunities and automatically inserts memoization code where it will have the most impact, reducing unnecessary re-renders and improving overall performance. It features intelligent memoization of components, hooks, and JSX elements, as well as the ability to optimize code execution even in the presence of early returns.

2024.03.11
github.comGitHub repositoryTLDR Web Dev

ONBOARDING_LIB

An onboarding library for building accessible, customizable, and persistent onboarding flows in React apps.

2024.03.11
github.comGitHub repositoryTLDR Web Dev

SECURE BY DESIGN: GOOGLE’S PERSPECTIVE ON MEMORY SAFETY

Google has published a whitepaper that outlines its "Secure by Design" approach, which advocates for the adoption of languages like Java, Go, and Rust to achieve high-assurance memory safety. Google has a massive C++ codebase. It will gradually adopt memory-safe languages for new code while seeking safety improvements for existing C++.

2024.03.11
security.googleblog.com3 min readTLDR Web Dev

S3 IS FILES, BUT NOT A FILESYSTEM

Amazon S3 is often thought of as a cloud-based file system, but it lacks important features of a traditional file system like partial overwrites. This mismatch in expectations has significant implications for software (especially databases) designed to work with filesystems as it makes them incompatible with S3. Despite this, S3 still is valuable due to its interface, high bandwidth, and low maintenance.

2024.03.11
calpaterson.com8 min readTLDR Web Dev

HOW HEAD WORKS IN GIT

Git’s HEAD refers to your current location in the Git repository, indicated either by a branch name or a commit ID stored in the .git/HEAD file. HEAD can also be used as a command parameter ('git show HEAD') to reference the currently checked-out commit. Git often includes HEAD in its output (such as 'HEAD detached') to provide context about your working state within the repository.

2024.03.11
jvns.ca5 min readTLDR Web Dev

PLANETSCALE FOREVER

PlanetScale is prioritizing profitability to ensure long-term reliability and sustainability for its database services - it is removing its free tier on April 8.

2024.03.11
planetscale.com3 min readTLDR Web Dev

WHY FACEBOOK DOESN’T USE GIT

Facebook uses Mercurial instead of Git. While performance limitations triggered the migration, the key deciding factor in the choice proved to be the openness and collaborative spirit of the Mercurial community. Facebook's success in smoothly migrating its engineering org was thanks to thoughtful communication and human elements alongside other technical reasons.

2024.03.08
graphite.dev8 min readTLDR Web Dev

"REACT-STRICT-DOM", WHY IT'S SO GREAT?

Meta’s react-strict-dom (open sourced last week) is an experimental integration of React DOM and StyleX that standardizes the development of styled React components, both web and native. This article goes into the historical background of building a universal codebase that shares components between Web and Native and how react-strict-dom changes the way we can do it. You might need to refresh the page to get it to load!

2024.03.08
szymonrybczak.dev4 min readTLDR Web Dev

ON PICKING SIDE-PROJECTS

Choosing the right side projects can enhance your T-shaped skills and offer personal benefits. To maximize success, manage your ideas, focus on the "why" behind each project, structure for potential wins even if the primary goal isn't met, and avoid scope creep by setting boundaries like iterations or timeboxes.

2024.03.08
florianbellmann.com5 min readTLDR Web Dev

HARD AND SOFT SKILLS FOR DEVELOPERS CODING IN THE AGE OF AI

As AI developer tooling gets better, developers should also focus on soft skills such as communication, problem solving, and adaptability to effectively collaborate with AI tools and create user-centered solutions. AI offers significant potential but ultimately complements the existing skillset of developers, allowing them to focus less on boilerplate and more on strategic development.

2024.03.08
github.blog8 min readTLDR Web Dev