VeltronNET/n3dsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
4 commits 1 branch 0 tags 1.8 MiB
  • JavaScript 53.1%
  • HTML 33.1%
  • CSS 13.8%
Find a file
Exact
simbas 89b9f28933 change the way the background property is changed + minor fixes
2012-10-19 08:44:31 +02:00
css change the way the background property is changed + minor fixes 2012-10-19 08:44:31 +02:00
img adding new images + default image 2012-10-18 23:42:52 +02:00
js change the way the background property is changed + minor fixes 2012-10-19 08:44:31 +02:00
.gitignore initial commit 2012-10-18 09:44:25 +02:00
index.html change the way the background property is changed + minor fixes 2012-10-19 08:44:31 +02:00
README.md change the way the background property is changed + minor fixes 2012-10-19 08:44:31 +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

Maybe will be avaible as a library/boilterplate to reuse to make 3DS gallery sites.

Credits