When Will CSS Grid Lanes Arrive? How Long Until We Can Use It?, by @jensimmons (@webkit):

https://webkit.org/blog/17758/when-will-css-grid-lanes-arrive-how-long-until-we-can-use-it/

#css #grids #masonry #layout

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

Bonjour mastodon je veux bien ton aide pour un "problème de luxe" sous linux.
Donc j'ai un ordinateur portable qui une fois replié fait tablette. Dans ce cas quand j'ai besoin du clavier il suffit que je pose le doigt sur la zone de saisie et un clavier français (variante) s'affiche à l'écran. Jusque ici tout va bien (merci GNOME 🙂).

Mais un seul logiciel s'obstine à m'afficher un clavier QWERTY, même si je sélectionne le clavier français variante, en l'occurrence le logiciel c'est Terminator. Alors oui ne pas pouvoir taper en AZERTY en tactile sur un émulateur de terminal c'est un problème de luxe.
Déjà parce que bon on va pas se mentir on se sert de Terminator surtout avec un clavier physique. D'ailleurs j'ai découvert le souci par hasard 😁
Et ensuite parce que taper des commandes avec un clavier QWERTY affiché à l'écran c'est pas un gros souci.
Mais bon j'aimerai bien résoudre le souci.

Booster rend l'œil vif et la barbe de geek et les cheveux de geekette soyeux 😉

#GNOME #terminator #tactile #layout

[Item Flow 1부: CSS의 새로운 웹 구조 설정 방식

CSS의 새로운 웹 구조 설정 방식인 Item Flow가 제안되었습니다. 이 방식은 Masonry, Grid, Flexbox 레이아웃을 하나로 통합하여 item-direction, item-wrap, item-pack, item-slack 등의 새로운 프로퍼티를 도입합니다. 이는 웹 개발의 효율성을 높이고, 브라우저 간 호환성을 개선할 수 있는 중요한 변화입니다.

https://news.hada.io/topic?id=26161

#css #webdevelopment #layout #flexbox #grid

Philosophie trifft Wirtschaft – agora42

https://www.dmbo.de/philosophie-trifft-wirtschaft-agora42/

Chronic Pain Tip #7: Be intentionally organized in the layout of your belongings. Help each new day start well with the items you need (clothing, deodorant, cell phone and breakfast cereal) being easy to reach. Do this to help your morale and be motivated to do something with each new day.... https://rons-home.net/en/living-life-lab/tips/living-with-chronic-pain/2026/01/26 #layout #organize #ease #morale [Next Tip Feb 2 2026]

Je n'aime pas Vercel mais cette page regroupe de bons conseils en matière de construction d'interface graphique pour le web.

🔗 https://vercel.com/design/guidelines#icons-have-labels

#web #UI #interaction #animation #layout #form #performances #design

LibreOffice Writer - Markdown-Import mit Template-Funktion nutzen

Im Februar erscheint LibreOffice 26.2. Nun auch mit direktem Öffnen und Speichern von Markdown-Dateien. Durch die Kombination mit Writer-Templates erhält man neue Möglichkeiten der Darstellung.

#LibreOffice #Writer #Markdown #Templates #Design #Layout #Linux

https://gnulinux.ch/libreoffice-writer-markdown-templates

Animating Responsive Grid Layout Transitions With GSAP Flip, by @codrops:

https://tympanus.net/codrops/2026/01/20/animating-responsive-grid-layout-transitions-with-gsap-flip/

#css #grids #layout #animations #gsap #plugins

#Development #Previews
When will CSS Grid Lanes arrive? · “It’s going to arrive sooner than you think.” https://ilo.im/16a21t

_____
#ModernCSS #CssGrid #Layout #Masonry #Polyfill #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS

Si, avec un titre aussi bien trouvé, votre curiosité ne vous pousse pas à vous plonger dans ce billet de Nicolas Taffin @polylogue, vous risquez de passer à côté d'une passionnante lecture 🤩❗

#typo #politique #usa #layout

https://polylogue.org/tempete-dans-un-verre-de-cristal/

The official Epson Print Layout application is such an annoying piece of bad software, bug ridden and slowly turning out to be quite costly (when working with expensive fine art inks & paper, costing 2.50 EUR per page)...

Any recommendations for alternatives (which also support the P900 advanced ink settings?)

Just one example: I go through the effort to create a nice custom page layout in a certain orientation (e.g. A3 landscape). The app also shows the preview correctly, but on the printer it's 90 degrees rotated as if portrait format and therefore doesn't fit on the page and paper/ink are ruined/wasted. Just why can't we have nice things! The app supposedly has 11 years of history, so one would think it's mature and such glaring bugs would be ironed out by now, but nope... 😫

#Epson #Printer #Layout

“If you don’t get the message in three seconds, it doesn’t work. This is true of most signs, too.” — Jeff Cahill referencing the “Three Second Rule” of one of his clients in his piece about information hierarchy on SignCraft:

https://signcraft.com/online-exclusives/2026/01/should-you-emphasize-the-company-name-or-their-product-service/

#GraphicDesign #Layout #SignPainting #SignDesign #Signs

Python Trending (@pythontrending)

chandra는 복잡한 표, 양식(form), 필기체(handwriting)를 포함한 문서 레이아웃을 온전히 유지하면서 인식할 수 있는 OCR 모델로, 레이아웃 기반 문서 이해와 정보 추출 작업에 활용 가능한 신규 OCR 도구입니다.

https://x.com/pythontrending/status/2011476854364893281

#ocr #documentunderstanding #layout #handwriting

@kde @mixxx

#Scribus for #layout & #typography

Typesetting a city: Lessons from Chicago’s Printers Row

As with a printer’s typeset layout case, each part of a city is organized and choreographed to fit the space in which it is defined. Individual lots are separated into neatly aligned rectangles, while the blocks are divided by streets and alleys. Comparatively, individual sorts (letters, numbers, and punctuation) are stored into individual rectangular boxes, which are separated by slats. As the two images below show, the lay of typesetter’s job case and the traditional grid layout of a city’s street network are eerily similar.

Headlining each of the ten (10) planning lessons provided below are classic typesetting terms (provided by gemini.ai) that uniquely correspond to my previously written planning insights. While some of the terms may be more “metaphorically spot-on” than others, they, like the two images above, provide a fascinating comparison between urban planning and printing.

With the exception of the first lesson below, these ten (10) takeaways are not presented by order of importance. The gemini.google.ai definition for each typesetting term is provided at the bottom of the lesson list.

Peace!

——-

• Lesson 1: The Frontispiece (The Curated Entry): Printers Row (officially Printing House Row District) is much like a well-curated bookstore. It is meant to be browsed…to be taken in at a slow pace where one can pause to truly admire the fine works of art and architecture. Each vertical volume is displayed side-by-side with its distinctive cover, binding, and details set upon the symbolic street shelf literally forming “A Skyline of the Mind.”

• Lesson 2: Standing Type (The Living Organism): As with most living organisms, a city, or subset thereof like Printers Row will germinate, grow, blossom, flower, decline, decay, grow dormant, and regenerate to flower once again.

• Lesson 3: The Serif (Engaging & Timeless Detail): The architecture of Printers Row proves that engaging and inspiring building design is literally timeless.

• Lesson 4: Killed Matter (The Near-Erasure): The thought that collective “we” were so devoid of common sense as to once consider demolishing Printers Row for mid-20th century freeway construction leaves one to wonder about humankind’s sanity.

• Lesson 5: The Distribution (Adaptive Reuse): Adaptive reuse, when done thoughtfully, can introduce whole new generations to the marvels of previous urban incarnations.

• Lesson 6: The Sorts (Preserving the Working Parts): Whenever possible, preserving the “actively working” portions of this former printing and publishing district would be akin to witnessing the harnessed raw power that permeates the cotton mills of Lowell National Historical Park. This would be particularly true when the machinery is activated to reveal its powerful and rumbling roar.

• Lesson 7: Kerning (The Walkable Scale): Printers Row demonstrates the benefits and  justification for a compact and walkable city form, where the transportation hub is placed to provide ease of access and a grid pattern is employed for interconnections.

• Lesson 8: The Proof (A Snapshot of History): The de-industrialization of America has had some notable benefits, including but not limited to the presenting later generations with a snapshot of our history in brick, mortar, stone, and steel.

• Lesson 9: Pi (The Underrepresented Industrial Form): The Industrial Revolution is underrepresented in our visual and visceral preservation of American history, particularly within the Midwest. Greater emphasis to preserve and protect significant examples is imperative SOON before they are lost forever.

• Lesson 10: The Colophon (The Essential Urban Chapter): No urbanist, bibliophile, or architecture aficionado would consider their trip to Chicago to be complete, nor successful without time spent visiting Printers Row.

——–

Typesetting term definitions (per gemini.google.ai):

The Frontispiece – An illustration or decorative piece facing the title page of a book.

Standing Type – Metal type that has been set and is kept “standing” for future use rather than being melted down.

The Serif – The small decorative strokes or “feet” at the ends of a letter’s main strokes.

Killed Matter – Type that has been used and is designated to be broken up or melted down in the furnace “hellbox.”

Distribution – The process of returning individual pieces of type to their proper compartments in a case after printing for use in a future (or different) story.

The Sorts – The individual characters or special pieces that make up a complete typeface.

Kerning – The adjustment of space between individual characters to improve legibility and appearance.

The Proof – A trial impression taken from the type to check for errors before the final printing.

Pi – A mass of type that has been spilled or jumbled together and rendered unreadable.

The Colophon – A final statement at the end of a book giving details about its authorship and production.

#adaptiveReuse #bookshelves #Chicago #cities #design #Illinois #layout #planningLandUse #PrinterSRow #printing #publishing #typesetting