# layout

Layout is the sizing, spacing, placement, and high-level arrangement of content and components in a user interface.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Mikrotik Winbox 4.3 is out

DevFeed: [Mikrotik Winbox 4.3 is out](<https://devfeed.tech/articles/mikrotik-winbox-4-3-is-out-40185.md>)

Original publisher: [Read original article](<https://blog.j2sw.com/resources/mikrotik-winbox-4-3-is-out/>)

Author: j2sw

Published: 2026-07-29T14:38:07Z

Content type: release

Language: en

Sources: [Justin Wilson (j2sw)](<https://devfeed.tech/sources/justin-wilson-j2sw.md>)

Topics: [MikroTik](<https://devfeed.tech/topics/mikrotik.md>), [Windows](<https://devfeed.tech/topics/windows.md>), [Zip](<https://devfeed.tech/topics/zip.md>), [GUI](<https://devfeed.tech/topics/gui.md>), [layout](<https://devfeed.tech/topics/layout.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [feature](<https://devfeed.tech/tags/feature.md>), [file](<https://devfeed.tech/tags/file.md>), [form](<https://devfeed.tech/tags/form.md>), [input](<https://devfeed.tech/tags/input.md>), [layout](<https://devfeed.tech/tags/layout.md>), [mikrotik](<https://devfeed.tech/tags/mikrotik.md>), [network-engineering-resources](<https://devfeed.tech/tags/network-engineering-resources.md>), [performance](<https://devfeed.tech/tags/performance.md>), [redesign](<https://devfeed.tech/tags/redesign.md>), [render](<https://devfeed.tech/tags/render.md>), [right](<https://devfeed.tech/tags/right.md>), [sorting](<https://devfeed.tech/tags/sorting.md>), [table](<https://devfeed.tech/tags/table.md>), [toolbar](<https://devfeed.tech/tags/toolbar.md>), [ui](<https://devfeed.tech/tags/ui.md>), [v3](<https://devfeed.tech/tags/v3.md>), [version](<https://devfeed.tech/tags/version.md>), [widget](<https://devfeed.tech/tags/widget.md>), [winbox](<https://devfeed.tech/tags/winbox.md>), [windows](<https://devfeed.tech/tags/windows.md>), [zip](<https://devfeed.tech/tags/zip.md>)

### AI overview

MikroTik WinBox 4.3 is a release update that adds a Windows ARM64 package and introduces or improves table, form, toolbar, settings, font, login, window-selection, layout, and scrolling behavior.

### Source excerpt

What's new in 4.3 (2026-Jul-20 10:14): *) app: add Windows for arm64 version in file WinBox_Windows_arm64.zip;*) form: make multiline input field height logic as in WinBox v3;*) table: add quick comment feature (allow multi-row commenting);*) table: allow opening "Table settings" also via right mouse click;*) table: calculate implicit height to fit 16 regular rows including ... Read more The post Mikrotik Winbox 4.3 is out appeared first on Justin Wilson (j2sw).

## How Jetpack Compose builds and updates UI with modifiers

DevFeed: [How Jetpack Compose builds and updates UI with modifiers](<https://devfeed.tech/articles/understand-compose-in-3-minutes-39256.md>)

Original publisher: [Read original article](<https://kt.academy/article/compose_understand>)

Published: 2026-06-29T00:00:00Z

Content type: tutorial

Language: en

Sources: [Kt. Academy](<https://devfeed.tech/sources/kt-academy.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [ui](<https://devfeed.tech/topics/ui.md>), [layout](<https://devfeed.tech/topics/layout.md>), [interfaces](<https://devfeed.tech/topics/interfaces.md>)

Tags: [compose](<https://devfeed.tech/tags/compose.md>), [declarative](<https://devfeed.tech/tags/declarative.md>), [interfaces](<https://devfeed.tech/tags/interfaces.md>), [modifiers](<https://devfeed.tech/tags/modifiers.md>), [recomposition](<https://devfeed.tech/tags/recomposition.md>), [stateful](<https://devfeed.tech/tags/stateful.md>), [workshop-learning-programming](<https://devfeed.tech/tags/workshop-learning-programming.md>)

### AI overview

This tutorial explains how Jetpack Compose builds and updates user interfaces. It focuses on modifiers, layout measurement, drawing, semantics, user interactions, recomposition, and modifier node interfaces.

### Source excerpt

How Compose actually works? How it works under the hood and why it's so powerful.

## A Partial Visual History of zeldman.com

DevFeed: [A Partial Visual History of zeldman.com](<https://devfeed.tech/articles/remembrance-of-zeldman-coms-past-40777.md>)

Original publisher: [Read original article](<https://zeldman.com/2026/06/04/remembrance-of-zeldman-coms-past/>)

Author: L. Jeffrey Zeldman

Published: 2026-06-04T14:35:27Z

Content type: opinion

Language: en

Sources: [Jeffrey Zeldman](<https://devfeed.tech/sources/jeffrey-zeldman.md>)

Topics: [Web Development](<https://devfeed.tech/topics/web-development.md>), [Website](<https://devfeed.tech/topics/website.md>), [HTML](<https://devfeed.tech/topics/html.md>), [layout](<https://devfeed.tech/topics/layout.md>), [web-standards](<https://devfeed.tech/topics/web-standards.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [history](<https://devfeed.tech/tags/history.md>), [html](<https://devfeed.tech/tags/html.md>), [redesign](<https://devfeed.tech/tags/redesign.md>), [web-standards](<https://devfeed.tech/tags/web-standards.md>)

### AI overview

Jeffrey Zeldman reviews part of zeldman.com's visual history, from its 1995 launch through early HTML pages, table-based layouts, animated GIFs, and later server migrations, before discussing the site's current redesign.

### Source excerpt

Look back in anchor tags: a partial review of my site's 31-year visual history before diving into the new design. The post Remembrance of zeldman.coms past appeared first on Jeffrey Zeldman Presents.

## Anatomy of a Room

DevFeed: [Anatomy of a Room](<https://devfeed.tech/articles/anatomy-of-a-room-40646.md>)

Original publisher: [Read original article](<https://eviltrout.com/blog/2026-03-23-anatomy-of-a-room/>)

Published: 2026-03-23T00:00:00Z

Content type: article

Language: en

Sources: [Robin Ward](<https://devfeed.tech/sources/robin-ward.md>)

Topics: [3D](<https://devfeed.tech/topics/3d.md>), [blender](<https://devfeed.tech/topics/blender.md>), [layout](<https://devfeed.tech/topics/layout.md>), [structure](<https://devfeed.tech/topics/structure.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [blender](<https://devfeed.tech/tags/blender.md>), [game](<https://devfeed.tech/tags/game.md>), [layout](<https://devfeed.tech/tags/layout.md>), [structure](<https://devfeed.tech/tags/structure.md>)

### AI overview

The article explains how the team designed rooms for The Incident at Galley House, an adaptation of the text-based game Type Help. It covers creating a believable floor plan, modeling the house and rooms in Blender, preparing art briefs with references and game-specific requirements, and producing illustrations from 3D scenes.

### Source excerpt

Background Our next game, The Incident at Galley House, is an adaptation of a text-based game called Type Help. It takes place at Galley House, a dwelling in the English countryside, during a dinner party where things go sideways. Galley House is divided into many rooms, and the core gameplay involves following characters from room to room, listening in on their conversations, learning their motives, and eventually piecing together a mysterious incident.

## Docusaurus 3.9

DevFeed: [Docusaurus 3.9](<https://devfeed.tech/articles/docusaurus-3-9-40950.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/releases/3.9>)

Author: Sébastien Lorber

Published: 2025-09-25T00:00:00Z

Content type: release

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [releases](<https://devfeed.tech/topics/releases.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [Algolia](<https://devfeed.tech/topics/algolia.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Internationalization (i18n)](<https://devfeed.tech/topics/i18n.md>), [layout](<https://devfeed.tech/topics/layout.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [algolia](<https://devfeed.tech/tags/algolia.md>), [bug-fixes](<https://devfeed.tech/tags/bug-fixes.md>), [i18n](<https://devfeed.tech/tags/i18n.md>), [layout](<https://devfeed.tech/tags/layout.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [release](<https://devfeed.tech/tags/release.md>), [releases](<https://devfeed.tech/tags/releases.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>)

### AI overview

Docusaurus 3.9 drops support for Node.js 18, raising the minimum required version to Node.js 20. It adds Algolia DocSearch v4 with AskAI, improves internationalization support, adds Mermaid ELK layout support, and includes other improvements and bug fixes.

### Source excerpt

We are happy to announce Docusaurus 3.9.

## Packing Matrix-Vector Multiplication in Fully Homomorphic Encryption

DevFeed: [Packing Matrix-Vector Multiplication in Fully Homomorphic Encryption](<https://devfeed.tech/articles/packing-matrix-vector-multiplication-in-fully-homomorphic-encryption-40487.md>)

Original publisher: [Read original article](<https://www.jeremykun.com/2024/09/06/packing-matrix-vector-multiplication-in-fhe/>)

Published: 2024-09-07T04:18:09Z

Content type: tutorial

Language: en

Sources: [Jeremy Kun](<https://devfeed.tech/sources/jeremy-kun.md>)

Topics: [homomorphic encryption](<https://devfeed.tech/topics/homomorphic-encryption.md>), [FHE](<https://devfeed.tech/topics/fhe.md>), [Encryption](<https://devfeed.tech/topics/encryption.md>), [layout](<https://devfeed.tech/topics/layout.md>), [parallel](<https://devfeed.tech/topics/parallel.md>), [Python](<https://devfeed.tech/topics/python.md>)

Tags: [arithmetic](<https://devfeed.tech/tags/arithmetic.md>), [code](<https://devfeed.tech/tags/code.md>), [cryptography](<https://devfeed.tech/tags/cryptography.md>), [data](<https://devfeed.tech/tags/data.md>), [encryption](<https://devfeed.tech/tags/encryption.md>), [fhe](<https://devfeed.tech/tags/fhe.md>), [github-repository](<https://devfeed.tech/tags/github-repository.md>), [homomorphic-encryption](<https://devfeed.tech/tags/homomorphic-encryption.md>), [layout](<https://devfeed.tech/tags/layout.md>), [linear-algebra](<https://devfeed.tech/tags/linear-algebra.md>), [lwe](<https://devfeed.tech/tags/lwe.md>), [mathematics](<https://devfeed.tech/tags/mathematics.md>), [packing](<https://devfeed.tech/tags/packing.md>), [parallel](<https://devfeed.tech/tags/parallel.md>), [programming](<https://devfeed.tech/tags/programming.md>), [python](<https://devfeed.tech/tags/python.md>), [rlwe](<https://devfeed.tech/tags/rlwe.md>), [simd](<https://devfeed.tech/tags/simd.md>), [strategies](<https://devfeed.tech/tags/strategies.md>)

### AI overview

This article explains packing for SIMD-style fully homomorphic encryption. It describes how to arrange plaintext data in RLWE ciphertexts so matrix-vector multiplication requires fewer alignment multiplications and rotations, then introduces two basic packing techniques and a computational model.

### Source excerpt

In my recent overview of homomorphic encryption, I underemphasized the importance of data layout when working with arithmetic (SIMD-style) homomorphic encryption schemes. In the FHE world, the name given to data layout strategies is called "packing," because it revolves around putting multiple plaintext data into RLWE ciphertexts in carefully-chosen ways that mesh well with the operations you'd like to perform. By "mesh well" I mean it reduces the number of extra multiplications and rotations required merely to align data elements properly, rather than doing the actual computation you care about.

## Sharing Android sample data between projects with Gradle

DevFeed: [Sharing Android sample data between projects with Gradle](<https://devfeed.tech/articles/tools-title-remotesampledata-39029.md>)

Original publisher: [Read original article](<https://vladimirj.dev/remote-sample-data/>)

Author: Vladimir Jovanović

Published: 2018-03-10T09:44:00Z

Content type: tutorial

Language: en

Sources: [Vladimir Jovanović](<https://devfeed.tech/sources/vladimir-jovanovic.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [Gradle](<https://devfeed.tech/topics/gradle.md>), [Script](<https://devfeed.tech/topics/script.md>), [layout](<https://devfeed.tech/topics/layout.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-development](<https://devfeed.tech/tags/android-development.md>), [android-layout](<https://devfeed.tech/tags/android-layout.md>), [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [gradle](<https://devfeed.tech/tags/gradle.md>), [layout](<https://devfeed.tech/tags/layout.md>)

### AI overview

This tutorial explains how to share custom Android sample data across projects by hosting the files and using Gradle scripts to download them into a project folder.

### Source excerpt

Doing copy/paste of the sample data from one project to another is not an option.

## Improving Android Layout Previews with Sample Resources and Preview Attributes

DevFeed: [Improving Android Layout Previews with Sample Resources and Preview Attributes](<https://devfeed.tech/articles/tools-title-layoutpreview-39027.md>)

Original publisher: [Read original article](<https://vladimirj.dev/layout-preview/>)

Author: Vladimir Jovanović

Published: 2018-02-18T09:44:00Z

Content type: tutorial

Language: en

Sources: [Vladimir Jovanović](<https://devfeed.tech/sources/vladimir-jovanovic.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [layout](<https://devfeed.tech/topics/layout.md>), [ui](<https://devfeed.tech/topics/ui.md>), [XML](<https://devfeed.tech/topics/xml.md>), [coding](<https://devfeed.tech/topics/coding.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-development](<https://devfeed.tech/tags/android-development.md>), [android-layout](<https://devfeed.tech/tags/android-layout.md>), [coding](<https://devfeed.tech/tags/coding.md>), [design](<https://devfeed.tech/tags/design.md>), [layout](<https://devfeed.tech/tags/layout.md>), [ui](<https://devfeed.tech/tags/ui.md>), [xml](<https://devfeed.tech/tags/xml.md>)

### AI overview

This tutorial explains how Android developers can improve XML layout previews using sample resources and preview attributes. It covers showing representative text and images, previewing repeated items, configuring horizontal orientation, and displaying menu items without adding runtime view state.

### Source excerpt

As every Android developer, I also started building my layouts by hard-coding values into them. Later on, I have realised that I should...

## The Anatomy of a Frame

DevFeed: [The Anatomy of a Frame](<https://devfeed.tech/articles/the-anatomy-of-a-frame-39440.md>)

Original publisher: [Read original article](<https://aerotwist.com/blog/the-anatomy-of-a-frame>)

Author: Paul Lewis

Published: 2016-02-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [Paul Lewis](<https://devfeed.tech/sources/paul-lewis.md>)

Topics: [Chrome](<https://devfeed.tech/topics/chrome.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Processes](<https://devfeed.tech/topics/processes.md>), [GPU](<https://devfeed.tech/topics/gpu.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [layout](<https://devfeed.tech/topics/layout.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [code](<https://devfeed.tech/tags/code.md>), [gpu](<https://devfeed.tech/tags/gpu.md>), [jank](<https://devfeed.tech/tags/jank.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [layout](<https://devfeed.tech/tags/layout.md>), [pixels](<https://devfeed.tech/tags/pixels.md>), [process](<https://devfeed.tech/tags/process.md>)

### AI overview

This reference explains how Chrome and Blink move content from browser processes and renderer threads to the screen. It describes the GPU process, compositor thread, main thread, tile workers, input handling, JavaScript, style, layout, paint, and frame delivery, while noting that the architecture may differ across browser vendors.

### Source excerpt

I'm often asked by other developers about parts of the pixel workflow, and what fires when and why, so I figured it might be worth putting up a little reference for what's involved in shipping pixels to screen.