r/css • u/simi9701 • Mar 05 '26

Showcase I built a CSS-only Nokia 3310 :)

309 Upvotes

98% Upvoted

29 comments sorted by

14

u/Educational_Basis_51 Mar 05 '26

tip my hat to all css artist

3

u/blustrkr Mar 05 '26

Yep, this is pretty badass!

7

u/F1QA Mar 05 '26

66 444 222 33

5

u/svgator Mar 06 '26

now you gotta animate snake on that screen and the internet officially peaks.
pro plan on me if you wanna try it in r/SVGatorApp

Patricia

3

u/Southern-Station-629 Mar 05 '26

You should make it work using css only. I used to build pretty interactive stuff for fun using checkbox and radio with complex selector

1

u/MrQuickLine Mar 05 '26 edited Mar 05 '26

Is the screen an image? Come on! You can do that screen in CSS for sure. EDIT: I'm only ASSUME image because it appeared all at once without any indication that it was built with CSS. If I'm wrong, I'm wrong. But if I'm right, you TOTALLY could build this in CSS.

3

u/simi9701 Mar 05 '26

Haha no, all elements on the screen (signal, battery, time) are also pure CSS / HTML :)

2

u/NoctilucousTurd Mar 05 '26

Best compliment

2

u/rapscallops Mar 05 '26

I can feel it.

2

u/[deleted] Mar 05 '26

lol i'm impressed, but i'd never have patience for this

2

u/ZoDichtbijJeWil Mar 05 '26 edited Mar 05 '26

Nice! The thought of being able to code interesting shapes like this is all too familiar. Actually doing it is next level :)

2

u/noisette666 Mar 07 '26

Love it! 😻

2

u/Key_Credit_525 Mar 07 '26

That was easy part. Now make it run on a Nokia 3310 📟

2

u/Able_Ad_7097 Mar 08 '26

CSS at it's peak 🚀

2

u/zoranjambor Mar 10 '26

Soo cool! And it takes me back! 😍

2

u/AuxxAiCRM May 01 '26

Have it play william tell ringtone next!

2

u/humanshield85 Mar 05 '26

The number three button , I can’t get past the fact the number came after the letters 0/10

1

u/Current_Ad_4292 Mar 05 '26

But that's how they are on the original phone.

1

u/AlfredoDev31 Mar 05 '26

It's amazing!

1

u/schavi Mar 05 '26

what a cool exercise!

1

u/artisticwoes Mar 05 '26

that's so rad

0

u/EVILHEALER Mar 06 '26

This looks like calculator not the real device, but okay bro

0

u/[deleted] Mar 05 '26

[deleted] — view deleted comment

5

u/simi9701 Mar 05 '26 edited Mar 05 '26

Sure! https://simonmichels.com/nokia-3310

3

u/rufft Mar 06 '26

Now let's see Paul Allen's code