Thinking of reproducing the Guardian website...
Re: Thinking of reproducing the Guardian website...
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..
- andwhyisit
- Site Admin
- Posts: 1197
- Joined: Fri Dec 14, 2007 9:24 pm
Re: Thinking of reproducing the Guardian website...
The size was more to do with a lack of content than anything else.
The FE site:
http://www.cavestory.org/andwhyis/guardian/fe/
The FE site:
http://www.cavestory.org/andwhyis/guardian/fe/
Re: Thinking of reproducing the Guardian website...
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.)
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.)
- andwhyisit
- Site Admin
- Posts: 1197
- Joined: Fri Dec 14, 2007 9:24 pm
Re: Thinking of reproducing the Guardian website...
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).
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).
- andwhyisit
- Site Admin
- Posts: 1197
- Joined: Fri Dec 14, 2007 9:24 pm
Re: Thinking of reproducing the Guardian website...
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?
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?
- andwhyisit
- Site Admin
- Posts: 1197
- Joined: Fri Dec 14, 2007 9:24 pm
Re: Thinking of reproducing the Guardian website...
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.
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.
EDIT: Tahiro is done.
Re: Thinking of reproducing the Guardian website...
NICE! Aww, no comic sans on Jank logo though? It's canon xD
- andwhyisit
- Site Admin
- Posts: 1197
- Joined: Fri Dec 14, 2007 9:24 pm
Re: Thinking of reproducing the Guardian website...
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.
Oh, and I may not have mentioned this, but the sites can be sized down to Gameboy resolution and still look good.
Re: Thinking of reproducing the Guardian website...
This is soooo awesome, damn we need to link it on telefang.net