Proposed design for www.ruby-lang.org

[jzimdars]

Please consider this my entry for the Ruby Association design contest to re-design ruby-lang.org (http://www.ruby.or.jp/en/news/20130924.html).

Highlights of this new design:

• Look and feel that is dignified and restrained, conveying Ruby's established, leading position in the open source software world
• New wider, more spacious layout and typography better suited to modern web browsing.
• Uses web fonts for increased personality and pleasant reading.
• Supports high resolution displays
• Employs responsive CSS layout that adapts to a wide range of device viewports with special affordances for tablets and phones.
• Tested and verified with modern desktop web browsers on Windows and OS X including Safari, Chrome, Firefox, and Microsoft Internet Explorer.
• Tested and verified with mobile web browsers including Mobile Safari, Chrome and stock Android on the following mobile platforms: iOS 7, iOS 6, Android 4.3, Android 2.3.6, and Windows Phone 7.5. Also specifically tested on Apple iPhone 5s, Apple iPhone 4, Google Nexus One, Google Nexus 4, Google Nexus 7, Apple iPad Mini, and Nokia Lumia 710.

This is a fully realized production-ready design that is completely implemented and works with all the existing ruby-lang.org content, features and languages. It is production-ready to the best of my personal ability, though it is possible there are cases and scenarios I've not accounted for. I'm happy to contribute additional design and compatibility work as-needed.

I hope that you enjoy this design as much as I've enjoyed making it. I use Ruby every day in my software design work and it's absolutely a joy to work with. I'm thrilled by the opportunity to contribute this design.

Attached are a few screenshots of the new design:

Home

Download

News

Typography detail

Japanese locale

iPad iOS 7

iPhone iOS 7

Nexus 4 Android 4.3

[goz]

cool +1

[hsbt]

@jzimdars Thanks for your application!

[satoryu]

Looks GREAT! 🍣 🍣 🍣

[take]

awesome 🎉

[anoldguy]

[johnwilliams]

🤘

[tumayun]

👍

[songjiayang]

👍 :

[yesmeck]

👍

[dabit]

👍

[duxins]

👍

[skandhas]

👍

[lsongdev]

👍

[postmodern]

Very clean.

[AndorChen]

like this. 👍

[hsbt]

@jzimdars

Thank you for submit to our competition. I announced to selection process.

• Selection committee is www-admin members and ruby/www.ruby-lang.org admins and Matz.
• Committee has 7 voting points.
• Committee can vote to same design up to 7 points.
• We’ll announce only winner.
• Winner is announced in RubyWorld Conference at 21 Nov.

[jzimdars]

Cool. Thanks @hsbt!

[fuadsaud]

looks good!

[hsbt]

@jzimdars Congratulation! you are winner of our competition. you got 29/63pts from selection committee.
We'll merge your design soon and add some fixes(i18n, RUBY to Ruby, and more...)

We appreciate to your proposal.

Thank you.

[fuadsaud]

YAY! 🎊 this was the best one!

[JuanitoFatas]

Congratulations! 👏 👏 👏

[goz]

Congrats @jzimdars 👏 👏

[anoldguy]

Way to go, JZ! 👍

[songjiayang]

really like .thanks .

[apardo]

Cool. Thanks.

[vipulnsward]

Congrats @jzimdars 👏👏
Amazing.

[toshimaru]

👏 @jzimdars

[mikaelcarrara]

Congratulations!

[jzimdars]

Thank you very much! Please let me know if I can help at all with any
issues that arise.

[ysei]

omedetou gozaimasu .
Nice code .

[ismailarilik]

@jzimdars thanks for this great design! How could I find the pickaxe icon in the pattern image? I think to use it for a project.