# Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/page/19>)

## [ThumbHash: compact image placeholders with transparency](<https://sebastien.rigaux.be/en/tech-watch/links/thumbhash-compact-image-placeholders-with-transparency>)

ThumbHash stores a compact image placeholder alongside application data. It encodes aspect ratio and transparency to improve the display before the full image loads.

2024-09-14 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/thumbhash-compact-image-placeholders-with-transparency.md>) · [Original resource](<https://github.com/evanw/thumbhash>)

## [BlurHash: show placeholders while images load](<https://sebastien.rigaux.be/en/tech-watch/links/blurhash-show-placeholders-while-images-load>)

BlurHash turns an image into a short string representing a blurred placeholder. Clients can render it immediately to avoid empty boxes during image loading.

2024-09-14 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/blurhash-show-placeholders-while-images-load.md>) · [Original resource](<https://github.com/woltapp/blurhash>)

## [Use display: contents to compose CSS layouts](<https://sebastien.rigaux.be/en/tech-watch/links/use-display-contents-to-compose-css-layouts>)

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.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/use-display-contents-to-compose-css-layouts.md>) · [Original resource](<https://ishadeed.com/article/display-contents/>)

## [Deploy Next.js to production with a standalone server](<https://sebastien.rigaux.be/en/tech-watch/links/deploy-next-js-to-production-with-a-standalone-server>)

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.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/deploy-next-js-to-production-with-a-standalone-server.md>) · [Original resource](<https://saybackend.com/blog/2024-sep-nextjs-deploy-any-server/>)

## [Combine sticky headers with full-height sections](<https://sebastien.rigaux.be/en/tech-watch/links/combine-sticky-headers-with-full-height-sections>)

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.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/combine-sticky-headers-with-full-height-sections.md>) · [Original resource](<https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination/>)

## [Avokado: table ordering through App Clips](<https://sebastien.rigaux.be/en/tech-watch/links/avokado-table-ordering-through-app-clips>)

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.

2024-09-12 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/avokado-table-ordering-through-app-clips.md>) · [Original resource](<https://apps.apple.com/be/app/avokado/id1661418270>)

## [LogTape: configurable logging across JavaScript runtimes](<https://sebastien.rigaux.be/en/tech-watch/links/logtape-configurable-logging-across-javascript-runtimes>)

LogTape lets libraries emit logs while applications retain control of configuration. Its dependency-free implementation supports Node.js, Deno, Bun, browsers and edge functions.

2024-08-24 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/logtape-configurable-logging-across-javascript-runtimes.md>) · [Original resource](<https://github.com/dahlia/logtape>)

## [Maska: format user input without dependencies](<https://sebastien.rigaux.be/en/tech-watch/links/maska-format-user-input-without-dependencies>)

Maska applies input masks to form fields or plain strings. The library works in JavaScript and provides integrations for Vue, Svelte and Alpine.js.

2024-07-28 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/maska-format-user-input-without-dependencies.md>) · [Original resource](<https://beholdr.github.io/maska/v3/#/>)

## [Penpot: connect design, components and code](<https://sebastien.rigaux.be/en/tech-watch/links/penpot-connect-design-components-and-code>)

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.

2024-07-28 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/penpot-connect-design-components-and-code.md>) · [Original resource](<https://penpot.app/>)

## [Set up a Docmost development environment](<https://sebastien.rigaux.be/en/tech-watch/links/set-up-a-docmost-development-environment>)

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.

2024-06-30 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/set-up-a-docmost-development-environment.md>) · [Original resource](<https://docmost.com/docs/self-hosting/development>)

## [Offload calculations with Web Workers, Comlink and TanStack Query](<https://sebastien.rigaux.be/en/tech-watch/links/offload-calculations-with-web-workers-comlink-and-tanstack-query>)

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.

2024-06-29 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/offload-calculations-with-web-workers-comlink-and-tanstack-query.md>) · [Original resource](<https://johnnyreilly.com/web-workers-comlink-vite-tanstack-query>)

## [NLUX: add an AI chat interface with React or JavaScript](<https://sebastien.rigaux.be/en/tech-watch/links/nlux-add-an-ai-chat-interface-with-react-or-javascript>)

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.

2024-06-25 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/nlux-add-an-ai-chat-interface-with-react-or-javascript.md>) · [Original resource](<https://github.com/nlkitai/nlux>)

## [SEO Spider: compare free and licensed crawling features](<https://sebastien.rigaux.be/en/tech-watch/links/seo-spider-compare-free-and-licensed-crawling-features>)

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.

2024-06-02 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/seo-spider-compare-free-and-licensed-crawling-features.md>) · [Original resource](<https://www.screamingfrog.co.uk/seo-spider/pricing/>)

## [Namviek: self-hosted project management for small teams](<https://sebastien.rigaux.be/en/tech-watch/links/namviek-self-hosted-project-management-for-small-teams>)

Namviek provides essential project management features for development teams. The repository presents a self-hosted option and demo instances for evaluating the product.

2024-05-27 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/namviek-self-hosted-project-management-for-small-teams.md>) · [Original resource](<https://github.com/hudy9x/namviek>)

## [T3 Env: validate and separate environment variables](<https://sebastien.rigaux.be/en/tech-watch/links/t3-env-validate-and-separate-environment-variables>)

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.

2024-03-23 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/t3-env-validate-and-separate-environment-variables.md>) · [Original resource](<https://env.t3.gg/docs/introduction>)

## [European Cloud Summit: follow Microsoft ecosystem sessions](<https://sebastien.rigaux.be/en/tech-watch/links/european-cloud-summit-follow-microsoft-ecosystem-sessions>)

This page collects Cloud Summit program information. It provides a place to follow sessions from Microsoft teams and practitioners as the schedule becomes available.

2024-03-10 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/european-cloud-summit-follow-microsoft-ecosystem-sessions.md>) · [Original resource](<https://ecs.events/en/sessions>)

## [WeAreDevelopers: explore talks, workshops and engineering experience](<https://sebastien.rigaux.be/en/tech-watch/links/wearedevelopers-explore-talks-workshops-and-engineering-experience>)

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.

2024-03-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/wearedevelopers-explore-talks-workshops-and-engineering-experience.md>) · [Original resource](<https://www.wearedevelopers.com/world-congress>)

## [Preview changes in an Argo CD deployment](<https://sebastien.rigaux.be/en/tech-watch/links/preview-changes-in-an-argo-cd-deployment>)

The article examines manifest previews and diffs before a GitOps deployment. It helps teams understand the practical impact of Kubernetes changes beyond syntax validation.

2024-02-04 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/preview-changes-in-an-argo-cd-deployment.md>) · [Original resource](<https://octopus.com/blog/argo-cd-preview-diff>)

## [Debug running Kubernetes pods with kubectl debug](<https://sebastien.rigaux.be/en/tech-watch/links/debug-running-kubernetes-pods-with-kubectl-debug>)

The guide compares the limitations of kubectl exec with kubectl debug. It also introduces superdebug for diagnostic sessions that require volume mounts.

2024-02-04 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/debug-running-kubernetes-pods-with-kubectl-debug.md>) · [Original resource](<https://medium.com/datamindedbe/debugging-running-pods-on-kubernetes-2ba160c47ef5>)

## [Generate types and an OpenAPI specification from Directus](<https://sebastien.rigaux.be/en/tech-watch/links/generate-types-and-an-openapi-specification-from-directus>)

This Directus extension generates TypeScript definitions, Python type hints or an OpenAPI specification. It helps keep application contracts aligned with the CMS data model.

2024-01-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/generate-types-and-an-openapi-specification-from-directus.md>) · [Original resource](<https://github.com/maltejur/directus-extension-generate-types>)

Page 19 / 22

[Previous](<https://sebastien.rigaux.be/en/tech-watch/page/18>)

[Next](<https://sebastien.rigaux.be/en/tech-watch/page/20>)
