Masthash

#layout

Inautilo
3 days ago

#Design #Reviews
Arc’s new Boosts feature lets you change the way any website looks · The Arc browser now turns its users into web designers https://ilo.im/135i7v

_____
#ArcBrowser #Browser #UxDesign #UiDesign #WebDesign #LookAndFeel #Layout #Color #Font #CSS #JavaScript

Inautilo
4 days ago
Tone Milazzo
5 days ago

It took a couple of weeks to get the text imported and the headers sized. Now on to the fun part #scribus #layout #welcometohell

dusoft
1 week ago

Yep, #spotify, this is indeed the right way to display album titles that have numbers in them.
Some developers and #UX "experts" clearly suck.
#design #cx #layout

LostHavenArt
2 weeks ago

I probably shouldn't be patting myself on the back so much but I'm still so pleased with how the quickstart is coming together and gives a solid indication of how the core book should look as well!

Hopefully have the PDF done and a QR code to download ready for UKGE in 2 weeks!

#TTRPGs #ttrpgcommunity #ttrpg #ttrpguk #layout #UKGE #indiettrpg #ttrpgdesign

Inautilo
2 weeks ago

#Development #Techniques
Conditional CSS with :has and :nth-last-child · Further ways to create dynamic components with modern CSS https://ilo.im/12yqoq

_____
#WebDevelopment #WebDev #Frontend #CSS #Layout #Component

pinpox
2 weeks ago

Any split keyboard users around here that also use #vim productively?

I'm giving the #lily58 a try, but have not fould a good layout yet.
Would be interested in seeing what people have come up with.

#splitkeyboard #mechanical #keyboard #layout #mechanicalkeyboard

I noticed that every time I open my #Calckey account (on the calckey.social instance) in the #Browser ¹, I always have to re-configure certain #Settings. E.g. the #Interface language setting (German instead of English), and also the #Layout preference (Deck instead of Default - where the deck #Configuration itself, once configured, is preserved and appears after switching from default layout to deck layout).

Does anyone have any idea why said
#Settings are not preserved? Do the settings made have to be saved again somewhere else in the account settings to be permanently preserved? And if so, where exactly? Or does it have something to do with the calckey.social #Instance that the #Settings are not preserved? Does anyone know #Advice?
Thanks a lot for your
#Help in advance!

#Fedihelp

____

¹ This happens with both Firefox and Chromium browser on Debian 11.

Aaron Goss
3 weeks ago

Hi, friends!

Does anyone have any #design or #layout tips or advice for interesting page sizes and layouts other than simply "portrait"?

I'm exploring A5 landscape layouts for a #ttrpg I'm #writing, and I'd love to know what else is out there.

Thank you! 🥰

#gamedesign #GraphicDesign

Institut für Deutsche Sprache
3 weeks ago

📣 #Stellenausschreibung: In unserer Öffentlichkeitsarbeit, Bereich #Verlagswesen, suchen wir eine Fachkraft für Mediengestaltung (m/w/d)! Schwerpunkt der Tätigkeit ist die Arbeit mit Texten (Buchsatz) mit Adobe InDesign. Jetzt noch bis zum 15.5. bewerben! Zur Stellenanzeige: https://www.ids-mannheim.de/org/karriere/stellen/stelle1/

#Jobs #Karriere #Stellenanzeige #Mannheim #Mediengestaltung #Buchsatz #Layout #Verlagswesen #IDSMannheim

Grafische Aufbereitung der im Postingstext genannten Informationen. Zusätzlich ist auf dem Bild zu lesen, dass die Stelle zum nächstmöglichen Zeitpunkt zu besetzen ist und eine regelmäßige wöchentlich Arbeitszeit von 23,7 Stunden (60 %) umfasst.
UristMacStodon
1 month ago

Hey mastodon roleplayers
After some months of dwelling in the OSR and indie rpg sphere I've seen a bunch of VERY well laid out and A5 sized works, particularly for the OSR types of games and scenarios (dungeon/hex/city crawl...) but I'm yet to see similar works for more investigative types of games like CoC or VtM.
Would you have some suggestions as to where I should start looking ?

#ttrpg #layout #osr

Periapt Games
1 month ago

Some days it feels like a waste to spend an hour learning how to automate something that only takes a minute to do.

Other days you have to insert 3500 cross-references into a book.

#typesetting #layout

B. Kramer
1 month ago

Of course, there's probably all sorts of layout rules I'm breaking with the rest of the document, but ignorance is bliss. :thisisfine:

#layout #AffinityPublisher

B. Kramer
1 month ago

Stayed up far too late fucking with #Layout in #AffinityPublisher. But at least I now know how to do a Table of Contents properly.

Stephan Teuscher
2 months ago

In diesem abschließenden Beitrag finden Sie eine Übersicht der Stilrichtungen, die ich in meiner Blog-Serie »Corporate Design – Mit Leichtigkeit den passenden Stil & Look bestimmen« vorgestellt habe. Grundlage und zugleich Inspirationsquelle hierfür war das Buch STILE & LOOKS – DESIGN-IDEEN FÜR PRINT UND WEB von Gudrun Wegener.

#Branding #CorporateDesign #Grafikdesign #Layout #Logo #Redesign #Relaunch #Typografie #Webdesign #BUTLAIXmedia

https://butlaix.de/blog/2023/03/29/stile-looks-fuers-corporate-design-uebersicht/

Vektorgarten
2 months ago

Die Korrekturfunktionen von #Acrobat so nutzen, dass es für das Einpflegen ins #Layout maximale #Effizienz bringt: https://www.satzkiste.de/richtig-korrigieren-mit-acrobat/

Stephan Teuscher
2 months ago
Clayton
2 months ago

Into the Odd Remastered... A killer game with a killer layout.

Here are 5 things you (probably) didn't know about ItO Remastered.

If that's not enough, I also have an entire article breaking down how it was made, so you can do the same with your rpg. It's got some tricks.

🧵👇

#rpg #layout #ttrpg

A cover of Into the Odd Remastered.
Aral Balkan
2 months ago

:kitten: Just merged an improved slots implementation to main and you can now pass CSS class lists to components. 🎉

Read more:

Slots:
https://codeberg.org/kitten/app#slots

Layout components:
https://codeberg.org/kitten/app#layout-components

Passing CSS class lists to components:
https://codeberg.org/kitten/app#layout-components

Named slots:
https://codeberg.org/kitten/app#layout-components

Sample project:
https://codeberg.org/kitten/app/src/branch/main/examples/layout

#Kitten #SmallWeb #templating #layout #components #web #dev #html #css #js

Jitsch
2 months ago

Layouting my comic is quite fun at the moment. I’m at 15 pages now, it actually feels like I can fit everything into about 30 which would be doable within the deadline 😳

#comics #layout #paneling #workInProgress

Very roughly drawn comic panel of two characters who look down at something. The characters are just circles for head and rough expressions.
One of them has horns and looks irritated. The other looks surprised and goes “whoops”. Above them is a sound effect that says Da-Dun!
Aral Balkan
2 months ago

Kitten has slots but what about named slots?

Yep, Kitten has those too (as of a few minutes ago in main) :kitten:🎉

https://codeberg.org/kitten/app

#Kitten #SmallWeb #templating #layout #web #dev

Screenshot of full screen. Two terminal windows on the left show code. On the right is a browser showing the rendered Named slots example.

Browser contents:

Heading: Named slots

Pink boxed section with white on pink heading titled “Slot: header”. Inside it a blue dashed border inside of which there’s a heading: “This is content for the header slot” followed by an illustation of a cat with a caption that reads “Isn’t Kitten cute?”

Under the box is a heading and two paragraphs that are regular DOM nodes from the page.

Under that are two more slots, main and footer.

Top terminal (index.page.js):

import Slotty from './Slotty.component.js'

export default _ => html`
  <${Slotty}>
    <h2>I’m a regular heading from the page.</h2>

    <content for='header'>
      <div class='content'>
        <markdown>
          ### This is content for the header slot.
          ![Illustration of a sitting kitten.](/😸/images/kitten-sitting.svg "Isn’t Kitten cute?")
        </markdown>
      </div>
    </content>

    <p>I’m a regular paragraph from the page.</p>

    <content for='main'>
      <p class='content'>This is content for the main slot.</p>
    </content>

Bottom terminal (Slotty.component.js):

export default ({ slot }) => html`
  <h1>Named slots</h1>

  <header class='slot'>
    <h2>Slot: header</h2>
    ${slot.header}
  </header>

  ${slot.default}

  <main class='slot'>
    <h2>Slot: main</h2>
    ${slot.main}
  </main>
Kenny Smith
2 months ago

I wish #Kiplinger wanted people to read their content. This is a joke.

#web #design #layout #video #interstitial

Ads cover all but one line of text on kiplinger.com
HistoPol
2 months ago

@teacherrogueone

(3/5)

...However, as in the #Midjourney case, an author who arranges #generativeAI into a specific sequence—like designing the #layout for a #comic book—*can potentially* #copyright that *sequence* of #images, if the arrangement is “sufficiently #creative.”

Similar logic applies if an #author or #artist has modified #AIgenerated materials, and “the modifications meet the standard for #copyright protection.” Examples could be modifying an #AIimage in..."

Mohamed
2 months ago

#linux #keyboard #layout

So you want to add a modified layout to your existing keyboard layout options? (like me adding a custom Arabic keyboard layout)

Follow this guide:

https://rlog.rgtti.com/2014/05/01/how-to-modify-a-keyboard-layout-in-linux/

Then:

- Backup the `base.lst`, `base.xml`, `evdev.lst` & `evdev.xml`
- After you do a system update, you will need to `cp` your modified keyboard file to: `/usr/share/X11/xkb/symbols/`
- & `cp` the above 4 files to: `/usr/share/X11/xkb/rules`

Zaher Ghaibeh
2 months ago

Do you think having a public/free site for listing people who are looking for a job in the Tech world is something good?

and the data will not be blocked behind a registration, only adding info needs registration

#work #job #layout #layouts #layoffs #jobs

Inautilo
2 months ago

#Development #Techniques
Tricks for easier right-to-left CSS styling · How you can avoid writing two different sets of CSS https://ilo.im/11nz8s

_____
#Internationalization #Layout #Language #LTR #RTL #WebDevelopment #WebDev #Frontend #CSS #CustomProperties #CssVariables #CssCalc

famousandfaded
3 months ago

First look at Sydney's Brand New Airport.

See the terminal, new runway, the construction site, transport links, airport layout and more. See one of the biggest construction projects ever undertaken in Australia.

#airport #runway #terminal #layout

https://www.youtube.com/watch?v=DTjAZJ9khuE

Any of my moots have experience making pamphlet RPGs?

I'm working on my first one, and curious what font sizes and wordcounts other people like best.

#ttrpg #layout

Tom Bola
3 months ago

Ich hab jetzt seit gut einem Jahr den #Amazon #Fire TV Stick und seitdem gab es gefühlt eine dreistellige Anzahl #Updates für die #Software. Das ist ja grundsätzlich löblich aber muss tatsächlich bei 2/3 der Updates das #Menü und #Layout jedesmal vollständig geändert werden? Das nervt einfach.
#Frusttrööt

Nicolas Delsaux
3 months ago

Ça m'a l'air d'une très intéressante page listant les différentes personnalisations existantes pour le twiddler. Mais j'ai toujours pas compris comment lire les fiches diagrammes. http://ivanwfr.github.io/Twiddler3-Layout/ #twiddler #documentation #layout #opensource

Patrick
3 months ago

Immer wieder eine Freude fertig gedrucktes #Layout zwischen die Finger zu kriegen.

Hier Blätter ich durch das #Arkanum Heft, das Ausstellungsheft zur Fenster + Türen Ausstellung im #PWH 2022.

War ein tolles Projekt zusammen mit den Tattowierern Jan und Götz

das Heft steckt voller Kunst von über 20 #Tattoo-Artists, wenn ich die Künster*innen im Fediverse finde tagge ich sie auch :) z.B. morgen am Fenster-Freitag

#ausstellung #PeterWeisHaus #Rostock #Kunst #TattooKunst #Fenster #Türen

Blättern durch ein Heft

Aufbau einer Sketchnote „Disruptive Innovationen“
In diesem Blogpost möchte ich Dir einmal ein komplettes "Walkthrough" durch den Aufbau einer Sketchnote zeigen, die ich mit dem Ziel aufgebaut habe, ein abstraktes Konzept zu visualisieren.
https://lars-bartschat.de/2023/02/28/aufbau-einer-sketchnote-disruptive-innovationen/
#Sketchnotes #Aufbau #Layout #Lernen #Sketchnotes #Struktur #VisualThinking #Visualisierung

Pierre-Yves Comtois
3 months ago

Je fais du ménage dans mon portfolio. J’ai réalisé ces dessins dans le cadre du Color and Light Workout de Nathan Fowkes, sur Schoolism. Le lay-out qui a servi de base à cet exercice a été dessiné par Bari Greenberg, pour le film Prince of Egypt (1998). Environ 40 minutes par dessin. #ConceptArt #Photoshop #atmosphère #Lumière #Layout

Ambiance lever de soleil, d'après un lay-out de Bari Greenberg, pour le film Prince of Egypt (1998).
Ambiance plein soleil, d'après un lay-out de Bari Greenberg, pour le film Prince of Egypt (1998).
Ambiance clair de lune, d'après un lay-out de Bari Greenberg, pour le film Prince of Egypt (1998).
Ambiance soleil voilé, d'après un lay-out de Bari Greenberg, pour le film Prince of Egypt (1998).
Chris
3 months ago

Happy #FollowFriday Everyone! 😃

I'm Chris 👋 I'm currently #CGSupervisor & #Layout Supervisor at an #Animation studio in #CapeTown #SouthAfrica

I've worked on multiple #films & #tvseries over the years. Using #maya #houdini & #blender, recently for #StarWars, #Disney & the #Lego Movie 2. My focus is #pipeline tech/dev writing tools in #python as well as #cinematography

I'm a #photographer, #traveller and #coffee junkie at heart, but spend my weekends exploring new places or learning #rust

MiRiNSKi
3 months ago

Lösung gefunden: Niederländisches #keyboard #Layout. Das entspricht fast komplett dem UK ISO Layout - besser für #coding - hat aber statt dem Pfund ein Euro Zeichen.

http://www.macfreek.nl/memory/Mac_Keyboard_Layout

Daniel AJ Sokolov
3 months ago

The new #Wikipedia layout for the English version is a worse #UserExperience. Especially the way other #language version of an entry are now hidden behind a drop-down menu is getting on my #nerves daily.

If you concur, you can #support the return to the previous #wiki #layout here:
https://en.wikipedia.org/wiki/Wikipedia:Requests_for_comment/Rollback_of_Vector_2022#RfC:_Should_Wikipedia_return_to_Vector_2010_as_the_default_skin?

Matthias Ott
3 months ago
Inautilo
4 months ago

#Design #Development #Evolutions
Native CSS masonry layout · Masonry, one of the most famous web layouts, arrives in CSS https://ilo.im/10zfhc

David DeSandro made the Masonry layout popular and introduced many other cool things for the web! https://desandro.com/

_____
#WebDesign #WebDev #WebDevelopment #Firefox #Safari #Browser #CSS #Layout #Masonry

Friedemann
4 months ago

I made a LaTeX class for creating photo books. But it got even better. The class allows you to layout pages declaratively to create all kinds of graphic rich, perfectly typeset and print ready PDFs. #LaTeX #Layout #Print #Photography https://github.com/friedemannbartels/latex-pagelayout

LostHavenArt
4 months ago

Thought I'd show my test layouts for one of my game projects The Skies Above. I like doing this even early into designing a game as seeing a glimpse of the final product helps keep me motivated.

#ttrpg #ttrpgdesign #gamedesign #jrpg #trpg #indiettrpg #indiegame #layout

Mike Rohde
4 months ago

This Sunday, January 29th at 2pm US Central I’ll be doing a layout duel with my good buddy Ben Crothers. Register to see us create layouts with Miro and Drawify plugin — live!

Register free right here - https://drawify.com/en/webinars/drawify-live-layout-match-with-ben-crothers-mike-rohde

#layout #design

Mike Rohde
4 months ago

On January 29th, my friend Ben Crothers and I will have a creative layout duel, each making use of Miro's new Drawify symbol add-in to create a new layout in Miro using the same creative brief.

We’ll will share our thinking as we work, so you can pick up new techniques and tips for your own Miro layouts!

https://drawify.com/en/webinars/drawify-live-layout-match-with-ben-crothers-mike-rohde

#design #layout #visualthknking

Ben Crothers vs. Mike Rohde in a Layout Duel on January 29th. Register for free!
Twarda
4 months ago

WIP. I swear this screen(s) took forever. Phew.
But I can move on and add some details/colours/interactable objects now!

The layout contains about 5 screens (3 interactable, 2 cinematic camera shots).

Program: FireAlpaca.

#gamedev #indiegames #wipart #wip #gameart #drawing #layout #design #ZidJourney

A picture with the game's screen basic layout drawn as lineart. A giant text in the middle covers it and says "FINALLY!!"
Same picture with the same layout, this time without the giant text. With some minor details added.
hpkomic 👻
5 months ago

The current volume and #issue covers of my #webcomic #CosmicDash, which has it's own account at @cosmicdash

I am available for #drafting and #comic #layout duties at affordable rates, I can even draw full comics as well. Need help coming up with a cover for your #webtoon? I'm available!

Learn more about my services here: https://www.hpkomics.com/commission/

#CommissionMe #commission #sciFi #indieComics #scienceFiction #furry

Cosmic Dash vol. 4 cover
Cosmic Dash 4.1 cover
Cosmic Dash 4.2 cover
Cosmic Dash 4.3 cover
Gabriel Caetano
5 months ago

The TTRPG Creator Resources Database is a search resource to help the #TTRPGcommunity create games, with tools, guides, and assets for #design, #layout, publishing, art, and more, and you can even contribute to it!

https://thegiftofdice.itch.io/ttrpg-creator-resources-database

Daniel Solis
5 months ago

Two tips for rulebook writers:

1) Use FEWER levels of headers. At most you only need 3 levels. I know more looks nice in your bookmark sidebar, but that's not how it reads on the page.

2) Know WHEN to use list format. Every rule does not need to be presented in list format. Restrain yourself to numbering step-by-step instructions or bulleting lists of conditional exceptions. That's pretty much it.

Signed,
your loyal layout team

#BoardGame #TechnicalWriting #Editing #Layout #GraphicDesign

EllisGL
5 months ago

Ok, so I think I found a #masonry #layout #template that will suit my wants. I will probably need to do some modifications to implement #microdata / #microformats ( #microformats2 ) (maybe #RDFa lite too?).

Now another big #question would be, should I use the Open #Dyslexic #typeface? #webdev #design #ux #ui #uiux https://opendyslexic.org/

SteamDeckHQ
5 months ago

#DwarfFortress is an awesome #colony #simulator that shines so bright in this #genre. On the #SteamDeck, it runs near perfect, but needs a #controller #layout to really enjoy it.

Thank you Bay 12 Games and Kitfox for providing a copy for us to review!

https://steamdeckhq.com/game-reviews/dwarf-fortress/

SteamDeckHQ
6 months ago

Our #DwarfFortress #SteamDeck #controller #layout has now been uploaded!

The layout features nested menus for information, orders, and placement commands, back pedals to zoom in and out, and easy to close/open world menu.

It is called "SDHQ Steam Deck Layout V1"

If you try it out, let us know what you think!

Raphael Luckom
6 months ago

Do any #webdevelopers know of a good intro to #responsive design (or design library) that focuses on vanilla #css and is not tied to any particular library? I'm looking for something that maybe has examples of "a blog" or "a storefront," but more of a from-scratch approach as opposed to a framework-based approach.

#UI #UX #frontend #layout

Laura Scott
6 months ago

#GetFediHired

This month I have an unexpected window in my freelance schedule.

I do #editing (fiction, trade nonfiction), #PrintDesign #Layout #BookDesign, #CoverDesign, and clean #ebook design/formatting down to the code.

Yes, it's an eclectic mix, the result of a broad range of interests and opportunities over 30+ years.

Info + #portfolio https://booklove.space

Boosts welcome! Thx!

Jonatan Hildén
6 months ago

Very rare to receive a word document with proper semantic styles appled.

Hence this is very useful: you can *use pandoc to convert word docs to markdown*.

What is cool is that you can then have pandoc make an icml for indesign, it imports images (linked to original locations) and styles.

#design #layout #pandoc #indesign
http://rhythmus.be/md2indd/

So here is a little survey for you geeks. Which #keyboard #layout and typing method do you use?
#qwerty #azerty #dvorak #colemak #bepo

Kage
7 months ago

Now that I can post images, here are some examples of my #dnd #layout work.

If you can't hire me to help you lay out your work, please toss me a re-toot (I know that's not what they're called but I can't not).

Cover image for Acererak's Collection of Complex Traps. It features a gritty black and white illustration of Acererak with cobwebs hainging from his crowned skull. The title is in a scratchy font above his head. The bottom left corner has a DMsGuild logo and 'Electrum Bestseller' badge.
Layout spread from The Storyteller: An Otherworldly Patron.

The left page features a dragon image on the top-third of the page with the title. Below it is a two-column text layout with a table.

The right page has a couple more spot art illustrations with text in columns.
Layout spread from Fantastic Taverns featuring the tavern The Dregs.

The left page features the tavern name with an image as well as a spot art of a shirtless man double-fisting tankards of ale. Two-column text fills the rest of the page.

The right page has more two-column text with a tavern menu at the bottom, show casing a cocktail recipe and suggested beers.
Kona Goodhart
7 months ago

Are you affected by the change from V1 to V2? I'm really curious to hear from people for whom paying for the new version is a burden, or at least not an automatic "yes."

#Affinity #AffinityPublisher #AffinityV1 #AffinityV2 #indieTTRPG #ttrpg #ttrpgDesign #layout #layoutDesign

Dinoberry Press
7 months ago

🍓 Dinoberry Press is a 2-person indie company made up of the dynamic duo of Julie-Anne Muñoz (aka JAM) and Nevyn Holmes. Together, we create passionate and experimental #ttrpg with roots in our cultures, interests, and beliefs.

We’re also available for #freelance & contract work. We each bring our own strengths to the table and can be brought on for #design #layout #art #consultation and even limited-run #prints & #merch

~You can also find Jam sharing art here: @DinoberryJam

#introduction

Professor Kerstin Sailer
7 months ago

Hello sciences.social - here's my #introduction #introductions

I'm a professor in the #Sociology of #Architecture at the #Bartlett School of Architecture at UCL.

I'm researching the relationship between buildings and people with an interest in #layout, #spatialdesign and #evidenceBasedDesign. My main expertise is in #offices, #hospitals and #schools.
I use both #qualitative and #quantitative methods focusing on #observation, #spacesyntax and #SocialNetworkAnalysis

12+ months of #LongCovid

Patrick
7 months ago

QR-Code 🤔 Umfrage

Was sagt ihr hier im #Fediverse zu QR-Codes z.B. auf gedruckten Plakaten - nutzt ihr sie?

#PrintDesign #Grafikdesign #Layout #QRCode #Print #Druck