ThumbHash stores a compact image placeholder alongside application data. It encodes aspect ratio and transparency to improve the display before the full image loads.
Tech watch
Page 19 of 22
BlurHash turns an image into a short string representing a blurred placeholder. Clients can render it immediately to avoid empty boxes during image loading.
Ahmad Shadeed explores cases where a container’s children need to participate in its parent’s layout. Examples explain how display: contents enables more flexible compositions.
Ahmad Shadeed
The guide uses Next.js standalone output to build a Docker image and deploy the application on a server. It explains a hosting option independent of Vercel’s runtime.
Kamran Tahir
The article examines position: sticky pitfalls when a header must coexist with viewport-height elements. It explains container constraints that can make these layouts fragile.
https://www.smashingmagazine.com/author/philip-braunen/
Avokado presents a restaurant ordering flow launched through a QR code or App Clip. It illustrates a mobile experience that reduces installation steps before placing an order.
LogTape lets libraries emit logs while applications retain control of configuration. Its dependency-free implementation supports Node.js, Deno, Bun, browsers and edge functions.
Maska applies input masks to form fields or plain strings. The library works in JavaScript and provides integrations for Vue, Svelte and Alpine.js.
Penpot provides an open-source design platform with prototypes, shared components and design tokens. Grid and Flex-based layouts support collaboration between designers and developers.
This guide explains the Docmost monorepo, with its React frontend and NestJS backend. It covers dependencies and setup steps for contributing to or adapting the application locally.
The article combines Comlink and TanStack Query to manage calculations in a Web Worker. Its example shows how to keep the interface responsive during expensive computation.
https://johnnyreilly.com/about
NLUX provides conversational UI components for connecting web applications to LLMs. It supports React, Next.js and plain JavaScript, with a CLI for bootstrapping a project.
This page compares Screaming Frog SEO Spider editions across broken links, metadata, hreflang and sitemaps. It helps identify which audit features and crawl limits fit a project.
Namviek provides essential project management features for development teams. The repository presents a self-hosted option and demo instances for evaluating the product.
T3 Env validates configuration with a schema and separates server variables from client variables. It makes missing configuration easier to detect and helps prevent accidental browser exposure.
This page collects Cloud Summit program information. It provides a place to follow sessions from Microsoft teams and practitioners as the schedule becomes available.
Other
WeAreDevelopers: explore talks, workshops and engineering experience
wearedevelopers.comPermalink
The World Congress site collects the program for an event aimed at developers and engineering leaders. Sessions cover software engineering and practical uses of AI.
The article examines manifest previews and diffs before a GitOps deployment. It helps teams understand the practical impact of Kubernetes changes beyond syntax validation.
The guide compares the limitations of kubectl exec with kubectl debug. It also introduces superdebug for diagnostic sessions that require volume mounts.
Jonathan Merlevede
This Directus extension generates TypeScript definitions, Python type hints or an OpenAPI specification. It helps keep application contracts aligned with the CMS data model.