#layout — Public Fediverse posts

📚 Hi #fediverse
#Hilferuf für einen Kollegen:
Eduardo, Philippinen, macht für uns bei https://galda-verlag.de schon ewig die Druckdaten – von akademisch bis Bildband, auch auf Deutsch.
Er hat seinen Hauptjob verloren, hat mehrere Kinder zu versorgen, wir nicht mehr Aufträge. Seine Preise sind mehr als fair, seine Arbeit professionell.
Wer also günstige Unterstützung sucht: bitte PN, ich mach' gerne den Kontakt.
🔁 #Buchsatz #Typesetting #Verlag #Publishing #Buchgestaltung #Layout #Freelance

🏩🏩🏩🏩💁🏿‍♂️*Mostly on one floor so it's good for retirement!*& The aging

#Mostly #on #one #floor #tiny #Home #layout

Rewild Homes' extra-wide Rose tiny house prioritizes spacious long-term living
https://newatlas.com/tiny-houses/rose-rewild-homes/#gallery:1

🏩🏩🏩🏩💁🏿‍♂️*Mostly on one floor so it's good for retirement!*& The aging

#Mostly #on #one #floor #tiny #Home #layout

Rewild Homes' extra-wide Rose tiny house prioritizes spacious long-term living
https://newatlas.com/tiny-houses/rose-rewild-homes/#gallery:1

#MODEL #RAILROAD #LAYOUT multi-search-tag-explorer.headlines-world.com/advanced-sea... www.paypal.com/donate?busin... aePiot: The key to the Web 4.0 vault. Build nodes, dominate SEO.

MultiSearch Tag Explorer

#MODEL #RAILROAD #LAYOUT multi-search-tag-explorer.headlines-world.com/advanced-sea... www.paypal.com/donate?busin... aePiot: The key to the Web 4.0 vault. Build nodes, dominate SEO.

MultiSearch Tag Explorer

“A Randominium #001” by Thomas Typewriter – a new illustration

https://thomastypewriter.art/2026/05/08/a-randominium-001-by-thomas-typewriter-a-new-illustration/

“A Randominium #001” by Thomas Typewriter – a new illustration

https://thomastypewriter.art/2026/05/08/a-randominium-001-by-thomas-typewriter-a-new-illustration/

“A Randominium #001” by Thomas Typewriter – a new illustration

https://thomastypewriter.art/2026/05/08/a-randominium-001-by-thomas-typewriter-a-new-illustration/

“A Randominium #001” by Thomas Typewriter – a new illustration

https://thomastypewriter.art/2026/05/08/a-randominium-001-by-thomas-typewriter-a-new-illustration/

“A Randominium #001” by Thomas Typewriter – a new illustration

https://thomastypewriter.art/2026/05/08/a-randominium-001-by-thomas-typewriter-a-new-illustration/

Making Zigzag CSS Layouts With a Grid and Transform Trick, by @csstricks:

https://css-tricks.com/zigzag-css-grid-layouts/

#css #layout #grids #transforms

“safe” in Flex and Grid Alignment, by @iprodan.dev:

https://iprodan.dev/l/safe-alignment/

#css #flexbox #grids #layout #alignment

Uh oh... Valerian7000 site: original layout and a lot of images to explore.

https://val7k.vision/

#website #site #usefulweb #graphic #val7k #val7000 #layout #personalsite

Building a UI Without Breakpoints, by @amit_sheen (@frontendmasters.com):

https://frontendmasters.com/blog/building-a-ui-without-breakpoints/

#css #layout #intrinsicdesign #responsivedesign

In the end the last couple of weeks was spent on purely technical stuff, like checking images were at the correct print resolution, setting up bleeds, making sure the #PDF TrimBox was set correctly, ensuring compliance with PDF/X-3:2002, and checking the mapping from Adobe #RGB 1998 #colorspace to #CMYK was correct.

#printing #typography #layout

In the end the last couple of weeks was spent on purely technical stuff, like checking images were at the correct print resolution, setting up bleeds, making sure the #PDF TrimBox was set correctly, ensuring compliance with PDF/X-3:2002, and checking the mapping from Adobe #RGB 1998 #colorspace to #CMYK was correct.

#printing #typography #layout

In the end the last couple of weeks was spent on purely technical stuff, like checking images were at the correct print resolution, setting up bleeds, making sure the #PDF TrimBox was set correctly, ensuring compliance with PDF/X-3:2002, and checking the mapping from Adobe #RGB 1998 #colorspace to #CMYK was correct.

#printing #typography #layout

In the end the last couple of weeks was spent on purely technical stuff, like checking images were at the correct print resolution, setting up bleeds, making sure the #PDF TrimBox was set correctly, ensuring compliance with PDF/X-3:2002, and checking the mapping from Adobe #RGB 1998 #colorspace to #CMYK was correct.

#printing #typography #layout

CSS Subgrid Is Super Good, by @dbushell:

https://dbushell.com/2026/04/02/css-subgrid-is-super-good/

#css #grids #layout

Introducing masonry-gridlanes-wc: a native-first masonry web component. @schalkneethling created a web component that provides masonry layouts aligned with display: grid-lanes from the CSS Grid Level 3 spec. In browsers that support native grid lanes, it steps aside entirely. Otherwise, it uses a JavaScript fallback for column and row masonry packing with configurable gaps and column widths. #webcomponents #layout

https://schalkneethling.com/posts/introducing-masonry-gridlanes-wc-a-native-first-masonry-web-component/

Introducing masonry-gridlanes-wc — нативный веб-компонент для masonry раскладки. Скалк Нитлинг создал веб-компонент для masonry-раскладки в соответствии с display: grid-lanes из спецификации CSS Grid Level 3. В браузерах с нативной поддержкой grid lanes компонент полностью уступает место браузеру. В остальных случаях используется JavaScript-фолбек для раскладки по колонкам и строкам с настраиваемыми отступами и шириной колонок. #webcomponents #layout

https://schalkneethling.com/posts/introducing-masonry-gridlanes-wc-a-native-first-masonry-web-component/

ＡＩ絵生成　Генерація зображень ШІ
ＡＩ絵生成ソフトで何処が失敗してるかと云えば、人間の体の構造や比率を充分学習させてないと云う点が大きい。
Основна помилка програмного забезпечення для створення зображень ШІ полягає в тому,

https://note.com/poison_raika/n/n501ac31af2f1

<>

#AI #3d #image #model #new #human #software #animals #traditional #layout #structure #generation #frequency #necessary #develop #vizualize #objects #dimensions #approach #methods #probably #limitations #adequately #irregularities #proportions

ＡＩ絵生成　Генерація зображень ШІ
ＡＩ絵生成ソフトで何処が失敗してるかと云えば、人間の体の構造や比率を充分学習させてないと云う点が大きい。
Основна помилка програмного забезпечення для створення зображень ШІ полягає в тому,

https://note.com/poison_raika/n/n501ac31af2f1

<>

#AI #3d #image #model #new #human #software #animals #traditional #layout #structure #generation #frequency #necessary #develop #vizualize #objects #dimensions #approach #methods #probably #limitations #adequately #irregularities #proportions

ＡＩ絵生成　Генерація зображень ШІ
ＡＩ絵生成ソフトで何処が失敗してるかと云えば、人間の体の構造や比率を充分学習させてないと云う点が大きい。
Основна помилка програмного забезпечення для створення зображень ШІ полягає в тому,

https://note.com/poison_raika/n/n501ac31af2f1

<>

#AI #3d #image #model #new #human #software #animals #traditional #layout #structure #generation #frequency #necessary #develop #vizualize #objects #dimensions #approach #methods #probably #limitations #adequately #irregularities #proportions

ＡＩ絵生成　Генерація зображень ШІ
ＡＩ絵生成ソフトで何処が失敗してるかと云えば、人間の体の構造や比率を充分学習させてないと云う点が大きい。
Основна помилка програмного забезпечення для створення зображень ШІ полягає в тому,

https://note.com/poison_raika/n/n501ac31af2f1

<>

#AI #3d #image #model #new #human #software #animals #traditional #layout #structure #generation #frequency #necessary #develop #vizualize #objects #dimensions #approach #methods #probably #limitations #adequately #irregularities #proportions

#magazine #layout #design #space #planet #planets #science #humor #humour #fun #funny #astronomy #uranus #photo

Meine Band-Logo-Entwicklung für "The Twangmonkeys" 2015 #logo #bandlogo #design #zeichnung #skizze #reinzeichnung #layout #entwurf #band #twangmonkeys #twang #monkeys #oliverblees #therealbuddyolli #foto #fotografie #photo #photography #apple #punk #punkrock #garagepunk #surfpunk #illustrator #wacom #indesign #adobe

Meine Band-Logo-Entwicklung für "The Twangmonkeys" 2015 #logo #bandlogo #design #zeichnung #skizze #reinzeichnung #layout #entwurf #band #twangmonkeys #twang #monkeys #oliverblees #therealbuddyolli #foto #fotografie #photo #photography #apple #punk #punkrock #garagepunk #surfpunk #illustrator #wacom #indesign #adobe

Meine Band-Logo-Entwicklung für "The Twangmonkeys" 2015 #logo #bandlogo #design #zeichnung #skizze #reinzeichnung #layout #entwurf #band #twangmonkeys #twang #monkeys #oliverblees #therealbuddyolli #foto #fotografie #photo #photography #apple #punk #punkrock #garagepunk #surfpunk #illustrator #wacom #indesign #adobe

Meine Band-Logo-Entwicklung für "The Twangmonkeys" 2015 #logo #bandlogo #design #zeichnung #skizze #reinzeichnung #layout #entwurf #band #twangmonkeys #twang #monkeys #oliverblees #therealbuddyolli #foto #fotografie #photo #photography #apple #punk #punkrock #garagepunk #surfpunk #illustrator #wacom #indesign #adobe

Meine Band-Logo-Entwicklung für "The Twangmonkeys" 2015 #logo #bandlogo #design #zeichnung #skizze #reinzeichnung #layout #entwurf #band #twangmonkeys #twang #monkeys #oliverblees #therealbuddyolli #foto #fotografie #photo #photography #apple #punk #punkrock #garagepunk #surfpunk #illustrator #wacom #indesign #adobe

Gotta evaluate the new #CSS #column features.
https://css-tricks.com/css-multi-column-layout-wrapping-features/

I created a similar #layout for https://metaspora.org using #flexbox.

😂 Behold, a #TypeScript library that heroically measures #text, because apparently, your life was desperately missing #multiline text #layout calculations. 🤔 #GitHub, the modern temple of over-engineering, where devs go to create the most thrilling solutions to problems nobody knew they had! 🥳
https://github.com/chenglou/pretext #OverEngineering #DevHumor #TechSolutions #HackerNews #ngated

Pretext: TypeScript library for multiline text measurement and layout

https://github.com/chenglou/pretext

#HackerNews #Pretext #TypeScript #library #multiline #text #measurement #layout #GitHub

Flexbox Masonry Layout (Explained With Math), by @frontendmasters.com:

https://frontendmasters.com/blog/flexbox-masonry-layout-explained-with-math/

#css #flexbox #layout #math

Sticky Grid Scroll: Building a Scroll-Driven Animated Grid, by @theoplawinski.com (@codrops):

https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/?_bhlid=8425eb318a74bb38eff9c01ff5ae8002f772b97e

#tutorials #css #grids #layout #scrolling #gsap

Das neue Magazin der @leibnizgemeinschaft ist mal wieder ein Grafikdesign Traum 🥰
(und inhaltlich natürlich auch)

#wissenschaftskommunikation #fediTip #design #layout #grafikdesign

1995: From Batman Forever’s Cinematic Design to HTML Tables, by @ricmac:

https://cybercultural.com/p/1995-web-design/

#web #history #design #netscape #mosaic #browsers #tables #layout #html #wysiwyg #codeeditors

bow & arrow & hyh

#layout #sample #grafikUndDruck #skizze #blindtext #typografie #typo #art #design #dtp

I've been enjoying the Deep Cuts sheets for months, but man, I really did not appreciate how much had changed from the original Blades until I looked at them side-by-side. What an impressive redesign!

#BladesInTheDark #BitD #DeepCuts #BitDDC #ttrpg #ttrpgs #design #layout

I've been enjoying the Deep Cuts sheets for months, but man, I really did not appreciate how much had changed from the original Blades until I looked at them side-by-side. What an impressive redesign!

#BladesInTheDark #BitD #DeepCuts #BitDDC #ttrpg #ttrpgs #design #layout

I've been enjoying the Deep Cuts sheets for months, but man, I really did not appreciate how much had changed from the original Blades until I looked at them side-by-side. What an impressive redesign!

#BladesInTheDark #BitD #DeepCuts #BitDDC #ttrpg #ttrpgs #design #layout

I've been enjoying the Deep Cuts sheets for months, but man, I really did not appreciate how much had changed from the original Blades until I looked at them side-by-side. What an impressive redesign!

#BladesInTheDark #BitD #DeepCuts #BitDDC #ttrpg #ttrpgs #design #layout

I've been enjoying the Deep Cuts sheets for months, but man, I really did not appreciate how much had changed from the original Blades until I looked at them side-by-side. What an impressive redesign!

#BladesInTheDark #BitD #DeepCuts #BitDDC #ttrpg #ttrpgs #design #layout

27.02.2026 –
Behind the scenes of a bathroom design 📁 Sharing the 2D construction drawings done in SketchUp & LayOut 📐 This is where the concept turns technical before the final render 🛠️ Do you like seeing the process? ☕✨

#SketchUp #Layout #DesignPlans #Drafting #Interior

ＡＩ絵生成　Генерація зображень ШІ
ＡＩ絵生成ソフトで何処が失敗してるかと云えば、人間の体の構造や比率を充分学習させてないと云う点が大きい。
Основна помилка програмного забезпечення для створення зображень ШІ полягає в тому,

https://note.com/poison_raika/n/n501ac31af2f1

<>

#AI #3d #image #model #new #human #software #animals #traditional #layout #structure #generation #frequency #necessary #develop #vizualize #objects #dimensions #approach #methods #probably #limitations #adequately #irregularities #proportions

CSS wirkt am anfang oft harmlos: Ein paar Regeln, etwas Farbe, ein bisschen Abstand. Spätestens wenn Layouts unerwartet breiter sind, Styles sich gegenseitig aushebeln oder Änderungen scheinbar ignoriert werden, wird klar: hier greifen feste Mechanismen. Wenn du das Box-Modell, die Kaskade und die

https://magicmarcy.de/drei-css-konzepte

#Spezifität #Kaskade #Layout #Spezifikation #Cascading #Selektoren #BoxModell #Programming #CSS

Understanding the Fundamentals of CSS Layout, by @polypane.app:

https://polypane.app/blog/understanding-the-fundamentals-of-css-layout/

#fundamentals #css #layout #grids #flexbox #positioning

My most hearted @codepen demos of '26:

✨ Pure #CSS #3D animated carousel https://codepen.io/thebabydino/pen/dPXVyqN

✨ Scatter & #pixelate CSS gradient https://codepen.io/thebabydino/pen/zxBrmdL

✨ Cards with concave rounding on irregular grid https://codepen.io/thebabydino/pen/WbxpKPQ

First two need very little code and are heavily commented.

#SVG #filter #svgFilter #code #coding #cssTransform #cssTransforms #css3D #cssGradient #cssGrid #layout #cssLayout #cssSubgrid #frontend #web #dev #webDev #webDevelopment

My most hearted @codepen demos of '26:

✨ Pure #CSS #3D animated carousel https://codepen.io/thebabydino/pen/dPXVyqN

✨ Scatter & #pixelate CSS gradient https://codepen.io/thebabydino/pen/zxBrmdL

✨ Cards with concave rounding on irregular grid https://codepen.io/thebabydino/pen/WbxpKPQ

First two need very little code and are heavily commented.

#SVG #filter #svgFilter #code #coding #cssTransform #cssTransforms #css3D #cssGradient #cssGrid #layout #cssLayout #cssSubgrid #frontend #web #dev #webDev #webDevelopment