recent curated

news posts

 

d:r Feeds

Coding a Pixel-Style Video Game Fansite in HTML5/CSS3 permalink

Source: vandelaydesign.com

Steven Snell / (0) / posted 10 months ago / flag this / read more

There are not as many newer gaming fansites which utilize the power of HTML5 and CSS3 techniques. Some of the more popular gaming titles such as Final Fantasy and Kingdom Hearts have a devoted following. A large fan base will accompany forums and other online message boards - but this isn't always the most successful CMS solution. In this tutorial I want to demonstrate how we can build a simple retro Pokemon fansite layout using some newer CSS3 tricks. To keep the template fairly simple I haven't included any extra jQuery effects. Although admittedly there is plenty of room for such a system of dropdown menus or sliding panels on the home page. Additionally I've included a few sprite resources ripped from the first 2 generation games. Coding a Pixel-Style Video Game Fansite in HTML5/CSS3

Add your dialogue below. Simple html (‹b›‹i›‹em›‹strong›) is OK, but make sure to preview your comment first! Oh, and please be nice!


 

related content

News posts

 

Coding a Pixel-Style Video Game Fansite in HTML5/CSS3

 
 

Video: Video Art Thinks Big: That’s Showbiz

 
 

De Anima Game Concept

 
 

Video: "Immersion" in video-games

 
 

How To Build a Mobile Detail List Webapp in HTML5/CSS3

 
 

KRAZY!

 
 

Monday, Monday

 
 

Improve Child’s Brain Power Using iOS Kids Apps

 
 

Firm Faces #2, Version 2

 
 

???E.T.??? video game lacked higher intelligence

 
 

Will video games ever truly go episodic?

 
 

Good Websites have Good Content

 
 

2007 Daily Year in Review

 
 

Monday, Monday

 
 

“Is Obama a Mac and Clinton a PC?”

 
 
 

Projects

 
Portrait Of A Plumber In The Third Dimension

Portrait Of A Plumber In The Third Dimension

 
 
Grand Prix Challenge

Grand Prix Challenge

 
 
Cook Wars Logo Concepts

Cook Wars Logo Concepts

 
 
Guitar Hero Smash Hits

Guitar Hero Smash Hits

 
 
APB Logo

APB Logo

 
 
Spiderwick Chronicles Video Game Comps

Spiderwick Chronicles Video Game Comps

 
 
Story Reader Video +

Story Reader Video +

 
 
Black Eyed Peas Experience

Black Eyed Peas Experience

 
 
OCRemix CD

OCRemix CD

 
 
pulsE magazine

pulsE magazine

 
 
Sega Forever

Sega Forever

 
 
Taking a Profile Picture

Taking a Profile Picture

 
 
flash adventure game

flash adventure game

 
 
Neave.tv

Neave.tv

 
 
NerdCamp Clan

NerdCamp Clan

 
 
 

Inspirations

 
Starhawk E3 Trailer by Imaginary Forces

Starhawk E3 Trailer by Imaginary Forces

 
 
1958 American Style

1958 American Style

 
 
Ni no Kuni for Nintendo DS, Animation by Studio Ghibli

Ni no Kuni for Nintendo DS, Animation by Studio Ghibli

 
 
A Short Visual History of Video Games

A Short Visual History of Video Games

 
 
Super Paper Mario on the Wii

Super Paper Mario on the Wii

 
 
Moleskine + Pac-Man 30th Anniversary collection

Moleskine + Pac-Man 30th Anniversary collection

 
 
Music Video Director Playlist: Spike Jonze

Music Video Director Playlist: Spike Jonze

 
 
Neil Gaiman & Henry Selick's 3-D Animated Coraline

Neil Gaiman & Henry Selick's 3-D Animated Coraline

 
 
The Muppets intersect pop culture

The Muppets intersect pop culture

 
 
Royksopp + A Tried And Tested Method

Royksopp + A Tried And Tested Method

 
 
Art of Ashley Wood

Art of Ashley Wood

 
 
Polaroid Film Animation Music Video, Breathe Me

Polaroid Film Animation Music Video, Breathe Me

 
 
Gary Hill

Gary Hill

 
 
Director Samuel Fuller

Director Samuel Fuller

 
 
Obama's Loss Traced to Me. Don't Forget to Vote!

Obama's Loss Traced to Me. Don't Forget to Vote!