Diablo® III

Profile viewer


Just wanted to let you know it's i've made a profile viewer for your heroes. You can find it at http://nickgoris.github.com/El-Diablo/ or you can append your battle.net id like so: http://nickgoris.github.com/El-Diablo/#facerip-2904

It's basicly a pure javascript application (written in coffeescript and compiled as javascript). It should be responsive but I haven't fully tested that.

It's hosted on GitHub so you can fork or watch it over here: https://github.com/nickgoris/El-Diablo
Reply Quote
Web & Mobile Team
Thanks for sharing!
Reply Quote
Very nice... I like how it shows resists and misc stats.
Reply Quote
Lovely site, extreemly simple and the layout could use some work :)
Reply Quote
24 Gnome Priest
This is a great site, thanks for putting it up
Edited by Purr#1478 on 9/8/2012 3:59 PM PDT
Reply Quote
Clean and fluid. I especially like the character levels embedded into the main buttons. Its a very nice look :)
Reply Quote
Thanks for the comments. I know the layout still needs some more love and if there are some ideas on how i can improve it, just let me know :)
Reply Quote
Your latest version doen't work for me.
I tried your initial code (I downloaded it as a zip) and that one still works!
I really like this profile viewer, great work.

What I would like to see added (feature request):
-Printable version with items and core stats
-Type of item (i.e. helm, chest, boots,...)

(I like to compare my heroes to see if I move items around I get a better hero.)
Reply Quote
This is very nice, Keep up the good work!
Reply Quote
I have been fighting with this the past couple hours and just realized that it was working all along, but everything under the top banner was/is blank until I hover over them and found my heroes. Even after finding them they would disappear again.

Keep in mind I am using FireFox, I have not tried it on anything else yet.

I did tracked it down to a CSS entry for '.hero a' line 'overflow: hidden;' after commenting it out it now displays everything. Thanks Nick Goris for your work. I am playing with the layout I will post it when I get done.

.hero a {
border: 1px solid #dddddd;
padding: 7px 19px;
-webkit-background-clip: padding-box;
/* fix WebKit background bleed on border-radius */

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
position: relative;
/* overflow: hidden;*/
Reply Quote
+1 for coffeescript!
Reply Quote

Please report any Code of Conduct violations, including:

Threats of violence. We take these seriously and will alert the proper authorities.

Posts containing personal information about other players. This includes physical addresses, e-mail addresses, phone numbers, and inappropriate photos and/or videos.

Harassing or discriminatory language. This will not be tolerated.

Forums Code of Conduct

Report Post # written by

Explain (256 characters max)
Submit Cancel