Thinking of reproducing the Guardian website...

Discuss the Bugsite games here.
RacieB
Posts: 871
Joined: Thu Dec 28, 2006 4:27 am

Re: Thinking of reproducing the Guardian website...

Post by RacieB »

Oooh, nice! =) I figured the tiny ones were meant to match the small screen but then they're supposed to be set in the future anyway..
User avatar
andwhyisit
Site Admin
Posts: 1190
Joined: Fri Dec 14, 2007 9:24 pm

Re: Thinking of reproducing the Guardian website...

Post by andwhyisit »

The size was more to do with a lack of content than anything else.

The FE site:
http://www.cavestory.org/andwhyis/guardian/fe/
DaVince
Posts: 112
Joined: Sat Dec 28, 2013 8:10 am

Re: Thinking of reproducing the Guardian website...

Post by DaVince »

These look great so far!

Looking at the source, it's quite clean, but full of divs. You can break that up and add a more clear distinction by using HTML5's semantic elements. Tags like <header>, <footer>, <main>, <nav> and <section> are useful for breaking up the content in a more meaningful way, both when looking at the source and for search engines to process.

(Btw, aside is used wrong on the page I linked. An aside is side/meta content for specific articles, like a quote or picture. My own site can give you an idea of how these semantic tags are used.)
User avatar
andwhyisit
Site Admin
Posts: 1190
Joined: Fri Dec 14, 2007 9:24 pm

Re: Thinking of reproducing the Guardian website...

Post by andwhyisit »

Yes, I am aware of the elements in question, I just don't use them.

Here's why:
http://www.webdesignerdepot.com/2013/01/the-harsh-truth-about-html5s-structural-semantics-part-1/
http://www.webdesignerdepot.com/2013/01/the-harsh-truth-about-html5s-structural-semantics-part-2/
http://www.webdesignerdepot.com/2013/01/the-harsh-truth-about-html5s-structural-semantics-part-3/

Regardless I've added some aria roles, and have converted the FE bug list into a definition list (dl, dt, and dd tags).
User avatar
andwhyisit
Site Admin
Posts: 1190
Joined: Fri Dec 14, 2007 9:24 pm

Re: Thinking of reproducing the Guardian website...

Post by andwhyisit »

The Sting site is now refurbished:
http://www.cavestory.org/andwhyis/guardian/sting/

Anyone got any ideas as to what domain name I should use for these when they are all done?
User avatar
andwhyisit
Site Admin
Posts: 1190
Joined: Fri Dec 14, 2007 9:24 pm

Re: Thinking of reproducing the Guardian website...

Post by andwhyisit »

New link guys, this time a more permanent one:
http://www.bugsiteguardian.com/

Oh and Ruger has been remade and...

Jank has been made for the first time! Woo!

Take a look at 161 from the Jank site and feel my pain from when I tried to make it work on a charcoal background.

Only a remake of Tahiro left to go.

EDIT: Tahiro is done.
RacieB
Posts: 871
Joined: Thu Dec 28, 2006 4:27 am

Re: Thinking of reproducing the Guardian website...

Post by RacieB »

NICE! Aww, no comic sans on Jank logo though? It's canon xD
User avatar
andwhyisit
Site Admin
Posts: 1190
Joined: Fri Dec 14, 2007 9:24 pm

Re: Thinking of reproducing the Guardian website...

Post by andwhyisit »

The Jank Logo is now in Comic Sans. Also I've added favicons to every site.

Oh, and I may not have mentioned this, but the sites can be sized down to Gameboy resolution and still look good.
RacieB
Posts: 871
Joined: Thu Dec 28, 2006 4:27 am

Re: Thinking of reproducing the Guardian website...

Post by RacieB »

This is soooo awesome, damn we need to link it on telefang.net
Post Reply