#spacing — Public Fediverse posts

Yesterday I picked up the book "I AM FULL", by #DanYashinaky, at the wonderful #Spacing bookstore.

Read it in one sitting. Beautiful, funny and heartbreaking.

It tells the story of Dan's son Jacob Evan Yashinsky-Zavitz, pulled from his poems, letters, speeches, as well as from Dan's own journal, after Jacob died in a car accident on family vacation.

Jacob had intense hunger #hyperphagia that can accompany #PraderWilliSyndrome. And occasional #psychosis . He was also a kind and witty soul.

Yesterday I picked up the book "I AM FULL", by #DanYashinaky, at the wonderful #Spacing bookstore.

Read it in one sitting. Beautiful, funny and heartbreaking.

It tells the story of Dan's son Jacob Evan Yashinsky-Zavitz, pulled from his poems, letters, speeches, as well as from Dan's own journal, after Jacob died in a car accident on family vacation.

Jacob had intense hunger #hyperphagia that can accompany #PraderWilliSyndrome. And occasional #psychosis . He was also a kind and witty soul.

Yesterday I picked up the book "I AM FULL", by #DanYashinaky, at the wonderful #Spacing bookstore.

Read it in one sitting. Beautiful, funny and heartbreaking.

It tells the story of Dan's son Jacob Evan Yashinsky-Zavitz, pulled from his poems, letters, speeches, as well as from Dan's own journal, after Jacob died in a car accident on family vacation.

Jacob had intense hunger #hyperphagia that can accompany #PraderWilliSyndrome. And occasional #psychosis . He was also a kind and witty soul.

Yesterday I picked up the book "I AM FULL", by #DanYashinaky, at the wonderful #Spacing bookstore.

Read it in one sitting. Beautiful, funny and heartbreaking.

It tells the story of Dan's son Jacob Evan Yashinsky-Zavitz, pulled from his poems, letters, speeches, as well as from Dan's own journal, after Jacob died in a car accident on family vacation.

Jacob had intense hunger #hyperphagia that can accompany #PraderWilliSyndrome. And occasional #psychosis . He was also a kind and witty soul.

Yesterday I picked up the book "I AM FULL", by #DanYashinaky, at the wonderful #Spacing bookstore.

Read it in one sitting. Beautiful, funny and heartbreaking.

It tells the story of Dan's son Jacob Evan Yashinsky-Zavitz, pulled from his poems, letters, speeches, as well as from Dan's own journal, after Jacob died in a car accident on family vacation.

Jacob had intense hunger #hyperphagia that can accompany #PraderWilliSyndrome. And occasional #psychosis . He was also a kind and witty soul.

#Development #Techniques
Responsive letter spacing · How to tighten letter spacing in CSS https://ilo.im/168krf

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

#Development #Techniques
Responsive letter spacing · How to tighten letter spacing in CSS https://ilo.im/168krf

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

#Development #Techniques
Responsive letter spacing · How to tighten letter spacing in CSS https://ilo.im/168krf

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

#Development #Techniques
Responsive letter spacing · How to tighten letter spacing in CSS https://ilo.im/168krf

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

Giannis, Turner Say Chemistry Fueling Bucks’ New Look https://www.rawchili.com/nba/421004/ #Basketball #Bucks #BucksChemistry #BucksDefense #BucksOffense #DocRivers #GiannisAntetokounmpo #KyleKuzma #Milwaukee #MilwaukeeBucks #MilwaukeeBucks #MylesTurner #NBA #NBA2025 #RimProtection #spacing

Last night I picked the C because it was there. Turns out the E decided to come along too, and without any announcement at the next stop its doors closed before I could switch. Went back to the C and THEN they announce they're going to be held to let the E go ahead.

Lucked out and got the express at 14th, caught up with the E by 42nd Times Square.
#bastards #announce #held in #station #maintain #proper #train #spacing #NYC #MTA #ETA #unknown #straphanger #NewYorkCity #commuter #subway #rider

Last night I picked the C because it was there. Turns out the E decided to come along too, and without any announcement at the next stop its doors closed before I could switch. Went back to the C and THEN they announce they're going to be held to let the E go ahead.

Lucked out and got the express at 14th, caught up with the E by 42nd Times Square.
#bastards #announce #held in #station #maintain #proper #train #spacing #NYC #MTA #ETA #unknown #straphanger #NewYorkCity #commuter #subway #rider

Last night I picked the C because it was there. Turns out the E decided to come along too, and without any announcement at the next stop its doors closed before I could switch. Went back to the C and THEN they announce they're going to be held to let the E go ahead.

Lucked out and got the express at 14th, caught up with the E by 42nd Times Square.
#bastards #announce #held in #station #maintain #proper #train #spacing #NYC #MTA #ETA #unknown #straphanger #NewYorkCity #commuter #subway #rider

Last night I picked the C because it was there. Turns out the E decided to come along too, and without any announcement at the next stop its doors closed before I could switch. Went back to the C and THEN they announce they're going to be held to let the E go ahead.

Lucked out and got the express at 14th, caught up with the E by 42nd Times Square.
#bastards #announce #held in #station #maintain #proper #train #spacing #NYC #MTA #ETA #unknown #straphanger #NewYorkCity #commuter #subway #rider

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

https://archive.ph/hAzhp

#design #forms #spacing #alignment #consistency #hierarchy #usability #bestpractices

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

https://archive.ph/hAzhp

#design #forms #spacing #alignment #consistency #hierarchy #usability #bestpractices

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

https://archive.ph/hAzhp

#design #forms #spacing #alignment #consistency #hierarchy #usability #bestpractices

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

https://archive.ph/hAzhp

#design #forms #spacing #alignment #consistency #hierarchy #usability #bestpractices

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

https://archive.ph/hAzhp

#design #forms #spacing #alignment #consistency #hierarchy #usability #bestpractices

#Development #Introductions
The new CSS progress() function · The many ways progress() can enhance styling https://ilo.im/167hw0

_____
#ModernCSS #Layout #Spacing #Typography #Fallbacks #Browser #WebPerf #WebDev #Frontend #CSS

#Development #Introductions
The new CSS progress() function · The many ways progress() can enhance styling https://ilo.im/167hw0

_____
#ModernCSS #Layout #Spacing #Typography #Fallbacks #Browser #WebPerf #WebDev #Frontend #CSS

#Development #Introductions
The new CSS progress() function · The many ways progress() can enhance styling https://ilo.im/167hw0

_____
#ModernCSS #Layout #Spacing #Typography #Fallbacks #Browser #WebPerf #WebDev #Frontend #CSS

#Development #Introductions
The new CSS progress() function · The many ways progress() can enhance styling https://ilo.im/167hw0

_____
#ModernCSS #Layout #Spacing #Typography #Fallbacks #Browser #WebPerf #WebDev #Frontend #CSS

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

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

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

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

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

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

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

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

#Design #Approaches
A new-ish approach to web typography · “Typography’s role is to serve meaning, not convenience.” https://ilo.im/167a48

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

#Design #Approaches
A new-ish approach to web typography · “Typography’s role is to serve meaning, not convenience.” https://ilo.im/167a48

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

#Design #Approaches
A new-ish approach to web typography · “Typography’s role is to serve meaning, not convenience.” https://ilo.im/167a48

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

#Design #Approaches
A new-ish approach to web typography · “Typography’s role is to serve meaning, not convenience.” https://ilo.im/167a48

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

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

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

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

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

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

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

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

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

#Design #Techniques
Logic-driven UI design tips · Taking the guesswork out of UI design https://ilo.im/164v48

_____
#Layout #Spacing #Icons #Buttons #Typography #Accessibility #Consistency #ProductDesign #UiDesign #WebDesign

#Design #Techniques
Logic-driven UI design tips · Taking the guesswork out of UI design https://ilo.im/164v48

_____
#Layout #Spacing #Icons #Buttons #Typography #Accessibility #Consistency #ProductDesign #UiDesign #WebDesign

#Design #Techniques
Logic-driven UI design tips · Taking the guesswork out of UI design https://ilo.im/164v48

_____
#Layout #Spacing #Icons #Buttons #Typography #Accessibility #Consistency #ProductDesign #UiDesign #WebDesign

#Design #Techniques
Logic-driven UI design tips · Taking the guesswork out of UI design https://ilo.im/164v48

_____
#Layout #Spacing #Icons #Buttons #Typography #Accessibility #Consistency #ProductDesign #UiDesign #WebDesign

So many icons, so little spa...

Thanks @Svenlaa for the picture

#NextCloud #Ellipsis #Spacing

So many icons, so little spa...

Thanks @Svenlaa for the picture

#NextCloud #Ellipsis #Spacing

So many icons, so little spa...

Thanks @Svenlaa for the picture

#NextCloud #Ellipsis #Spacing

So many icons, so little spa...

Thanks @Svenlaa for the picture

#NextCloud #Ellipsis #Spacing

So many icons, so little spa...

Thanks @Svenlaa for the picture

#NextCloud #Ellipsis #Spacing

all the glyphs have widths that are multiples of a stripe, and as you can see (up toot) there are 6 extra stripes required in the 2nd row to fill the gap. I designed in the font for U+200A HAIR SPACE, U+2009 THIN SPACE, U+2008 PUNCTUATION SPACE to be 1-,2-,3-stripes wide. They can be used to center the text. With a U+2008 on each side (1st image).

For social media posts, it's a bit tight, and needs a bit of extra padding. So i add another U+200A either side.

#RainbowRocket #Spacing

all the glyphs have widths that are multiples of a stripe, and as you can see (up toot) there are 6 extra stripes required in the 2nd row to fill the gap. I designed in the font for U+200A HAIR SPACE, U+2009 THIN SPACE, U+2008 PUNCTUATION SPACE to be 1-,2-,3-stripes wide. They can be used to center the text. With a U+2008 on each side (1st image).

For social media posts, it's a bit tight, and needs a bit of extra padding. So i add another U+200A either side.

#RainbowRocket #Spacing

all the glyphs have widths that are multiples of a stripe, and as you can see (up toot) there are 6 extra stripes required in the 2nd row to fill the gap. I designed in the font for U+200A HAIR SPACE, U+2009 THIN SPACE, U+2008 PUNCTUATION SPACE to be 1-,2-,3-stripes wide. They can be used to center the text. With a U+2008 on each side (1st image).

For social media posts, it's a bit tight, and needs a bit of extra padding. So i add another U+200A either side.

#RainbowRocket #Spacing

all the glyphs have widths that are multiples of a stripe, and as you can see (up toot) there are 6 extra stripes required in the 2nd row to fill the gap. I designed in the font for U+200A HAIR SPACE, U+2009 THIN SPACE, U+2008 PUNCTUATION SPACE to be 1-,2-,3-stripes wide. They can be used to center the text. With a U+2008 on each side (1st image).

For social media posts, it's a bit tight, and needs a bit of extra padding. So i add another U+200A either side.

#RainbowRocket #Spacing

all the glyphs have widths that are multiples of a stripe, and as you can see (up toot) there are 6 extra stripes required in the 2nd row to fill the gap. I designed in the font for U+200A HAIR SPACE, U+2009 THIN SPACE, U+2008 PUNCTUATION SPACE to be 1-,2-,3-stripes wide. They can be used to center the text. With a U+2008 on each side (1st image).

For social media posts, it's a bit tight, and needs a bit of extra padding. So i add another U+200A either side.

#RainbowRocket #Spacing

So for my new Rainbow Rocket font, @iorsh asks a question that i was intending to address, which is basically, how come the words in "AUTUMN LEAVES" are centered? Why, in fact, doesn't it look like the picture on the right?

The answer is thinner Unicode spaces. It's why i published a blog on spaces: https://home.octetfont.com/blog/unicode-space.html

#RainbowRocket #Spacing