TLDR Web Dev

TLDR WEB DEV 2024-02-15

5 sections15 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

THE PERFORMANCE INEQUALITY GAP, 2024

Just how much HTML, CSS, and (particularly) JavaScript can a new project afford? The answer is “more than in years past, but much less than frontend developers are still burdening users with”. This post digs deep into this topic, particularly on how updated devices, networks, and new metrics (INP) influence this, particularly for websites that work on low-end devices.

infrequently.org24 min read

THE TWO TYPES OF READABLE CODE

There are two types of readability in code: beginner and expert. Beginner readability focuses on making code easy to understand for those new to programming or a particular language, while expert readability focuses on making code easy to understand for experienced developers. Both types of readability are important, but expert readability is often more important in the long run as it allows developers to write more concise and expressive code.

earthly.dev9 min read

IMPROVE YOUR SQL SKILLS X2 IN 5 MINUTES

Advanced SQL techniques such as Common Table Expressions, window functions, and the use of the PARTITION BY command are useful for developers who need to produce business insights and technical designs. This article provides practical examples and exercises for each technique.

zaidesanton.substack.com5 min read

02OPINIONS & ADVICE

ASK HN: HOW DO YOU ORGANIZE SOFTWARE DOCUMENTATION AT WORK? (HACKER NEWS THREAD)

Commenters recommend various types of documentation. One type is executable documentation, such as descriptive tests and asserts throughout code. Another is timestamped documentation, like a doc with the last time it was updated or detailed pull requests. Other forms of documentation include Confluence, a documentation repository of Markdown files, and design docs.

news.ycombinator.com

BUILDING TRUST AS A SOFTWARE ENGINEER

The key to becoming a senior engineer isn't just about technical skills - engineers need to build trust through reliability and dependability. Consistently delivering on projects, communicating challenges early, and maintaining a "streak" of successful outcomes builds dependability and trust within teams and it allows senior engineers to be entrusted with complex high-stakes projects.

graphite.dev6 min read

IT'S NOT MICROSERVICE OR MONOLITH; IT'S COGNITIVE LOAD YOU NEED TO UNDERSTAND FIRST

A monolithic architecture with a focus on cohesive and modular designs to match the team's cognitive load may be favorable for single teams. Conversely, for multiple teams, microservices or similar architectures allow for independent work but require well-designed APIs to mitigate extraneous cognitive load. Software architecture is ideally designed to fit the maximum team cognitive load to avoid overstretching teams and ensure alignment between organizational capacity and architectural decisions.

fernandovillalba.substack.com9 min read

03LAUNCHES & TOOLS

VELVETTE

Velvette is a JavaScript library that implements common patterns on top of CSS view transitions. It makes it easier to author CSS view transitions by providing useful temporary classes while the transition is active. Velvette can generate unique names and animate between list and detail views.

github.comGitHub repository

REOR

Reor is an AI note-taking app that automatically connects related notes and answers questions based on them. It offers a semantic search. Everything runs locally, with optional connections to APIs. By embedding notes and utilizing vector similarity, Reor "self-organizes" your ideas, drawing connections and surfacing related notes.

github.comGitHub repository

OINK.PHP

oink.php is a free and open-source API wrapper for PHP - in a single file.

github.comGitHub repository

04MISCELLANEOUS

FIXING SECURITY VULNERABILITIES WITH AI

GitHub uses “code scanning autofix,” which uses AI to suggest fixes for security vulnerabilities detected in codebases. The feature integrates into existing code scanning workflows and provides users with suggested fixes directly in pull requests. Autofix prompts LLMs to suggest edits while ensuring code functionality remains unchanged.

github.blog9 min read

NOT ALL TLDS ARE CREATED EQUAL

Country-code top-level domains (ccTLDs) are managed by individual countries with no standardized regulations, leaving users vulnerable to price hikes, domain cancellations based on changing political climates, and unclear ownership rules. Examples include the recent shutdown of "queer.af" by the Taliban and the Brexit-related issues with ".eu" domains. While some ccTLDs might be useful for local businesses or residents, gTLDs (global TLDs) may be better for their lower risk and more consistent regulations.

hezmatt.org6 min read