Luke, to CSS
@Luke@typo.social avatar

and how to move forward:

https://youtu.be/azs0xtt_tJc?si=xRvmIgjhMoBGKc8Q

I suggest we make it its own thing. Call it whatever we like: Bricks, stacks, castle, river, stones, etc.

@kevinpowell
@jensimmons

iamdtms, to AdobePhotoshop
@iamdtms@mas.to avatar
dcz, to markdown
@dcz@fosstodon.org avatar

Please don't hard-wrap .

This is a pain in the butt to read (before: hard-wrapped, after: unbroken). Yes, this applies to files especially. Burn me at the stake if you want, but Markdown embedded in source files is not an exception.

After: nice, flowed document.

offline, to diy
@offline@autonomous.zone avatar

Come to the Anarchist meet-up 10th of April where we gather around our book-info store!

We want to:

⭐ Generate a space where we can find reflection materials and editions (, , , ) that are an extension of the ideas and struggles in which we believe and participate.
⭐ Organize that actively encourage the do-it-yourself , and .

rmathew, to programming
@rmathew@mastodon.social avatar
ButterflyOfFire, (edited ) to random French
@ButterflyOfFire@mstdn.fr avatar

HeliBoard c'est bien.
Quelqu'un vient d'ajouter une disposition de clavier pour la langue Kaitag.

Kaitag n'a même pas de page Wikipédia en français. Une langue parlée au nord-est du Caucase.

Хайдакьан кув

ButterflyOfFire, (edited )
@ButterflyOfFire@mstdn.fr avatar

Kaitag language support on HeliBoard :

> This PR adds typing support for Kaitag, a minority language spoken in the Caucasus region.

https://github.com/Helium314/HeliBoard/pull/519

iamdtms, to CSS
@iamdtms@mas.to avatar

var(--num) & inline-size

grid-template-columns: repeat(var(--num), calc(100% / var(--num)));   
ButterflyOfFire, to random French
@ButterflyOfFire@mstdn.fr avatar

OK, je pense que j’ai réussi à créer un petit dictionnaire de suggestions pour une disposition de clavier en kabyle.

Ceci n'est qu'un brouillon à base d’un clavier français canadien modifié.

Kabyle autocomplete autosuggest. Dictionnaire pour Android.

ButterflyOfFire,
@ButterflyOfFire@mstdn.fr avatar

Je commence à comprendre un peu le principe du clavier, alors j’ai procédé à ces ajouts. [Toujours en test].

  • Appuit long sur « r » donne un « ṛ » ou « Ṛ ».
  • Ajout des lettres « p » et « o » pour saisir des mots comme « Japon » ou plutôt « Japun » ou « Taspenyulit » là ou un « p » est nécessaire.
  • Ajout du tiret « - » accessible pour le possessif -iw, -im, -inek etc.

arusha, to design German
@arusha@norden.social avatar

Phew...
Vier Wochen Intensivtraining für Adobe InDesign überstanden 😓

Dafür kann ich jetzt so wunderschöne Layouts machen und muss dafür nich mehr Photoshop bemühen. 🙈




dutchcelt, to CSS
@dutchcelt@mastodon.social avatar

CSS Subgrid is fantastic. It makes a basic centred column layout so easy.

What are the keys with tactile bumps called?

I use a different layout to type, but I'd like to be able to have my physical layout reflect what I'm actually typing. The problem is that moving the F and J keys to where they should be means the home row would be missing the tactile bumps, and I use those to recenter my hands when I'm not looking. I'd like to add keycaps for...

markarayner, to Typography
@markarayner@mas.to avatar

Typography: It matters!

rabbit, to fediverse
@rabbit@procial.tchncs.de avatar

Hallo, liebes

Habe jetzt das meines weiterentwickelt:

jetzt auch mit 2 vertikal gestalteten Arbeitsbereichen und einem neuen Arbeitsbereich für meine abonnierten Firefish-Channels. Ein Thema, womit ich mich bisher nur am Rande beschäftigt habe.

Nicht zuletzt auch wegen der Reaktionen auf meinen letzten Beitrag zum Thema, habe ich meine diesbezügliche Firefish-Nutzerseite noch einmal grundlegend überarbeitet:

  • Den Usecase der einzelnen Arbeitsbereiche habe ich noch einmal hervorgehoben.

  • Als allgemeine Einführung ins wichtige Thema "Firefish-Layout" habe ich mit freundlicher Einwilligung von Pepe noch einmal zur sehr hilfreichen "Firefish KnowledgeDB" verlinkt.

Ich glaube, so wird das jetzt allmählich eine runde Sache 🐰

@klausgesprochen @derpepe @FirefishTalk

https://procial.tchncs.de/@rabbit/pages/1701072535202

rabbit, to fediverse
@rabbit@procial.tchncs.de avatar

Hallo, liebes

Habe nun das meines nach meinem derzeitigen Kenntnis und Wissenstand endlich fertig gestellt.

Vielleicht besteht Interesse, vielleicht hat jemand die angesprochenen Gestaltungsprobleme für sich besser gelöst oder hat noch andere Ideen.

Hier ein paar Bilder:

https://procial.tchncs.de/@rabbit/pages/1701072535202

janriemer, to ArtificialIntelligence

and Webpage (2010)

https://lmeyerov.github.io/projects/pbrowser/pubfiles/paper.pdf

"In this , we introduce new for selector matching, layout solving, and font rendering, which represent key components for a fast layout engine. Evaluation on popular sites shows speedups as high as 80x. We also formulate the layout problem with attribute grammars, enabling us to not only parallelize our algorithm but prove that it computes in O(log) time and without reflow."

TheSpaceshipper, to scifi
@TheSpaceshipper@socel.net avatar

The Expanse (2015-2022): The Rocinante, interior layout by Ryan Dening

Obviously, don't look for the actual dimensions of the sets in there. Spoiler: this is a fictional ship.

nerdbude, to mechanicalkeyboards German

Hello! Ich hab da mal was für euch Nerds und Nerdettes gebaut. Naja zumindest komme ich damit ganz gut klar.
Das KYB3R_KEYS Layout.
Ein Keyboardlayout mit Fokus auf Vim, Terminal und TilingWM Nutzung. Es hat viel Mate und Hirnschmalz gekostet. Habt Spaß beim testen 😘

https://www.nerdbude.com/kyb3r_keys.html

golgaloth, to design
@golgaloth@writing.exchange avatar

Ten million dollars to whomsoever made this layout choice. Not from me, of course. I'm broke as fuck.

toxi, to genart
@toxi@mastodon.thi.ng avatar

— Randomized, space-filling, nested 2D grid layout generator using https://thi.ng/layout & https://thi.ng/transducers

Already gave a glimpse of this yesterday[1]. This example uses the new StackedLayout generator to create random multi-column base layouts and allocate cells of varying sizes (column/row spans). Depending on size, each cell also has a probability to produce nested child layouts in its place (up to 4 levels). The example also shows how the layout gen can be queried to determine & allocate any remaining empty space(s) at the bottom of each nesting level (since it's highly likely that there's such)... The result is a completely space-filling grid layout (which the new thi.ng website will likely be based on too, obviously with some of the more sane/usable/responsive configurations...)

Demo (reload for random config):
https://demo.thi.ng/umbrella/layout-gridgen/

Source code:
https://github.com/thi-ng/umbrella/blob/develop/examples/layout-gridgen/src/index.ts

If you have any questions about this topic or the packages used here, please reply in thread or use the discussion forum (or issue tracker):

https://github.com/thi-ng/umbrella/discussions

Ps. It's also — check main https://thi.ng/umbrella readme for latest updates/changelogs... 🚀

[1] https://mastodon.thi.ng/@toxi/111317359454947648

Screenshot of a generated example grid: Dozens of colorful rectangles of different sizes in a complex space filling arrangement. No margins between individual shapes. Small text labels showing the cell sizes and nesting depth.

toxi, to genart
@toxi@mastodon.thi.ng avatar

As usual, deep in the blurry spectrum between outright and intended utility (aka layout algorithm), dataviz (tree depth) and art. I love them all, and as so often, the extrema are just a tiny param change away from each other! Pushing toward art territory often a great way to uncover issues and debug an algorithm. E.g. I had originally issues with propagating size changes of nested cells back up to their parent/ancestors (solved now)...

(Ps. also a teaser for next ... probably out tomorrow)

Dozens of colorful rectangles of different sizes in a complex space filling arrangement. Thin hairline margin between individual shapes. Small text labels showing the cell sizes and nesting depth.
Dozens of colorful rectangles of different sizes in a complex space filling arrangement. Thicker margin between individual shapes. Small text labels showing the cell sizes and nesting depth.
Dozens of colorful rectangles of different sizes in a complex space filling arrangement, creating an abstract stripey, non-repeating pattern. No margins between individual shapes.

Luke, to mechanicalkeyboards
@Luke@typo.social avatar

Apple, make a freakin’ mechanical keyboard with your layout already. $$$

tuxedocomputers, (edited ) to keyboards German
@tuxedocomputers@linuxrocks.online avatar

❕𝕋𝕙𝕖 𝕨𝕒𝕚𝕥𝕚𝕟𝕘 𝕚𝕤 𝕠𝕧𝕖𝕣😃❕

🇺🇸 keyboards are now for
InfinityBook S15 & S17 - Gen 8 and for TUXEDO Aura 14 & 15 - Gen 3!
& order right now: https://tuxe.do

ButterflyOfFire, to keyboard
@ButterflyOfFire@mstdn.fr avatar

:thaenkin: Are these layouts new?

toxi, to UI
@toxi@mastodon.thi.ng avatar

— Building a responsive & reactive stacked column layout using https://thi.ng/arrays, https://thi.ng/rdom, https://thi.ng/rstream and other libraries.

This example is using the browser DOM to visualize the resulting layout, but the actual layout algorithm (as implemented and including responsive breakpoints to control number of columns) can also be used in other contexts (e.g. canvas based)...

Demo:
https://demo.thi.ng/umbrella/stacked-layout/

Source:
https://github.com/thi-ng/umbrella/blob/develop/examples/stacked-layout/src/index.ts

As always, if you have any further questions about this topic or packages used here, please reply here or use the discussion forum (or issue tracker):

https://github.com/thi-ng/umbrella/discussions

Second part of the linked TypeScript source code...
Screenshot of the resulting stacked column layout. Showing a dozen items (each with random size & color) distributed over 5 columns

zeroiee, to Electronics
@zeroiee@techhub.social avatar

Has anyone of you tried https://librepcb.org ?

Version 1.0.0 has recently been released and we wonder if it is "production ready" for small projects. Definitely something we should try!

It's nice to see that the LibrePCB project is sponsored by @PCBWay , @aislerhq and others!

(oh - and they are on Mastodon. Follow them here: @librepcb )

# board

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • rosin
  • InstantRegret
  • ethstaker
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • thenastyranch
  • Youngstown
  • GTA5RPClips
  • slotface
  • Durango
  • khanakhh
  • kavyap
  • megavids
  • everett
  • vwfavf
  • tacticalgear
  • osvaldo12
  • cisconetworking
  • cubers
  • modclub
  • ngwrru68w68
  • Leos
  • anitta
  • normalnudes
  • tester
  • JUstTest
  • All magazines