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.
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
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
Easier Layout With “margin-trim”, by @jensimmons (@webkit):
#Development #Proposals
CSS self gap · Custom gaps between some ‘flex’ or ‘grid’ items https://ilo.im/162wa9
_____
#Spacing #Layout #CssGrid #CssFlexbox #Browser #WebDev #Frontend #CSS
Spacing in design systems: between spacers and variables | by Alexei Karpuhin | Feb, 2025 | Design Systems Collective
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
#Development #Fun
CSS lessons for your parking fails · Proper car positioning may be easier than you think https://ilo.im/161t84
_____
#Positioning #Spacing #CssFloat #CssTransform #CssFlexbox #CssGrid #Development #WebDev #Frontend #CSS
https://www.lovenba.com/1520050/ How Mitchell Robinson’s Impending Return Could Save The New York Knicks #AtlanticDivision #BenchUnit #Defense #EasternConference #Efficiency #InjuryReturn #JalenBrunson #JoelEmbiid #KarlAnthonyTowns #Knicks #LineupData #LockedOnKnicks #MikalBridges #MinnesotaTimberwolves #MitchellRobinson #NBA #NewYorkKnicks #Offense #OgAnunoby #PickAndRoll #PLAYOFFS #rebounds #RimProtection #rotation #RudyGobert #spacing #StartingLineup #ThreePointShooting #TomThibodeau #TradeRumors
#Design #Techniques
Goodbye 4px spacing, hello Fibonacci · A fresh perspective on spacing systems in design https://ilo.im/160rz0
_____
#Spacing #Calculation #Consistency #Predictability #GridSystems #ProductDesign #UiDesign #VisualDesign #WebDesign
#Development #Techniques
You’re not a CSS developer without a reset · A CSS reset can also elevate your typesetting https://ilo.im/160pq6
_____
#CSS #CssReset #Scrolling #Spacing #Typesetting #Kerning #Accessibility #Browser #WebDev #Frontend
Spacing and Design Systems. When discussing design systems, colors, typography, and icons are typically considered the “Big Three.” | by Filippo Gianessi | May, 2024 | Medium https://medium.com/@gianessi.filippo/spacing-and-design-systems-cc97717cfe80 #designsystem #spacing #ui #ux
Dear Friends of Wherever, 🦞
As we may know, in #June Now? Time and #spacing is a #relative.
Is She:
1. #Mama #Chronos
2. A #Moth on my #night #screen
3. A #Pole #dancing
4. The Holly #Ghost in the Machine
5. A lovely butterfly 🦋
In other words, expand your bubble or just burst. Each of us a USA antique #antic front for the #Tooting #Popular Front or [insert game or beret of your fav #chav).
In this sense, in plain #site. We can spells off course. AI monkeys our faff, fluff and cuties. What use is a mouth Mx #NEO?
We might find our sacred cats, cows and pet peeves are nothing more than fragments of a #reality disappearing up its own nether land. We might of course keep our #heads in the #Cloud
The choice dear 1, is not a mine. Not a war but a #peace of cake. #Yab-Yum.
https://en.wikipedia.org/wiki/Yab-Yum
#Development #Techniques
The gap · How CSS ‘gap’ can fix annoying spacing issues https://ilo.im/15z26r
_____
#Layout #Spacing #WebDev #Frontend #CSS #CssGrid #CssFlexbox
The #science of #effective #learning with #spacing and #retrieval practice
https://www.nature.com/articles/s44159-022-00089-1
not #openaccess :(
Ultimate Spacing Guide for UI Designers | by Zee Shawn | Oct, 2023 | Medium https://medium.com/@uiuxzee/ultimate-spacing-guide-for-ui-designers-342f4c61bd70 #ui #spacing
@UKFilmNerd Lego didn't do the right Sci/Fi Film tie-in. #Spacing
Re: #mRNA vaccine dose #spacing, Dr. Griffin says waiting at least 3 months between first and second #vaccine dose is probably better, ideally 6 months for most robust immune response. Dr. Racaniello says the WHO advice for 8-12 weeks is good, although US doctors will likely follow CDC guidelines. Both agree that 3 weeks is way too soon, but that’s what was studied in the middle of a pandemic.
#TWiVTLDR 14/14
