Roel Nieskens

Computernerd... FROM HELL!

Public Key

npub1l40uqpa5k9u62v7wlak9w7yj6lyzjvnsr4dnep2l87pxxuuzfa2qjs38mq

NIP-05 Address

pixelambacht_at_typo.social@mostr.pub

Profile Code

nprofile1qqs06h7qq76tz7d9x0807mzh0zfd0jpfxfcp6keus40nlqnrwwpy74q4gkuhf

Author Public Key

npub1l40uqpa5k9u62v7wlak9w7yj6lyzjvnsr4dnep2l87pxxuuzfa2qjs38mq

Show more details

Last Notes

2024-09-18 07:53:53

If a webfont doesn't support a character that's on the page, the browser will go down its internal font stack until it finds a fallback font to render that character.
I thought this meant you could never see a webfont's .notdef "tofu" glyph.
But TIL that if you use a Private Use Area unicode value, the browser will try to render it in the first webfont on the stack, and if it can't, use *that webfont's* .notdef instead.
#typography #css

2024-09-18 07:16:24

- reply

@npub1xed…yg9w The uncertainty and unfairness must've been exhausting. So good to hear you're still excited and happy to work on 11ty! ✊

2024-09-13 06:44:01

- reply

@npub1z9m…rz2z HOLY FRICKING SCHNIKES!! What a team-up! I'm super happy for you, Font Awesome is a great company and such a good home for 11ty. Congrats!!

2024-09-06 13:40:36

@npub13g5…rpv3 Ik heb net een woff2 3x zo groot gekregen door 'm door pyftsubset te halen (O_o) Gewoon met:
pyftsubset --verbose --unicodes="*" font.woff2
De ttx dumps zijn nagenoeg hetzelfde. Stuit ik hier op iets bekends?

2024-08-28 07:46:46

I like pixel fonts, and I like cute sites showing them off. Look at the language support on Depature Mono!
https://departuremono.com
Free download, SIL licensed, and created by Helena Zhang 👾
#typography #retrocomputing #PixelArt #webdev

2024-08-20 14:12:06

- reply

@npub1urz…39sc Deduce, is what I was going for! Turns out it DEDUCES but then forgets it did and applies faux bold on top of it (in Safari). Sigh.

2024-08-18 08:34:44

- reply

@npub126f…5tru Houden!! 😻

2024-08-14 18:00:50

- reply

@npub1g53…v0hh Classic UFO-alien! Nice!

2024-07-22 12:18:46

My #CSSDay talk "Problems Solved By OpenType"* is on YouTube!
I try to show the awesome things that fonts can do, the problems they can solve, and how you can figure out what YOUR font can do. Also, schwoopies.
* Full title: "Details Subjectively Improved By OpenType Layout Features And CSS"
https://www.youtube.com/watch?v=TreBK-EyACQ
#CSS #typography #webdev

2024-07-19 08:05:46

For those unaffected by the CrowdStrike thing, here's a pure CSS recreation → https://codepen.io/RoelN/full/XWLdWOx

2024-07-16 10:04:29

- reply

@npub13d8…ycpx Weren't those the guys who announced their plan to take down the whole internet for a entire day?

2024-07-16 09:30:25

More on my native/custom scrollbar experiments!
🥳 Works great in all desktop browsers
But:
😕 Shows native scrollbar on top of custom one in iOS
It needs to be hidden completely on iOS with `display:none` on `::webkit-scrollbar` but this breaks the handle on desktop browsers. Could be fixed with one line of iOS-specific CSS, but that means sniffing/guessing. Not too fond of that, and/but I'm already doing that for Firefox.
Still, pretty neat! What do you think?
https://codepen.io/RoelN/pen/ZEdGBgj
#css

2024-07-15 20:33:30

- reply

@npub1urz…39sc Oh dear. I hadn't even thought of that. There's plenty of translations readable on that photo, I wonder if someone will spot something?

2024-07-15 17:12:06

Glad they went for Chalkboard instead of the less classy Comic Sans for the Peter R. De Vries monument 😬
https://typo.social/system/media_attachments/files/112/791/611/323/051/952/original/bf1f8452bee6f6d7.png

2024-07-15 10:52:25

A custom scrollbar recipe:
🫥 Keep original scrollbar, but make it invisible
🖌️ Draw a custom scrollbar using backgrounds
🤖 Use a tiny bit of JavaScript for positioning
This started as a shower thought, wanted to see if it could be done. Should it've stayed in the shower?
https://codepen.io/RoelN/pen/ZEdGBgj
#css #frontend #webdev

2024-07-10 14:19:04

Incremental Font Transfer is now a working draft!
https://www.w3.org/TR/2024/WD-IFT-20240709/
When this lands, we'll forever be rid of subsetting woes! *
And I'm excited to see this can seemingly work without needing to be a Big Corp with your own server farm or CDN.
* currently in a glas half full mood
#css #typography #webdev

2024-07-08 13:25:16

- reply

@npub1urz…39sc To faux hanging punctuation? (Or is this leg pulling?)

2024-07-08 08:20:04

Interesting CSS idea: introducing a "space unit" that is as wide as the space character of the current font: https://github.com/w3c/csswg-drafts/issues/10534
Or why stop there, and introduce a spacing unit based on whatever character you want?
#CSS #webdev
https://typo.social/system/media_attachments/files/112/749/888/644/374/024/original/944bcd50e7ceca81.png

2024-06-26 06:05:16

- reply

@npub1urz…39sc Pew pew!

2024-06-21 11:30:22

- reply

@npub1g53…v0hh Serious Bob Canada vibes here! https://www.flickr.com/photos/bobcanada/ Nice monster!

2024-06-11 09:07:39

- reply

@npub1g53…v0hh Er is ook niks _waar_ op 't internet 😭

2024-06-11 06:25:37

- reply

@npub1g53…v0hh Geen slecht begin!

2024-06-10 14:24:36

- reply

@npub1g53…v0hh Maar het schijnt nep te zijn!

2024-06-10 11:30:01

(O_o)
I knew this "ASCII emoji" has been around for a long time, but never guessed it was already dreamt up of in 1970!
"Samurai on the toilet" by Takeshi Kitano
https://text-mode.org/?p=9318
https://typo.social/system/media_attachments/files/112/592/084/067/401/001/original/b7358d4d47103db3.png

2024-06-05 06:37:21

Joepie! Mijn witte vierkant komt vandaag aan!!
#blij #witvierkant #dithebikbesteld
https://typo.social/system/media_attachments/files/112/562/625/024/577/376/original/c1b334cfe478ead2.png

2024-05-24 08:26:56

- reply

@npub1xed…yg9w I hope it blows over, no pun intended.
(Sorry, I intended).
But seriously, hope you're all safe!

2024-04-19 12:21:55

Please help me find this song!
I think it's a relatively new/modern song. It sounded funk/soul-y to me, but it's far out of my usual noisy music circle.
It's upbeat, heard it a few times in a hip hotel lounge. I googled it then, I think it was by a black artist.
Title is something with fire, or burning, or burning up?
#music

2024-04-18 15:08:31

I'm working on my typography talk for #CSSDay (working title: "Problems Solved By OpenType")!
My plan is to mostly show all the things fonts can do on the web (the techy bits), without going too far into typesetting itself (the designy bits).
What should (and shouldn't!) I cover? Are there issues in your current project(s) that's holding you back from using modern fonts and CSS?
#css #frontend #fonts #typography

2024-03-18 22:21:17

FILE UNDER: i have absolutelsly no idea what i'm doing
https://codepen.io/RoelN/full/eYogZKN
#css #animation

2024-03-14 15:17:47

- reply

@npub1urz…39sc "HOW MANY YACHTS CAN I BUY WITH THE BANDWIDTH COSTS SAVED FROM SUBSETTING?!"

2024-03-13 13:26:26

- reply

@npub13q3…hr6l Wouldn't `npm link` allow that? https://docs.npmjs.com/cli/v8/commands/npm-link

2024-03-13 07:57:18

- reply

@npub1r7v…qwpu Between Ramones' debut, X-Ray Spex "Germfree Adolescents" and Poison Idea's "Feel The Darkness", today I'll choose the latter.
The atmosphere, the darkness, the energy... it's all there.
https://typo.social/system/media_attachments/files/112/087/301/537/256/245/original/a320b1c8c8255fa8.png

2024-03-09 13:53:14

- reply

@npub1urz…39sc @npub187d…gz6d Is that the one?

2024-03-01 09:49:52

- reply

@npub1urz…39sc @npub1dzf…ru9u If only type designers stopped putting support for every single language plus frivolous stylistic variants of all characters inside their fonts 😭

2024-02-29 15:16:26

- reply

@npub1urz…39sc I remain naively amazed that this keeps happening ¯\_(ツ)_/¯

2024-02-29 12:27:42

I really dug CSS Tricks for its to-the-pointyness and depth of knowledge. There's pages I still return to to freshen up details that my brain keeps forgetting.
I always wondered how the deal was to the folks running CSS Tricks. @npub13u2…x3ey himself just wrote about this yesterday: https://chriscoyier.net/2024/02/28/where-im-at-on-the-whole-css-tricks-thing/

2024-02-20 15:53:07

- reply

@npub1xed…yg9w Happy blogday!!

2024-02-08 07:47:12

- reply

@npub1nrr…fss8 Because at the core, there's still that magic of making a computer do anyting that you can think of. Whether you want to solve a serious problem, create art or games, or simply goof off, anything you dream up, you can create. And if you're ready, you can show your creation to the entire world with a push of a button. And as a bonus: you can take apart the things other people made to see how it works.

2024-02-06 13:48:29

Hey! Tonight I'll be talking about the HTML/CSS/JS and webfont bits that went into making https://typotheque.com -- and the rest of the team about its design, backend, and more!
Head on over to https://www.typotheque.com/club and grab a seat. This will get nerdy! See you there?

2024-02-06 12:48:42

There'a a C64 variable font on Google Fonts now: https://fonts.google.com/specimen/Sixtyfour/tester
You can play with a æsthetic-appropriate version here: https://jenskutilek.github.io/homecomputer-fonts/documentation/demo-sixtyfour.html Made by @npub183z…nltg
#commodore #commodore64
https://typo.social/system/media_attachments/files/111/884/610/433/587/106/original/d59d3a8450181004.png

2024-01-25 19:18:51

- reply

@npub1c35…9pmh Thanks for taking the time! I need to dive in deeper, but from what I skimmed this would sound very useful for `sticky` indeed.

2024-01-25 16:10:20

Is there a way to have to elements that live in different containers be sticky on top of each other?
I tried to sketch it: the first striped element is inside a div with another element above it. When scrolling, it needs to stick to the top. Easy peasy.
But then the second striped element, that lives in another container, needs to stick to the bottom of the top one.
I might be missing something obvious, but how to do this?
#CSS
https://typo.social/system/media_attachments/files/111/817/456/461/670/661/original/eb6a17ff96c72a5b.jpeg

2024-01-15 08:36:22

- reply

@npub1urz…39sc The second image looks like a xmas decoration 🎄

2024-01-10 16:14:00

- reply

@npub13d8…ycpx Thank you! I don't wanna sound ungrateful, but these scans are pretty low res, also on your end?
(Unrelated, in this screenshot it seems the word "are" is emphasised by asterisks, back in 1990. I've never seen this in print, I think. Always thought it was a "computer communication" thing, popularised after social media became a thing)
https://typo.social/system/media_attachments/files/111/732/527/348/932/829/original/593890c526c0d52b.png

2024-01-10 14:53:27

- reply

@npub13d8…ycpx Ooh, I'm in the mood for something like this! I see a copy of the magazine on Ebay. Is this article on archive.org? (Can't find it)

2023-12-26 16:16:42

- reply

@npub1urz…39sc @npub15t0…tnfx If the "T" is in its own span, they glyph run will be reset (or how do you call it). At least in Safari, Firefox might consider inline elements to not break a glyph run?

2023-11-24 07:50:39

- reply

@npub1qz2…nlrg You... just run into him there?!

2023-11-22 10:31:06

- reply

@npub16mu…qy4m I think the hard part is that most magic happens in the combination of CSS and the font. I can't think of a general purpose font tip that's 100% CSS (other than boring old best practices!)

2023-11-21 11:56:55

- reply

@npub16mu…qy4m @npub19qc…zcnq There's so much magic in there! Gets me thinking, what'd be some font/type related tips that would fit nicely among all that magic? 🤔

2023-11-21 10:51:50

- reply

@npub16mu…qy4m @npub19qc…zcnq I fricking love these little tricks. I'm always afraid I won't remember them when the time comes that I need 'em. Hopefully all these 14 open tabs, 31 bookmarks and 17 mails-to-myself will remind me!

2023-10-26 14:28:43

This is pretty weird! Phil Plait (@npub1nt7…z00k) wants to rewrite a paragraph in the new print of his book, to fix a mistake. To avoid the new paragraph from pushing other text to a new page, his publisher asks that the new paragraph be the exact amount of characters as the old one. Characters! The old paragraph was 692 characters, the new one must be 692 caharcters too.
That'd work perfectly for monospace fonts, but does this make sense for regular, proportional fonts?
https://badastronomy.substack.com/p/a-fun-fact-you-may-not-know-about

2023-10-20 15:00:29

- reply

@npub13d8…ycpx I love this! I don't know the episode but I ate up everything hacker/rogue computer that TV would offer, and I would've been glued to the screen for this, probably. Looking forward to the end result!

2023-08-31 06:49:50

- reply

@npub1xqv…230r @npub1nx3…0y5n It's an "open source font" so I imagine indeed no license violation have occurred indeed. It's just sour that working on an open project means someone can take an unfinished project and release it themselves. Working on an open project behind closed doors is a solution, but not ideal...

2023-08-30 07:48:05

Font pirates are apparently scouring Github for fonts in progress, and publishing them on their pirate sites: https://typo.social/@velvetyne@mamot.fr/110977401652280278

2023-08-29 06:26:22

- reply

@npub1urz…39sc @npub1nrr…fss8 You'd know the first 80% a song by heart, and the last 20% was completely alien when you'd finally hear the full song. Good times! Also, nice setup and collection there, Vasilis!

2023-06-28 08:53:48

- reply

@npub1urz…39sc I got the impression that type makers consider the PDF the single source of truth for everything about the typeface. If you get a zip file with the fonts and a PDF, where else would the web details go?

2023-06-28 08:30:11

- reply

@npub1urz…39sc I had hoped for some more interaction here! I was wondering what kind of information about digital/web use these specimens have.

2023-06-21 07:07:01

While ChatLTR here hints to font piracy, why not BUY the variablest typewriter font today for a 200‰ discount! Use coupon SCHREIBMACHINE2023 (or convince https://letterror.com/ncnd/game.html to give you a free download of LTR NCND!)
https://typo.social/system/media_attachments/files/110/580/916/363/041/642/original/c3955df812cb4567.png

2023-06-20 09:47:20

- reply

@npub1urz…39sc Yeah, I can't figure out which service I should buy to get access to that API.

2023-06-20 09:43:44

What is your favorite tool or service for taking automated cross-browser screenshots?

2023-06-08 05:58:16

On my way to #CSSDay in Amsterdam, with my backpack full of high production value flyers for Wakamai™ Fondue™, printed on the finest paper the HEMA had on offer.
Also, come find me for even higher qualityer stickers!!
https://typo.social/system/media_attachments/files/110/507/051/683/949/223/original/eb15763ac9851a0f.jpeg