56 Times Designers Tried To Write Something And Failed Miserably H ow lo ng di dit t ake yo u to r ea d t his sent en ce? (How long did it take you to read this sentence?) That, right there, was an...

#Fails #Funny #bad #design #bad #spacing #bad #text […]

[Original post on boredpanda.com]

56 Times Designers Tried To Write Something And Failed Miserably H ow lo ng di dit t ake yo u to r ea d t his sent en ce? (How long did it take you to read this sentence?) That, right there, was an...

#Fails #Funny #bad #design #bad #spacing #bad #text […]

[Original post on boredpanda.com]

Responsive Letter Spacing Minimizing the readability impact of a typographic brand requirement.

#Development #Techniques
Responsive letter spacing · How to tighten letter spacing in CSS ilo.im/168krf by Tyler Sticka

_____
#ModernCSS #Letters #Spacing #Fonts #Typography #Browser #WebDesign #WebDev #Frontend #CSS

10 Tiny UI Fixes That Make a Big Difference, by @uxdesigncc@me.dm:

https://archive.ph/hAzhp

#design #forms #spacing #alignment #consistency

How to create a typographic hierarchy Whether you're designing a website, brand, or publication, strong hierarchy ensures clarity; poor hierarchy leads to confusion. Here's how to structure it effectively.

#Design #Guides
Creating a typographic hierarchy · A guide for making your type do the talking ilo.im/167b8g by Pangram Pangram Foundry

_____
#TypographicHierarchy #Typography #Font #Color #Contrast #Spacing #Content #ProductDesign #UiDesign #WebDesign

A new (or rather, old) approach to typography on the web | Daybreak Studio Typography serves language, not the convenience of a system.

#Design #Approaches
A new-ish approach to web typography · “Typography’s role is to serve meaning, not convenience.” ilo.im/167a48 by Alvin Leung and Taha Hossain

_____
#Typography #Context #Content #Spacing #Alignment #Rhythm #Readability #ProductDesign #UiDesign #WebDesign

Folks Are Amused By These 30 Kerning Fails That Show How Crucial Character Spacing Is Dive into this enlightening subreddit of "mortifying, mortising and spasmodic spacing." Here you'll...

#Curiosities #Fails #Funny #Home #& #Design #Awkward #Spacing […]

[Original post on boredpanda.com]

#xppentutorial

⚡️SPACING Tips from artist
@ersharium
✅

A key element in animation - it makes your work look alive and dynamic.

#animation #2danimation #art #animator #spacing
#arttutorial

Saying bye to 4px spacing and hello to Fibonacci I have a consistent routine when I work with a new designer. I head to Google, search “8px grid Medium.com”, pull up Elliot Dahl’s…

El enfoque tradicional de retículas utiliza espaciados basados en números de 4, pero este diseño puede resultar predecible y monótono.

Descubre cómo implementar un espaciado basado en la secuencia de Fibonacci y sus principales ventajas e inconvenientes.

#UX #framework #design #spacing #components

Farbfoto, Querformat: Weißer Schriftzug »Alex’s BARBERSHOP« in zwei Zeilen an einer dunkelgrauen Hauswand. Die erste Zeile steht groß in der Bildmitte, die zweite klein nach rechts versetzt darunter.

#TagDesApostrophs #ApostropheDay

Kaum zu glauben: Nach der englischen #Grammatik ist dieser Schriftzug korrekt – sagt jedenfall ChatGPT – aber das #Spacing lässt doch sehr zu wünschen übrig.

(Gesehen in Hamburg)

#Typografie #Rechtschreibung #Apostroph

cc @deppenapostroph.bsky.social

The Fundamentals of CSS Alignment This deep dive covers everything you need to know about CSS alignment. It's time to stop doing trial and error and finally understand how everything works!

#Development #Explainers
The fundamentals of CSS alignment · How alignment properties work in layouts ilo.im/166mhk by Temani Afif

_____
#Layout #Content #Alignment #Spacing #CSS #Containers #CssGrid #CssFlexbox #WebDev #Frontend

#spacing & #putt 4 #dough

#spacing #grid

22.00 #ATT
#AnTaobhTuathail #RTÉRnaG

#Smerz #Gray #Romance #Spacing #PeterGordon #lullahush #Mogwai #WithOpenArms #TheVernonSpring #BellaWakame #DavidVanTieghem #InniK #WaitingSpace #PierreBastien #MichelBanabila

www.rte.ie/radio/rnag/a...

#MarkWaldronHyden

L o o p hole

#spacing #spatiering #lange #loop #hole #langlopen #wandelarie #delangeloop #looptlekker

2 june 2025 // #photodiary #fotodagboek since 2009

Headline from the Volkskrant newspaper. The interesting word is “weggeëbd”. Not to be confused with “weggeappt”.

Headline from today’s @volkskrant “weggeëbd”, present perfect of the verb“wegebben”. Three e’s, double g, bd, what’s not to like. #kerning #spacing #letters

Que et al. analyzed the influence of #sheathing panel material, #thickness, as well as #nail diameter, #spacing, and #cap configuration on the #shear performance of #wooden nail connections through #monotonic loading tests
DOI: 10.1016/j.jobab.2025.04.002
www.sciencedirect.com/science/arti...

Flexbox Shorthands 💡
flex: 1 1 0; #flex #shorthand
gap: 20px 40px; #gap #spacing
flex-flow: column wrap; #flexbox #layout
place-content: center; #alignment #cssshortcuts

✅ #CleanCode #CSSTips #WebDev

Easier Layout With “margin-trim”, by @jensimmons@front-end.social (@webkit@front-end.social):

https://webkit.org/blog/16854/margin-trim/

#css #margins #spacing #safari #apple #browsers

Slow in & slow out : Une voiture ne passe pas instantanément de 0 à 50 km/h, et c’est pareil pour les mouvements en animation. Début = accélération, fin = ralenti. Plus d’images au début et à la fin, moins au milieu. Sauf pour un choc brutal ! #Animation #Timing #Spacing #AnimationPrinciples

HTML Whitespace is Broken - Devel without a Cause A deep dive into HTML whitespace collapsing: How it works, why it sucks, how it should work, and how to deal with it.

**HTML Whitespace is Broken**
"A deep dive into HTML whitespace collapsing: How it works, why it sucks, how it should work, and how to deal with it." - Devel without a Cause

#HTML #spacing #layout #WebDev

#meme #memes #remember #spacing #chicken

#FirePrevention design:
#FireResistance
#MetalRoofsSiding
#Reflection
#IntegratedWaterCooling
#FireGapping
#Spacing
#VegetationManagement
#CommunityMoats
...

#FireResistance
plus
#FireGapping
#CommunityMoats
#VegetationManagement
#Spacing

#SharedConcepts

Lack of fire prevention design:
#FireResistance
#MetalRoofsSiding
#Reflection
#IntegratedWaterCooling
#FireGapping
#Spacing
#VegetationManagement
#CommunityMoats
...

Creating a Minimalist Poster Design in Photoshop Minimalism thrives on simplicity, conveying a message with as few elements as possible. This design principle highlights the essentials and eliminates the rest. When applied ...

Creating a Minimalist Poster Design in Photoshop #Photoshop #Minimalist #Design #Typography #Palette #Icon #Geometry #Overlay #Balance #Alignment #Consistency #Spacing #Export #Message

People in Yunnan love to dance, especially on tracks like this one, 喝酒喝 Drinking Song. Shanren’s concerts are always fun.

#musicsky #liveconcert #China #Kunming #Spacing

Pointless jobs: the unbearable ennui of office life – in pictures Lars Tunbjörk spent the 1990s photographing offices in Stockholm, Toyko and New York – the result was an iconic series that captured the soul-sapping mundanity of modern work

'Lars Tunbjörk’s series delves into the bureaucracy, disorder and mundanity of office culture with masochistic delight, capturing the soul-sapping environments of corporate spaces.'
#photography #bullshitjobs #work #business #offices #spacing #design

[ Dissociated ]

#photobashing #photo #play #color #outside #spacing #out #digital #art

Really looking forward to attending Psychonomics for the first time next week! I’d love to talk to anyone interested the #spacing, #testing or #pretesting effects or more generally #memory and #learning at my poster!

#Psynom24

@psychonomicsociety.bsky.social