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

I ACCIDENTALLY BUILT A MEME SEARCH ENGINE

This developer built a meme search engine as a way to learn about vector embeddings and image encoding. They used OpenAI's CLIP model to encode images into vector embeddings, which are a way to represent images or text as numerical vectors, for similarity searches. These embeddings were stored in a vector database, which then made memes searchable with just natural language.

2024.04.19
links.tldr.tech11 min readTLDR Web Dev

HARDEST PROBLEM IN COMPUTER SCIENCE: CENTERING THINGS

Centering UI elements is surprisingly hard due to factors like font metrics (which can be inconsistent), line height complexities, and the difficulty of aligning text with icons. This article shows multiple examples of non-centered text on websites from companies like Apple, Slack, Microsoft, GitHub, and Google. Some tips to align elements properly: stop using fonts for icons, understand your font metrics, and pay more attention to alignment in the first place.

2024.04.18
tonsky.me8 min readTLDR Web Dev

BASIC THINGS

Projects benefit from investing upfront in foundational elements like READMEs, developer docs, websites, and clear process documentation. Code quality should always be upheld on the main branch. These kinds of elements are a productivity multiplier when a project gets larger and are much harder to introduce into a large project that doesn't already have them.

2024.04.18
bit.ly17 min readTLDR Web Dev

THE STRUGGLES OF A YOUNG DEVELOPER

Young developers often focus too much on premature optimization, which leads to over-engineering things too early. It's better instead to focus on writing clear, concise, and testable code. This author tells a story where they wrote over-engineered code as a young developer, but when it came time to debug it months later, they could no longer understand the code they had written.

2024.04.18
blobstreaming.org4 min readTLDR Web Dev

REACT QUERY BUILDER

React Query Builder is a fully customizable query builder component for React. It has a collection of utility functions for importing from - and exporting to - various query languages, like SQL and MongoDB.

2024.04.18
github.comGitHub repositoryTLDR Web Dev

DID THE MAKERS OF DEVIN AI LIE ABOUT THEIR CAPABILITIES?

Devin AI has been promoted with claims that it can perform software engineering tasks by itself. However, it has been revealed that the company cherry-picked tasks and hid the true capabilities of Devin AI with flashy demos.

2024.04.18
machine-learning-made-simple.medium.com12 min readTLDR Web Dev

HEALTHY DOCUMENTATION

To build a documentation-first culture, CTOs and engineering leaders should lead by example, provide tools and templates, and establish documentation as a key part of the company's values. Documentation saves time for everyone since it leads to less meetings, chat pings, and knowledge loss.

2024.04.18
vadimkravcenko.com16 min readTLDR Web Dev

A CASE STUDY ON CAMPFIRE'S IMPLEMENTATION

Campfire utilizes CSS features like custom properties and the ‘oklch()' color function to streamline design consistency and adaptability across devices. The ‘:has()' pseudo-class allows for conditional styling based on element content.

2024.04.18
dev.37signals.com8 min readTLDR Web Dev

IOS404

An overview of all of the missing web features in iOS.

2024.04.18
ios404.comToolTLDR Web Dev

TEN YEARS OF IMPROVEMENTS IN POSTGRESQL'S OPTIMIZER

PostgreSQL's query optimizer has improved massively over the past decade. Using the Join Order Benchmark (JOB), this author shows that tail latency has been nearly halved between PostgreSQL versions 8 and 16, with each major version offering an average 15% performance increase. One of the best decisions teams can make to make their database query speeds faster is to simply keep their Postgres instances up to date.

2024.04.17
rmarcus.info3 min readTLDR Web Dev

HOW PAYPAL SERVES 350 BILLION DAILY REQUESTS WITH JUNODB

JunoDB is a highly reliable database developed by PayPal with an architecture that supports near-constant availability and efficient handling of massive data request loads. Its architecture includes a client library, a proxy with load balancing, and storage servers using RocksDB.

2024.04.17
open.substack.com8 min readTLDR Web Dev

UPGRADING 3 MILLION VARIABLES TO ENVELOPE ENCRYPTION

Railway, a cloud deployment platform, used to rely heavily on Google Cloud's Key Management Service (KMS) for encrypting sensitive user configuration variables. To improve performance, security, and reduce dependency on a single provider, Railway implemented envelope encryption, which encrypts data with a data encryption key that is itself encrypted with a key encryption key. This change reduced KMS usage and allows Railway to have potentially no dependencies on external cloud infrastructure in the future.

2024.04.17
blog.railway.app7 min readTLDR Web Dev

FASTER CONNECTIVITY !== FASTER WEBSITES

Despite the increase in internet speeds, the user experience on many websites has not proportionally improved due to bloated websites and performance issues. Websites designed to load static content all at once remain the most accessible universally and often outperform all other websites. Modern websites that prioritize complex features over basic usability like scrolling and search are often slower than average.

2024.04.17
blog.jim-nielsen.com5 min readTLDR Web Dev

BUILDING SOMETHING REAL IN YOUR SPARE TIME

To bring a side project to completion, start by defining specific goals, then break the project into smaller milestones to maintain motivation. Work on it consistently but sustainably by prioritizing features properly.

2024.04.17
blobstreaming.org4 min readTLDR Web Dev

MENTAL HEALTH IN SOFTWARE ENGINEERING

This article shares a tech co-founder's struggle with anxiety and burnout, which stemmed from the intense work environment in the startup world. Neglecting mental health can take a heavy toll. To manage his anxiety better, the author set boundaries and prioritized self-care.

2024.04.17
vadimkravcenko.com7 min readTLDR Web Dev

Sponsored

😘 KISS BUGS GOODBYE WITH FULLY AUTOMATED END-TO-END TEST COVERAGE

QA Wolf gets web apps to 80% automated test coverage in just 4 months [10]. They build and maintain your automated test suite, plus provide unlimited parallel test runs. → Learn how Salesloft saves $750k/year [11] in QA engineering + executes >300 parallel tests in minutes, on every PR

2024.04.17
qawolf.comSponsorTLDR Web Dev

READER

Reader converts any URL to an LLM-friendly input.

2024.04.17
github.comGitHub repositoryTLDR Web Dev

MIKROORM 6.2

MikroORM is a TypeScript data-mapper ORM. Recently released MikroORM v6.2 introduces support for Microsoft SQL Server and libSQL, along with better handling of collection updates and pagination.

2024.04.17
mikro-orm.io5 min readTLDR Web Dev

FAILURES, MISTAKES, CONFUSION

In programming languages, failures are systemic limitations that come from constraints and might be recoverable. Mistakes are code-based errors that violate program logic and usually need safe termination. Failures and mistakes should be handled differently by software.

2024.04.17
blog.ignaskiela.eu4 min readTLDR Web Dev

DISTRIBUTED AUTHORIZATION

Authorization is complex and creates problems in microservice-based applications. Existing approaches either mix authorization logic with application code (making it hard to understand and update) or centralize authorization data, leading to tough data synchronization. A new service called Oso Cloud solves these issues with policy-based logic and a new distributed authorization architecture, allowing developers to define logic centrally while still using local data to make authorization decisions.

2024.04.17
osohq.com12 min readTLDR Web Dev

A BLUEPRINT FOR MAKING QUANTUM COMPUTERS EASIER TO PROGRAM

MIT researchers have identified a major challenge in quantum programming: the lack of control flow instructions like those in classical computers. To address this, they proposed a new model called the quantum control machine which includes modified instructions that make quantum computers easier to program.

2024.04.17
news.mit.edu6 min readTLDR Web Dev

A QUICK POST ON CHEN'S ALGORITHM

Chen's algorithm is a new quantum algorithm that, if proven correct, could potentially break lattice-based cryptography schemes, which are currently used to secure many systems today.

2024.04.17
blog.cryptographyengineering.com4 min readTLDR Web Dev

OPTIMIZING NODE.JS PERFORMANCE

To profile the CPU usage of a Node.js application, launch the application with the ‘--inspect flag' and connect to it using Chrome DevTools via ‘chrome://inspect'. Start and stop the CPU profiling using the Record button in the Performance panel of DevTools to capture how CPU time is spent during application execution.

2024.04.17
developer.chrome.com1 min readTLDR Web Dev

CSS IN REACT SERVER COMPONENTS

React Server Components (RSCs) allow server-exclusive code, which can lead to better performance. However, this means that popular styling options, like CSS-in-JS libraries which rely on React's lifecycle, can conflict with RSCs. RSC's server-side focus clashes with the browser-centric nature of traditional CSS-in-JS libraries, but there are “zero-runtime” CSS-in-JS libraries that are fully compatible with RSCs today. If your application doesn't use these and already has a good “time-to-interactive” time, then migrating to these libraries is not worth it.

2024.04.16
joshwcomeau.com24 min readTLDR Web Dev

HOW TO WRITE A CODE FORMATTER

This article is a detailed walkthrough in building a basic code formatter, with code examples along the way. To create a code formatter, first transform the code into an abstract syntax tree (AST) and then build a formatting tree using nodes that represent concepts like text, whitespace, and indentation. Traverse the formatting tree, rendering each node into the final formatted code.

2024.04.16
yorickpeterse.com27 min readTLDR Web Dev

DB INDEXES DO NOT MAGICALLY COMPOSE

Database indexes are similar to organized lists that help you find information quickly. To be most effective, indexes should align closely with how you typically query your data. Indexes don't magically work well at random and take careful thought to get correct.

2024.04.16
rtpg.co4 min readTLDR Web Dev

HOW TO SUCCEED AS A DATA ENGINEER WITHOUT THE BURNOUT

Data engineers can avoid burnout and build effective data platforms by aligning the infrastructure with business needs, automating tasks, and prioritizing reliability. They should monitor infrastructure proactively and plan for failures ahead of time.

2024.04.16
stackoverflow.blog13 min readTLDR Web Dev

NAVIGATING CODE REVIEWS AS A CODE AUTHOR

A code author should have a growth mindset and approach code reviews as an opportunity to learn. A fixed-mindset code author views feedback during code reviews in a defensive way.

2024.04.16
tmsd.substack.com7 min readTLDR Web Dev

STOP CODING FORMS WITH A FULLY-INTEGRATED DRAG-AND-DROP FORM BUILDER (SPONSORED)

Tired of coding forms? With SurveyJS UI components [9], you can generate and style dynamic JSON-based forms of any complexity right in your JavaScript application with no need for manual coding. The libraries utilize JSON objects for both form metadata and results, and support seamless integration with any backend system. You can render your custom forms and collect responses, while retaining full control over your data.

2024.04.16
surveyjs.ioTLDR Web Dev

SEMANTIC AUTOCOMPLETE

Semantic Autocomplete is a performant React component that extends Material UI's autocomplete component with a local, quantized ML model. The model is used to perform similarity search and helps match by meaning, not just letters. The component is full-featured and doesn't require any extending.

2024.04.16
github.comGitHub repositoryTLDR Web Dev

MORPHIC

An AI-powered answer engine with a generative UI.

2024.04.16
github.comGitHub repositoryTLDR Web Dev

MARKDOWNDOWN

Convert any webpage to Markdown with images included.

2024.04.16
markdowndown.vercel.appToolTLDR Web Dev

WEIRD MONITOR BUGS PEOPLE SENT ME IN THE LAST 5 YEARS

This author, who develops an app that controls monitor settings, has observed unusual monitor bugs over the years. These bugs include monitors randomly swapping positions after standby, turning monochrome unexpectedly, blacking out after receiving specific commands, and ignoring input switching or mute commands. Monitors often have faulty firmware and weird workarounds to these problems.

2024.04.16
notes.alinpanaitiu.com8 min readTLDR Web Dev