VeltronNET/n3dsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
2 commits 1 branch 0 tags 1.8 MiB
  • JavaScript 53.1%
  • HTML 33.1%
  • CSS 13.8%
Find a file
simbas b7a5823f5e adding new images + some js improvement + readme
2012-10-18 23:40:35 +02:00
css adding new images + some js improvement + readme 2012-10-18 23:40:35 +02:00
img initial commit 2012-10-18 09:44:25 +02:00
js adding new images + some js improvement + readme 2012-10-18 23:40:35 +02:00
.gitignore initial commit 2012-10-18 09:44:25 +02:00
index.html adding new images + some js improvement + readme 2012-10-18 23:40:35 +02:00
README.md adding new images + some js improvement + readme 2012-10-18 23:40:35 +02:00

README.md

Optimized website for nintendo 3DS

simbas.github.com/n3dsite

Example of an optimized website for nintendo 3DS :

  • Dual screen
  • D-Pad
  • Touchless navigation
  • 3D images

JavaScript

  • Vanilla JS
  • Based on focus/blur events
  • Use scrollTo() to prevent the user from scrolling
  • Selecting anchors via the CSS3 selector a[href$='.mpo']

CSS

  • Top screen is 400x220px
  • Bottom screen is 320x212px
  • Use background property to preview the 3D images

More

The background image is changed via setting class on top screen div but the background image property can be changed via JavaScript.

Credits