Designer News
Where the design community meets.
Designer & Front-end Developer Joined about 8 years ago
+1 for FastMail!
Incredible work!! What software did you use to map the shades of colour along the lightness, chroma, and hue graph? It looks like a custom Stripe interface.
Is the Stripe design system publically available? You all do such great work!
Finally, why is mid-Orange on a white background always rated so low when using a contrast checker?
Ha. Ha.
Left aligned like the YouTube layout 5 years ago? Or left aligned compared to a second column?
I tweaked it a bit last night to have a relatively higher density. Hacker News has an incredibly dense layout with 9px fonts, tiny touch targets (none worse than the comment up vote arrow on DN), and long stretches of text.
I've been using HN for a few years now and the density also causes me to skim and miss a lot of interesting stories. Having a breathable post that is more akin to product hunt, Facebook, or Reddit has helped me to explore more content. This is my experience while I have been using it for the past couple weeks.
Nice work!
Jekyll is pretty great but if there are a ton of articles or posts, Hugo (https://gohugo.io/) is much more performant than Jekyll which uses Ruby instead of Go.
Alternatively, you should definitely look into Craft CMS (https://craftcms.com/) which is incredible for managing content and is extremely flexible. I've helped to build Craft sites that were deployed to 1 million unique users per month with 100s of pages of content. It is a far better developer and authoring experience than Wordpress.
Static site generators are great and lightning fast, however, the author needs to have some knowledge with markdown or coding to deploy content and it can be a slower, less flexible setup than using a CMS.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Ruby or python are very beginner-friendly. Codecademy is a great place to learn https://www.codecademy.com/