Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Ruby website redesigned

ruby-lang.org

Post reply on HN
Print view View original

11–20 of 224 posts

Re: Ruby website redesigned

#11

Post by sixtyj »

troupo wrote: post #6

So, in order to show a single download link it needs to load an animation with visible loading progress even on a gigabit connection. It takes a few seconds to appear. All to show a scaling animation that can be achieved with a couple of lines of CSS. Same for absolutely static code examples that take a few seconds to load and shift the content away. Why?

You are a rare species, on the verge of extinction.

Unfortunately, most people today probably don't care about what you're talking about. (I do, but I've decided not to comment on it anymore, because it would probably drive me crazy :)

Re: Ruby website redesigned

#12

Post by timeon »

troupo wrote: post #6

So, in order to show a single download link it needs to load an animation with visible loading progress even on a gigabit connection. It takes a few seconds to appear. All to show a scaling animation that can be achieved with a couple of lines of CSS. Same for absolutely static code examples that take a few seconds to load and shift the content away. Why?

> couple of lines of CSS

This is bit too much to ask. Just check the source it is swollen with Tailwind.

Re: Ruby website redesigned

#14

Post by troupo »

timeon wrote: post #12
troupo wrote: post #6

So, in order to show a single download link it needs to load an animation with visible loading progress even on a gigabit connection. It takes a few seconds to appear. All to show a scaling animation that can be achieved with a couple of lines of CSS. Same for absolutely static code examples that take a few seconds to load and shift the content away. Why?

> couple of lines of CSS This is bit too much to ask. Just check the source it is swollen with Tailwind.

Tailwind maps directly to CSS (well, it is pure CSS) and doesn't require a loading progress for a one-line animation: https://tailwindcss.com/docs/animation

Re: Ruby website redesigned

#15

Post by timeon »

troupo wrote: post #14
timeon wrote: post #12

Earlier quoted context omitted.

> couple of lines of CSS This is bit too much to ask. Just check the source it is swollen with Tailwind.

Tailwind maps directly to CSS (well, it is pure CSS) and doesn't require a loading progress for a one-line animation: https://tailwindcss.com/docs/animation

Sure but if someones duplicates 50x this:

> flex-shrink-0 transition-transform duration-300 hover:scale-105 w-[160px] h-[144px] 2xl:w-[200px] 2xl:h-[180px]

just to avoid CSS, not sure they would bother with CSS animation.

Re: Ruby website redesigned

#16

Post by continuational »

Not long ago I was looking through programming language sites to figure out how to best introduce the language I'm working on.

ruby-lang.com stood out with a text in a big font:

Ruby is...

Followed by a paragraph about what makes Ruby special. I think that was an exceptionally simple and natural way of introducing something as complex as a programming language.

Re: Ruby website redesigned

#19

Post by ifndbdb »

wow that loads slow

I like the design and content. Being able to immediately try a language online is huge

But there has to be a way to load that content in a progressive manner. Loading a static version first and then hydrating the content if you need interactive actions

Re: Ruby website redesigned

#20

Post by Kwpolska »

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.
Post reply on HN