Added "Best of" page

Changes, updates etc. related to this website will be posted here.
Message
Author
User avatar
Andrew Lee
Posts: 2364
Joined: Sat Feb 04, 2006 9:19 am
Contact:

Added "Best of" page

#1 Post by Andrew Lee » Tue Feb 25, 2020 6:26 pm

As discussed in this topic, I have added a "Best of" page to summarize the results of the annual poll that webfork has conducted over the years. See if you can find it! :D

Specular
Posts: 418
Joined: Sun Feb 16, 2014 10:54 pm

Re: Added "Best of" page

#2 Post by Specular » Tue Feb 25, 2020 9:04 pm

Nice! Glad it shows also the list of contenders. Hopefully this prominence allows more users to become aware of it and take part next year.

Specular
Posts: 418
Joined: Sun Feb 16, 2014 10:54 pm

Re: Added "Best of" page

#3 Post by Specular » Wed Feb 26, 2020 1:42 am

Andrew Lee wrote:
Tue Feb 25, 2020 6:26 pm
.
Just noticed a small thing: the 2017 entries all have a quote character at the end of their URLs. Doesn't seem to affect returning the page but thought I'd mention it.

User avatar
Midas
Posts: 5343
Joined: Mon Dec 07, 2009 7:09 am
Location: Sol3

Re: Added "Best of" page

#4 Post by Midas » Wed Feb 26, 2020 6:38 am

Nice going. And a quick and easy way to value community input. :sunglasses:

Now if someone would sketch up an award sticker, I'm sure program devs would really appreciate that...

OT: Yhay! for my fifty-fifty post... :collision:

Specular
Posts: 418
Joined: Sun Feb 16, 2014 10:54 pm

Re: Added "Best of" page

#5 Post by Specular » Wed Feb 26, 2020 9:47 am

Midas wrote:
Wed Feb 26, 2020 6:38 am
Now if someone would sketch up an award sticker, I'm sure program devs would really appreciate that...
I'm not sure how many devs utilize award graphics these days but here are some ideas for consideration. First being for the winner, the second among the nominees.

Have them vectorized with editable year text so updating it as necessary would be maintainable. Dual-years such as 2018-19 would necessitate a smaller abbreviated year numbers but is doable. Wasn't sure what Andrew used for the pencil like effect so just left the sub-text as-is (which helps legibility at smaller scales anyway).

Example - best of.png
Example - best of.png (11.52 KiB) Viewed 10904 times
Example - top ten.png
Example - top ten.png (11.38 KiB) Viewed 10904 times

User avatar
Andrew Lee
Posts: 2364
Joined: Sat Feb 04, 2006 9:19 am
Contact:

Re: Added "Best of" page

#6 Post by Andrew Lee » Wed Feb 26, 2020 2:13 pm

Specular wrote:
Wed Feb 26, 2020 1:42 am
Just noticed a small thing: the 2017 entries all have a quote character at the end of their URLs. Doesn't seem to affect returning the page but thought I'd mention it.
Fixed. Thanks!

User avatar
Andrew Lee
Posts: 2364
Joined: Sat Feb 04, 2006 9:19 am
Contact:

Re: Added "Best of" page

#7 Post by Andrew Lee » Wed Feb 26, 2020 2:16 pm

Specular wrote:
Wed Feb 26, 2020 9:47 am
Have them vectorized with editable year text so updating it as necessary would be maintainable. Dual-years such as 2018-19 would necessitate a smaller abbreviated year numbers but is doable. Wasn't sure what Andrew used for the pencil like effect so just left the sub-text as-is (which helps legibility at smaller scales anyway).
They are great! Could you pls upload the SVG (or whatever vector format) for these so that I can update the years? Thanks!

Specular
Posts: 418
Joined: Sun Feb 16, 2014 10:54 pm

Re: Added "Best of" page

#8 Post by Specular » Thu Feb 27, 2020 12:28 am

Andrew Lee wrote:
Wed Feb 26, 2020 2:16 pm
They are great! Could you pls upload the SVG (or whatever vector format) for these so that I can update the years? Thanks!
Check PM for details. A GIF (click to play) of how to edit the label and year in a text editor, as described in the PM:

Example of how to hide or show the label and edit the year.gif

Some ideas of how the graphic could be alternatively styled either here or by a dev. The gradients below were added in an image editor after rasterization but PNGs could also be used as a CSS mask and styling added via CSS, on supported browsers.

Alternate styled examples.png
Alternate styled examples.png (15.35 KiB) Viewed 10484 times

.
Attachments
SVG.7z
(32.21 KiB) Downloaded 147 times

User avatar
Andrew Lee
Posts: 2364
Joined: Sat Feb 04, 2006 9:19 am
Contact:

Re: Added "Best of" page

#9 Post by Andrew Lee » Fri Feb 28, 2020 1:42 am

@Specular: Got your PM, and thanks for that! I am impressed by how much attention went into that graphic; I simply wouldn't have guessed if you didn't explain all of it to me.

I am also constantly surprised by the diverse pool of very talented people in our community. That's something we should all be proud of!

I will take the weekend to work out how best to incorporate the graphic into the page. We should all get to see it pretty soon.

User avatar
Andrew Lee
Posts: 2364
Joined: Sat Feb 04, 2006 9:19 am
Contact:

Re: Added "Best of" page

#10 Post by Andrew Lee » Sat Feb 29, 2020 2:27 am

I have updated the "Best of" page with the award stickies.

Comments/feedback welcome!

Specular
Posts: 418
Joined: Sun Feb 16, 2014 10:54 pm

Re: Added "Best of" page

#11 Post by Specular » Sat Feb 29, 2020 7:55 pm

Andrew Lee wrote:
Sat Feb 29, 2020 2:27 am
I have updated the "Best of" page with the award stickies.

Comments/feedback welcome!
Neat :) I notice the typeface for the year was changed, was there any problem you encountered with the steps or was it from wanting the different dual year style (ie: 'YYYY-YY') and not knowing how to change it that prompted it?

User avatar
Andrew Lee
Posts: 2364
Joined: Sat Feb 04, 2006 9:19 am
Contact:

Re: Added "Best of" page

#12 Post by Andrew Lee » Sun Mar 01, 2020 12:26 am

Specular wrote:
Sat Feb 29, 2020 7:55 pm
Neat :) I notice the typeface for the year was changed, was there any problem you encountered with the steps or was it from wanting the different dual year style (ie: 'YYYY-YY') and not knowing how to change it that prompted it?
No! I merely commented out the first bit that codes for the apostrophe, and change the offset slightly for the second:
<!-- <text y="10px" dy="0" transform="skewX(-11) scale(0.8 1.15)">
<tspan x="-1px" dy="0" dx="0">`</tspan>
</text> -->
<text y="-2px" dy="0" class="year-dual">
<tspan x="6px" dy="0" dx="0 -1 1 -1 -1">2018-19</tspan>
</text>
Also installed the TTF. Nothing else changed. What do you think I missed?

Inkscape screenshot attached.
Attachments
inkscape.png

Specular
Posts: 418
Joined: Sun Feb 16, 2014 10:54 pm

Re: Added "Best of" page

#13 Post by Specular » Sun Mar 01, 2020 3:10 am

Andrew Lee wrote:
Sun Mar 01, 2020 12:26 am
No! I merely commented out the first bit that codes for the apostrophe, and change the offset slightly for the second:

Also installed the TTF. Nothing else changed. What do you think I missed?

Inkscape screenshot attached.
Hmm, how odd since the font-family defined in the CSS within the SVG is properly detected on my Inkscape install (granted I used an older 0.91 version I happened to have still installed). Appears Arial is being used as a fallback rather than Verdana (the regular version of which I set in the CSS as a fallback).

Could check while the SVG is open in Inkscape using the Text tool, with the year text highlighted, whether the 'Extra Bold' version appears in the font list in the upper left drop-down. If it does it'd be possible to manually change the text to it from that same drop-down.

That said, I've attached all the generated PNGs with the original font and with the filenames you used for convenience. Included both the YYYY-YY and 'YY-YY formats for comparison. If need be I don't mind if I'm the person responsible to generate them each year, just let me know.
Attachments
PNGs.zip
(134.2 KiB) Downloaded 148 times

User avatar
webfork
Posts: 9259
Joined: Wed Apr 11, 2007 8:06 pm
Location: US, Texas
Contact:

Re: Added "Best of" page

#14 Post by webfork » Sun Mar 01, 2020 5:58 pm

Andrew Lee wrote:
Tue Feb 25, 2020 6:26 pm
As discussed in this topic, I have added a "Best of" page to summarize the results of the annual poll that webfork has conducted over the years. See if you can find it! :D
That's really nice, thanks Andrew :)
Specular wrote:
Wed Feb 26, 2020 9:47 am
Andrew Lee wrote:
Wed Feb 26, 2020 2:16 pm
Wasn't sure what Andrew used for the pencil like effect so just left the sub-text as-is (which helps legibility at smaller scales anyway).
They are great!
Agreed, these are fantastic. As are the alternate (gold and silver) versions. I never even considered putting together a graphic for this.

Specular
Posts: 418
Joined: Sun Feb 16, 2014 10:54 pm

Re: Added "Best of" page

#15 Post by Specular » Sun Mar 01, 2020 6:30 pm

webfork wrote:
Sun Mar 01, 2020 5:58 pm
Agreed, these are fantastic. As are the alternate (gold and silver) versions. I never even considered putting together a graphic for this.
Put together a zip of the gold/silver variants while I'm at it. Exported via Photoshop which made it quicker so didn't take long :)
Attachments
Gold-silver-variants.zip
(196.69 KiB) Downloaded 129 times

Post Reply