Live data from Hacker News

Ruby website redesigned

ruby-lang.org

41–50 of 224 posts

Re: Ruby website redesigned

#41
post #31
post #24

Earlier quoted context omitted.

The site is for developers and most of the rare species are developers. The designer fail to target their audience.

Ruby is not targeting those kind of developers though. It's C/C++ developers that typically prefer a no-fluff approach.

As polyglot developer, I am also for a no-fluff approach and vanilajs for the win.

One of the reasons Next.js is attractive to me, is exactly they have rediscovered why so many of us have stayed with SSR.

Re: Ruby website redesigned

#43
I like the new design, however, I strongly believe the website could've been optimized further and used much less JS. Opening the website with JS turned off makes the code examples not load and the front page freezes as "0%" loading.

What does it do exactly? It just fetches[1] to another part of site and retrieves static text[2] to be displayed. This part could've been kept as part of the html, no need for this artificial loading. It's not a webapp, it's a website.

1. https://www.ruby-lang.org/javascripts/try-ruby-examples.js

2. https://www.ruby-lang.org/en/examples/i_love_ruby

In this day and age, it is possible to have an appealing, responsive, lightweight website with no JS (maybe except for darkmode toggle).

Re: Ruby website redesigned

#45
post #34

I like how it looks. I don't like to see how badly it is crafted tech-wise - not optimized images by size and deferring, JS for things that work natively in the browser, bloat of tailwind instead of nice clean and modern CSS. Knowing ruby I can tell that the relaxed approach to the website does not correspond with sophistication in the language itself. If I wouldn't know ruby, that would be a put off for me, thinking…

> not optimized images by size and deferring, JS for things that work natively in the browser, bloat of tailwind instead of nice clean and modern CSS. care to elaborate?

Sure:

- images: none are visible above the fold - all should be lazy loaded (like it is done with all conference images) and the pragdave.jpeg one does not need to be that large;

- JS: navigation toggle, including chevron rotation can be done in CSS using :has combined with checkbox/radio input. Similarly for header-navigation and theme-toggle (here combined with cookie store). Then toc.js - seems like something easy to do in the backend. Hero-animation - I haven't looked much through it but seems like at least some parts can be done in CSS;

- CSS/tailwind - well it would probably take less typing to do it just in CSS, the site does not seem to be that much componentized to benefit from tailwind.

Re: Ruby website redesigned

#46

So many Web designers put zero thought into how their page looks when it is not loaded or not scrolled exactly past the trigger. So many sites say "0 happy customers", because someone thought showing incrementing numbers is cool. On this page, it opens up with a "100%" loading indicator, for a site that appears to have no interactivity that would require JS, just to show a pointless animation.

I really like the 90s-esque aesthetic of sites like HN.

Low bandwidth, minimal in an artistic way.

I wish less sites would try to make them look like a wordpress from the early twenty aughts.

Re: Ruby website redesigned

#48
post #41
post #31

Earlier quoted context omitted.

Ruby is not targeting those kind of developers though. It's C/C++ developers that typically prefer a no-fluff approach.

As polyglot developer, I am also for a no-fluff approach and vanilajs for the win. One of the reasons Next.js is attractive to me, is exactly they have rediscovered why so many of us have stayed with SSR.

> no-fluff … Next.js

Hmm. We can agree to disagree on the definition of fluff.

Re: Ruby website redesigned

#49
post #45

Earlier quoted context omitted.

> not optimized images by size and deferring, JS for things that work natively in the browser, bloat of tailwind instead of nice clean and modern CSS. care to elaborate?

Sure: - images: none are visible above the fold - all should be lazy loaded (like it is done with all conference images) and the pragdave.jpeg one does not need to be that large; - JS: navigation toggle, including chevron rotation can be done in CSS using :has combined with checkbox/radio input. Similarly for header-navigation and theme-toggle (here combined with cookie store). Then toc.js - seems like something easy…

> Similarly for header-navigation and theme-toggle

The theme toggle has three states. How do you model this with a checkbox?

Re: Ruby website redesigned

#50

So many Web designers put zero thought into how their page looks when it is not loaded or not scrolled exactly past the trigger. So many sites say "0 happy customers", because someone thought showing incrementing numbers is cool. On this page, it opens up with a "100%" loading indicator, for a site that appears to have no interactivity that would require JS, just to show a pointless animation.

[deleted]
Post reply on HN