Skip to Content


Gallery / Ruby on Rails« previous | next »

Ruby on Rails image

Ruby on Rails

Current rating: 5.7 (485 votes)

(you have already voted for this entry)

  • Added: 10 July 2005

Review:

This site doesn't have the drop shadows, faux columns, sliding door tabs, sprite-based menus, wicked worn textures, background patterns, sIFR or other hi-fi tidbits that have become the norm these days -- and I'm glad for that. It's nice to mix things up a little.

This is a wonderfully-executed site. I feel good whenever I come here (which is increasingly often), because it's such a refreshing change from the bandwidth-heavy hi-fi sites that I usually read these days. It's light, it's agile, it's easy to navigate.

Perhaps its strongest feature is that the design is attractive but it stays out of the way. It doesn't jump in front of you while you're trying to read something. It's just there in the background, supporting the content.

Minimalism is coming back to CSS design. We went through it once, years ago, but that was because we didn't know how to do much else with CSS, and many early adopters of CSS weren't actual designers.

Now, however, there seems to be a wave of talented designers who are launching sites that are lo-fi by choice. The key difference between these and the "Blue Robot"-era CSS sites is that the minimalism is about restrained design, not the absence of design.

There are a few quirks in this particular site that they could probably do without: a couple of small layout tables that don't seem to be structurally valid (i.e., not tabular data), and even an iframe (come on guys -- you of all people should be able to do that server-side).

Overall, though, the code is valid and generally conforms to current best practices. The design is aesthetically-pleasing and supports the content effectively, and the site is well-organized and easy to read.

No, it doesn't have all the heavily-imitated, whizbang CSS tricks that many other sites do, but that doesn't prevent it from being well a well-designed, well-implemented, standards-compliant, CSS-based website, and it deserves to be featured as such.

Reviewed by James Archer

There are 14 guest comments so far.

commentat 11:18 on 10 July 2005, Matt Robin wrote:

Return of the 'low-fi' CSS approach...(or is it that the designers couldn't do anything better? Being cynical there!)

I agree James - this is a refreshing alternative to some of the mainstream CSS on the web right now, and I like the way it still makes good use of colours and web standards.

Personally, I feel the flow-diagram on the 'about' page would have looked better near the top of the page - and the text content in the centre of the page is slightly at odds with the look of the content in the head/top of the page. This minimalism might be making a comeback (as you put it James) - but it's lack of an arresting design could also be its biggest failing though because several minutes later and I'm already forgetting it already! The flow-diagram and the logo are the most memorable features...the rest...mmm, what is it they do again? Oh yes, server-side web-dev stuff (congrats - you'll always be in demand!)...well done :)

This site has been made to a high level, score: 8

commentat 18:43 on 10 July 2005, Kristopher wrote:

This site isn't that good. It's broken in Safari and doesn't have enough color beyond the ugly yellow header (other than "restricted" color).

There are MANY more better minimalism-based sites out there that have probably been submitted, which is making me scratch my head and asking, "Why feature this one?"

commentat 22:05 on 10 July 2005, Glen C. wrote:

I think this site is really nice but could do with more color beyond the header.

commentat 22:08 on 10 July 2005, Mike Rundle wrote:

The leading is all screwed up in the header .... and the padding between the two lines of text is goofed as well. Small touches could have made this site a lot better.

The logo is mad cool though, gotta give props where they're due.

commentat 05:18 on 11 July 2005, dmr wrote:

I've tried to understand Rails, and even Ruby, and I was really hoping a lite and attractive (somewhat) site like this would lead me in the way; unfortunately I'm lost in the intro jargon. I'm not sure what a full-stack framework is and I don't need another geek acronym (AGA) like don't repeat yourself (DRY, ha—cute.) The site should have no problem putting things in human terms (David of 37signals certainly knows how), but as a novice, even one who's trying very hard to grasp the concepts, it's still too abstract with nerdery and jargon; something the site should strive to avoid (at least in some 'Ruby and Rails for the uninitiated' section, perhaps as a link on the home page?)

A non-geek flow chart is in order, sans the CRUDs, active record and action view terms, which are meaningless to the uninitiated. If the site expects to turn some non-nerds into followers they're gonna need to try much harder.

commentat 08:58 on 11 July 2005, Adrian Agafitei wrote:

The site looks good from my point of views especially that they don't do web design but they develop a framework for web applications. And as for the framework I think is great not as for the language used ( Ruby - which I think is pretty hard to understand for a novice) but as for the features and for the great community around it.

Keep up the good work and we will wait to see new AJAX stuff implemented into rails.

commentat 10:36 on 11 July 2005, Bryan Veloso wrote:

I have to agree with DMR in that I expected something more human out of the content of this site. I too am interested in learning Rails, and being a complete noob at programming, I was hoping to see a "37better" style site, very straightforward and to the point. However I can't even find any sort of beginners guide without digging.

I have no problem with the design itself (it's no surprise coming from these guys), but when it comes to 37signals, I expect more in the realm of human-friendly content.

commentat 12:36 on 11 July 2005, Jakob S wrote:

Thanks for the addition and for the comments, guys. I suspect we might be revising the frontpage at least in preparation for the v1.0 launch to address some of the concerns voiced here. It is indeed not as friendly as it could be.

The iframe in the website is our way of getting around trying to tie a multitude of applications in different languages and with different templating styles together while still being able to not repeat ourselves. Loading a single HTML document into the header using an iframe allows us to do this. It still pains me it's there but it works.

Kristopher: I can't seem to find any brokenness in Safari. Where exactly do you see this?

commentat 12:52 on 11 July 2005, Virginia wrote:

The design of the site is appropriately simple - not every site needs to be overflowing with aqua deliciousness. The thing that surprises me, given that this is a 37signals project (I think?), is that the content is pretty impenetrable, even for a moderate nerd. And to be an arse, I think that the site uses tables to display non-tabular data. But I guess it's a Transitional layout, so maybe that's okay.

commentat 16:10 on 11 July 2005, Mike wrote:

Well to be fair, this site's goal isn't to teach newbies how to use Ruby, it's how to teach hardcore Ruby people to use this framework. Ruby on Rails is NOT a new programming language, it's an application framework built on top of Ruby.

The analogy is similar to if you find a really good crypto library full of routines for C — the website for the code probably wouldn't have tutorials on C, but would assume you have a good understanding of the language before attempting to write crypto with it.

That being said, I suck at Ruby and the syntax boggles me haha.

commentat 23:22 on 11 July 2005, James Archer wrote:

In case anyone's wondering about the difference between the screenshot and the actual site, that's just the fast moving nature of the web -- Mike (above) took the initiative to tweak the header based on his comments, and the RoR guys liked it and implemented it. Quick turnaround!

commentat 01:54 on 12 July 2005, riccardo wrote:

Props for the tweak since for me the header looks much better now.

For the rest, I think it's a nice lightweight site that serves its purpose reasonably well, but I guess if it's worth a mention on stylegala per se.

My opinion is that this site is underdesigned, in terms of layout grids, typographic treatment, information architecture and navigation schemes.

If it's cited to demonstrate the point that "underdesigned" is better than "decorated", I'm all with it.

Mere "decoration" does no good, except for wow factor, to any design work, and especially in web design, where it consumes bandwidth and creates unnecessary functional complications, as pointed out in the review.

But the point is that design is not decoration, and I think there's much more about good design than avoiding eye candy.

commentat 11:50 on 12 July 2005, kevadamson wrote:

If you are going to 'go minimal' with a site, then how you layout your content needs to be absolutely spot on.

Unfortunatley, this site does not get it right - the composition does not sit pleasingly on the page, the left column is way to narrow when you consider the content, the right column, especially on the home page, looks too low because of the extra space the logo has created.

I would hardly regard the logo as being particularly minimal and in keeping with the page (although, as a stand alone logo, I think it is ok)

I'm sure what they do is very clever - this site isn't though. You can get a wow factor from keeping things minimal, but only if you get the subtleties right and use 'white' space super-intelligently.

commentat 21:57 on 12 July 2005, David Heinemeier wrote:

Hey guys. Thanks a bunch for the feedback. Especially to Mike for redesigned the header. We'd *love* to see more of that. After all, we're mostly a bunch of programmers who can only hope to imitate good design.

If any of you guys would like to "show us how it's done", we're more than willing to play along. With code we get patches from people all the time that would like to tweak something or add something. I'd very much like to see the same thing happening to the design of the site.

Thanks again for the critique.


Gallery by month:

Gallery by rating:

Gallery All Stars:

Comments / recent

About dan friml: The layout is good and also cplors are pretty.... [more]

About dan friml: looks like photoshop barfed on a canvas. The way h... [more]

About dan friml: Bellissima l'immagine relativa al logo di Artworks... [more]

About dan friml: Overall a nice looking site. Two points of improve... [more]

About dan friml: This design definitely brings something to the tab... [more]


Search

Features

Stylegala BookStore
The Stylegala BookStore has a massive archive of great books for you as a professional..
Bullet madness
Bullet madness is a list of 200 bullets, arrows and icons uploaded by our users.
CSS Reference
An alphabetical list over the most common CSS1 and CSS2 syntax and properties.

Sponsors

Logo design for $149

Advertise here