Zum Inhalt

🎮 Nokia 3310

Das Handy das nie kaputt geht – die Legende aus dem Jahr 2000.

🎨 Interface

     ╭──────────────────╮
     │    ╭────────╮    │
     │    │ NOKIA  │    │
     │    │        │    │
     │    │ 555-01 │    │  ← Mono LCD
     │    │   23   │    │
     │    ╰────────╯    │
     │                  │
     │    ╭─╮   ╭─╮     │
     │    │◄│   │►│     │  ← Softkeys
     │    ╰─╯   ╰─╯     │
     │                  │
     │  ╭───╮ ╭───╮ ╭───╮
     │  │ 1 │ │ 2 │ │ 3 │
     │  ╰───╯ ╰───╯ ╰───╯
     │  ╭───╮ ╭───╮ ╭───╮
     │  │ 4 │ │ 5 │ │ 6 │  ← Gummitasten
     │  ╰───╯ ╰───╯ ╰───╯
     │  ╭───╮ ╭───╮ ╭───╮
     │  │ 7 │ │ 8 │ │ 9 │
     │  ╰───╯ ╰───╯ ╰───╯
     │  ╭───╮ ╭───╮ ╭───╮
     │  │ * │ │ 0 │ │ # │
     │  ╰───╯ ╰───╯ ╰───╯
     │                  │
     │   ╭──╮     ╭──╮  │
     │   │📞│     │🔴│  │  ← Call/End
     │   ╰──╯     ╰──╯  │
     ╰──────────────────╯

📊 Nokia 3310 Fakten

Eigenschaft Wert
Release September 2000
Gewicht 133g
Display 84×48 Pixel, Mono
Akku 900 mAh (~260h Standby!)
Speicher 250 Kontakte
Klingeltöne Komponierbar!
Spiel Snake II
Verkäufe 126 Millionen

🔧 Bedienung

Nummer wählen:

  1. Tasten drücken (klassisches Nummernpad)
  2. Nummer erscheint im pixeligen Display
  3. Grüne Taste zum Anrufen

Softkeys:

Position Funktion
Links (◄) Menü / Namen
Rechts (►) Löschen / Zurück
  • Pfeiltasten: Durch Menü scrollen
  • C (Clear): Löschen, Zurück
  • Lange drücken: Profile wechseln

🎨 CSS Styling

Das ikonische Blau:

.nokia-3310 {
  --nokia-blue: #3b5998;
  --nokia-display-bg: #9eb7a1;
  --nokia-display-text: #1a2a1a;
}

.nokia-body {
  background: var(--nokia-blue);
  border-radius: 30px;
  padding: 20px;
}

Pixel-Display:

.nokia-display {
  font-family: 'Nokia Cellphone FC', 'Courier New', monospace;
  font-size: 16px;
  background: #9eb7a1;
  color: #1a2a1a;
  padding: 10px;
  border: 4px solid #333;
  border-radius: 5px;

  /* Scanlines für Authentizität */
  background-image: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.03) 0px,
    rgba(0, 0, 0, 0.03) 1px,
    transparent 1px,
    transparent 2px
  );
}

Gummitasten:

.nokia-key {
  background: #1a1a2e;
  color: white;
  border-radius: 8px;
  font-size: 18px;
  padding: 12px 20px;
  box-shadow: 
    0 4px 0 #0d0d15,
    inset 0 1px 0 rgba(255,255,255,0.2);
  transition: all 0.1s;
}

.nokia-key:active {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #0d0d15;
}

🐍 Easter Egg: Snake

Das 3310 war berühmt für Snake II. Wir könnten ein Mini-Snake als Easter Egg einbauen:

// Konami Code aktiviert Snake
const konamiCode = ['up','up','down','down','left','right','left','right','b','a'];

if (checkKonamiCode()) {
  startSnakeGame();
}

🎵 Sound Design

Der Ringtone:

Das Nokia Tune ("Gran Vals" von Francisco Tárrega) ist ikonisch:

E5 D5 F#4 G#4 | C#5 B4 D4 E4 | B4 A4 C#4 E4 | A4

Sounds:

Event Sound Beschreibung
Tastendruck nokia-key.mp3 Kurzer Klick
Anruf nokia-tune.mp3 Gran Vals
SMS nokia-sms.mp3 Klassischer SMS-Ton
Fehler nokia-error.mp3 Tiefer Warnton

📱 Das Meme

Das Nokia 3310 ist zum Internet-Meme geworden:

"Chuck Norris hat sich mal auf ein Nokia 3310 gesetzt. Das Handy war unbeschädigt."

Die Legende der Unzerstörbarkeit hat das Gerät unsterblich gemacht:

  • Falltest-Videos auf YouTube
  • "Nokia vs Hammer" Challenges
  • Das 3310 als "Indestructible Phone"

🔌 Implementation

HTML:

<div class="nokia-3310">
  <div class="nokia-screen">
    <div class="nokia-logo">NOKIA</div>
    <div class="nokia-display" id="display">
      <span class="number"></span>
    </div>
    <div class="nokia-softkeys">
      <button class="softkey left">Namen</button>
      <button class="softkey right">Menü</button>
    </div>
  </div>

  <div class="nokia-keypad">
    <!-- Standard Numpad -->
  </div>

  <div class="nokia-actions">
    <button class="call-btn">📞</button>
    <button class="end-btn">🔴</button>
  </div>
</div>

JavaScript:

// Dialer ist universell
const dialer = new ManniPhoneDialer({
  maxDigits: 15,  // Nokia erlaubt mehr Ziffern
  displayElement: document.getElementById('display')
});

📚 Geschichte

Die Entstehung:

Das Nokia 3310 erschien im September 2000 und wurde sofort zum Bestseller. Mit 126 Millionen verkauften Einheiten ist es eines der meistverkauften Telefone aller Zeiten.

Warum so erfolgreich?

  1. Robust: Das Polycarbonat-Gehäuse überlebte alles
  2. Akku: Bis zu 11 Tage Standby
  3. Benutzerfreundlich: Intuitive Menüführung
  4. Snake: Das Suchtspiel schlechthin
  5. Klingeltöne: Komponierbar und austauschbar
  6. Preis: Erschwinglich für die Masse

Das Revival:

2017 brachte HMD Global (Inhaber der Nokia-Marke) eine Neuauflage heraus – mit Farbdisplay, aber dem gleichen Retro-Feeling.

🚧 Status

Komponente Status
HTML Struktur ✅ Fertig
CSS Styling ✅ Fertig
JavaScript ✅ Dialer.js (universal)
Sounds 🔜 Geplant
Snake Easter Egg 🔜 Optional

Release: ✅ Januar 2026

Zurück zu Phones Overview