DSiBrew - User contributions [en]

Nintendo DSi Browser

2016-11-19T23:22:32Z

Jsa005: Removed my dead Nintrigue website and replaced it with DSiPaint in the viewport tag section

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://dsipaint.com DSiPaint].

=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
window.onload=function

=== Key Codes ===

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, you can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script type="text/javascript">document.body.scrollTop = 176;</script>

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<html>
<head>
<meta name="viewport" content="width=240" />
<style type="text/css">
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript.

== Example Sites ==

* [http://dsipaint.com DSiPaint]
* [https://socialcu.be SocialCu.be]
* [http://www.dsicade.com DSiCade]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2013-07-27T09:04:43Z

Jsa005: /* Example Sites */

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://jsa005.host-ed.me/ntrg/ Nintrigue].

=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
window.onload=function

=== Key Codes ===

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, you can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script type="text/javascript">document.body.scrollTop = 176;</script>

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<html>
<head>
<meta name="viewport" content="width=240" />
<style type="text/css">
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript.

== Example Sites ==

* [http://dsipaint.com DSiPaint]
* [https://socialcu.be SocialCu.be]
* [http://jsa005.host-ed.me/ntrg/ Nintrigue]
* [http://www.dsicade.com DSiCade]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2013-07-27T09:02:15Z

Jsa005: /* Vertical mode */

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://jsa005.host-ed.me/ntrg/ Nintrigue].

=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
window.onload=function

=== Key Codes ===

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, you can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script type="text/javascript">document.body.scrollTop = 176;</script>

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<html>
<head>
<meta name="viewport" content="width=240" />
<style type="text/css">
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript.

== Example Sites ==

[https://socialcu.be SocialCu.be]
* [http://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

User:Jsa005

2013-02-16T11:04:02Z

Jsa005: Created page with "Hello. I am the epic jsa005. Creator of the epic website [http://www.jsivi.uni.me/ JSiVi]. I assume you want to know more about my epic self, so here you go: My name is Josh, sho..."

Hello. I am the epic jsa005. Creator of the epic website [http://www.jsivi.uni.me/ JSiVi]. I assume you want to know more about my epic self, so here you go:
My name is Josh, short for Joshua, but I prefer if you call me jsa or jsa005.
I live in the United Kingdom of Great Britain and Northern Ireland. People tend to shorten it to the Britain. See, it saves typing. Lol. Anyway. I know a few programming languages: PHP (this site is coded in it!), HTML (where there's PHP there's almost always HTML), JavaScript (which generally comes with HTML), Java (Yup, really!), .NET 2008/10 and phew, that's it for the moment.
Oh, and I like trains.
Anyway.
I so want one of those sentry turret thingies. You know the big white things with a red eye, looks like it came straight out of Portal... Wait, they DO come straight out of Portal. Rofl. If you don't have Portal, GO GET IT. It's on Steam. About £8. In American terms that's about $9. Cheap, go buy. Now. I'm also a fan of Minecraft. Aren't we all? Anyway, I run a creative server called Minemouth. Try it at mc.ivi.uni.me, with a bukkit load of plugins. See what I did thar? Lol. We're also 1.4.7 compatible. Winners all-round.
And finally, I support the free internet. I mean, who enjoys SOPA? Apart from that lot in the chat at SDK on the 18th of Feb last year. Which included me, FYI. Skunkbot SOPA spamfest. And everyone was ROFLing. A lot. Cya round.

Nintendo DSi Browser

2013-02-16T11:01:33Z

Jsa005: Added a working example of vertical mode.

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=240">

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.jsivi.uni.me/ JSiVi] (use DSi or spoof user agent to avoid redirection to PC site)

=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
window.onload=function

=== Key Codes ===

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, you can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script type="text/javascript">document.body.scrollTop = 176;</script>

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<html>
<head>
<meta name="viewport" content="width=240" />
<style type="text/css">
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript.

== Example Sites ==

* [http://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]