SI26 3DS-Zine: Difference between revisions

From XPUB & Lens-Based wiki
Line 50: Line 50:
Browser
Browser
!Note
!Note
!Strategy
!Counter
Strategy
|-
|-
|background-color:  
|<code>background-color:</code>
|✓
|✓
|
|
|no gradient
|Gradients do not work
|
|
|-
|-
|font-family:  
|<code>font-family:</code>
|☒
|☒
|
|
|
|Only default font: '''RodinNTLG'''
|
|
|-
|-
|font-style: normal;
|<code>font-style: normal;</code>
|
|
|
|
Line 70: Line 71:
|
|
|-
|-
|font-style: italic;
|<code>font-style: italic;</code>
|
|
|
|
Line 76: Line 77:
|
|
|-
|-
|font-style: oblique;
|<code>font-style: oblique;</code>
|
|
|
|
Line 82: Line 83:
|
|
|-
|-
|font-weight: normal;
|<code>font-weight: normal;</code>
|
|
|
|
Line 88: Line 89:
|
|
|-
|-
|font-weight: bold;
|<code>font-weight: bold;</code>
|
|
|
|
Line 94: Line 95:
|
|
|-
|-
|font-size:
|<code>font-size:</code>
|
|
|
|
Line 100: Line 101:
|
|
|-
|-
|margin:  
|<code>margin:</code>
|✓
|✓
|
|
Line 106: Line 107:
|
|
|-
|-
|text-align: left;
|<code>text-align: left;</code>
|✓
|✓
|
|
Line 112: Line 113:
|
|
|-
|-
|text-align: right;
|<code>text-align: right;</code>
|✓
|✓
|
|
Line 118: Line 119:
|
|
|-
|-
|text-align: center;
|<code>text-align: center;</code>
|✓
|✓
|
|
Line 124: Line 125:
|
|
|-
|-
|text-align: justify;
|<code>text-align: justify;</code>
|☒
|☒
|
|
Line 130: Line 131:
|
|
|-
|-
|color:
|<code>color:</code>
|✓
|✓
|
|
Line 136: Line 137:
|
|
|-
|-
|line-height:
|<code>line-height:</code>
|☒
|☒
|
|
Line 142: Line 143:
|
|
|-
|-
|border:
|<code>border:</code>
|⍰
|⍰
|
|
Line 148: Line 149:
|
|
|-
|-
|border-radius:
|<code>border-radius:</code>
|⍰
|⍰
|
|
Line 154: Line 155:
|
|
|-
|-
| -webkit-text-stroke:
| <code>-webkit-text-stroke:</code>
|☒
|☒
|
|
Line 160: Line 161:
|
|
|-
|-
|text-indent:
|<code>text-indent:</code>
|✓
|✓
|
|
Line 166: Line 167:
|
|
|-
|-
|text-shadow:
|<code>text-shadow:</code>
|☒
|☒
|
|
Line 172: Line 173:
|
|
|-
|-
|text-decoration-line: underline;
|<code>text-decoration-line: underline;</code>
|✓
|✓
|
|
Line 178: Line 179:
|
|
|-
|-
|text-decoration-line: overline;
|<code>text-decoration-line: overline;</code>
|✓
|✓
|
|
Line 184: Line 185:
|
|
|-
|-
|text-decoration-line: line-through;
|<code>text-decoration-line: line-through;</code>
|✓
|✓
|
|
Line 190: Line 191:
|
|
|-
|-
|text-decoration-line: overline underline;
|<code>text-decoration-line: overline underline;</code>
|✓
|✓
|
|
Line 196: Line 197:
|
|
|-
|-
|text-decoration-style: solid;
|<code>text-decoration-style: solid;</code>
|⍰
|⍰
|
|
Line 202: Line 203:
|
|
|-
|-
|text-decoration-style: double;
|<code>text-decoration-style: double;</code>
|☒
|☒
|
|
Line 208: Line 209:
|
|
|-
|-
|text-decoration-style: dashed;
|<code>text-decoration-style: dashed;</code>
|☒
|☒
|
|
Line 214: Line 215:
|
|
|-
|-
|text-decoration-style: dotted;
|<code>text-decoration-style: dotted;</code>
|☒
|☒
|
|
Line 220: Line 221:
|
|
|-
|-
|text-decoration-style: wavy;
|<code>text-decoration-style: wavy;</code>
|☒
|☒
|
|
Line 226: Line 227:
|
|
|-
|-
|text-decoration-thickness:
|<code>text-decoration-thickness:</code>
|☒
|☒
|
|
Line 232: Line 233:
|
|
|-
|-
|text-transform: uppercase;
|<code>text-transform: uppercase;</code>
|✓
|✓
|
|
Line 238: Line 239:
|
|
|-
|-
|text-transform: lowercase;
|<code>text-transform: lowercase;</code>
|✓
|✓
|
|
Line 244: Line 245:
|
|
|-
|-
|text-transform: capitalize;
|<code>text-transform: capitalize;</code>
|☒
|☒
|
|
Line 250: Line 251:
|
|
|-
|-
|letter-spacing:
|<code>letter-spacing:</code>
|✓
|✓
|
|
Line 256: Line 257:
|
|
|-
|-
|word-spacing
|<code>word-spacing</code>
|✓
|✓
|
|
Line 262: Line 263:
|
|
|-
|-
|white-space: wrap;
|<code>white-space: wrap;</code>
|✓
|✓
|
|
Line 268: Line 269:
|
|
|-
|-
|white-space: nowrap;
|<code>white-space: nowrap;</code>
|✓
|✓
|
|

Revision as of 18:22, 17 February 2025

3DSZine.gif
Flipp3DS.gif

The Nintendo 3DS

Specs

☻ Screens

Upper screen:

  • LCD screen
  • 5:3
  • 400 x 240 pixels (2 layered screens -> 3D effect using MPO)

Bottom screen:

  • LCD screen
  • 4:3
  • 320 x 240 pixels
  • resistive touchscreen (pressure sensitive)

☻ 3D Effect

The upper screen has two superimposed LCD screens. When 3D-effect is active, the two screens slightly shift to the left and right respectively, which creates a 3-dimensional effect. 400 x 240 pixels per screen. The 3D view can be adjusted using the depth slider.

☻ Cameras

The 3DS has 3 camera lenses. One inner camera, and two outside camera lenses able to take 3D pictures.

Regular pictures are in the JPG format. 3D pictures are in the MPO (Multi-Picture Object Bitmap file) format.

☻ MPO

An MPO file contains two JPG images. By reading a MPO file with a supporting device, the 2D JPGS create a 3D image.

A device which does not support MPO cannot open and display the 3D image and may only display a JPG image version.

Internet Browser

NetFront Browser NX

3DS Browser vs CSS

☺ ACID TESTS ☺

CSS Property 3DS

Browser

Kindle

Browser

Note Counter

Strategy

background-color: Gradients do not work
font-family: Only default font: RodinNTLG
font-style: normal;
font-style: italic;
font-style: oblique;
font-weight: normal;
font-weight: bold;
font-size:
margin:
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
color:
line-height:
border:
border-radius:
-webkit-text-stroke:
text-indent:
text-shadow:
text-decoration-line: underline;
text-decoration-line: overline;
text-decoration-line: line-through;
text-decoration-line: overline underline;
text-decoration-style: solid;
text-decoration-style: double;
text-decoration-style: dashed;
text-decoration-style: dotted;
text-decoration-style: wavy;
text-decoration-thickness:
text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;
letter-spacing:
word-spacing
white-space: wrap;
white-space: nowrap;

Screenshot 2025-02-17 135933.png

References