Still going through the article but loving all the detail and interactive components! Nice writeup.
PS: worth mentioning the RGB to CMYK function credited to me is not my original work, I believe I got it off stack overflow or similar many years ago. A more robust way of doing this transformation would be with a color management system and profile, as it happens I’ve done a bit of work on that! [1] Used this here [2].
Transforming with ICC profile will give you a result that might be closer to how a screen printer would turn your digital image into a four colour print, but more advanced screen printing workflows these days tend to use “rip” software that handles many layers (eg: 12 colors instead of 4) and stochastic screening [3] which produces quite different results than what most halftone shaders are doing.
This is an absolutely beautiful personal website. Go click around it, there's so many 'wow' moments. Go to the homepage (https://maximeheckel.com/) and then click 'about', the transition is :chefskiss:
The blog's design style reminds me a lot of Alex Harri's[1], who also does excellent work. I wonder if one influenced the other.
Edit: Oh the homepage has its inspirations actually listed. Harri isn't there.
"Application error: a client-side exception has occurred while loading maximeheckel.com (see the browser console for more information)." is an odd way to introduce yourself as a frontend developer though.
kccqzy 2 hours ago [-]
Yes! I bookmarked this site as soon as I saw the design and typography. It’s that good.
mdswanson 3 hours ago [-]
Fantastic article! I went down this same rabbit hole in 2011 and built a shader for my iOS app called "Halftone." It took the CMYK route and included factors like ink bleed, paper texture, etc. It was the whole reason for the app! Yet...I received constant e-mail from users who asked "how do I remove the dots?"
levmiseri 1 hours ago [-]
Stellar work. Combination of good design and good engineering really shines here.
This must have taken ages to produce. Thank you for it!
Rendered at 21:43:12 GMT+0000 (Coordinated Universal Time) with Vercel.
PS: worth mentioning the RGB to CMYK function credited to me is not my original work, I believe I got it off stack overflow or similar many years ago. A more robust way of doing this transformation would be with a color management system and profile, as it happens I’ve done a bit of work on that! [1] Used this here [2].
Transforming with ICC profile will give you a result that might be closer to how a screen printer would turn your digital image into a four colour print, but more advanced screen printing workflows these days tend to use “rip” software that handles many layers (eg: 12 colors instead of 4) and stochastic screening [3] which produces quite different results than what most halftone shaders are doing.
[1] https://github.com/mattdesl/lcms-wasm
[2] https://sierra.mattdesl.com/
[3] https://en.wikipedia.org/wiki/Stochastic_screening
The blog's design style reminds me a lot of Alex Harri's[1], who also does excellent work. I wonder if one influenced the other.
Edit: Oh the homepage has its inspirations actually listed. Harri isn't there.
1. https://alexharri.com/blog/planes
This must have taken ages to produce. Thank you for it!