Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

i built an entire x86 CPU emulator in CSS (no javascript) you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS

1,077,051 Aufrufe • vor 7 Monaten •via X (Twitter)

53 Kommentare

Profilbild von Rebane
Rebanevor 7 Monaten

check it out here: :3c

Profilbild von Z
Zvor 7 Monaten

but can it center a div?

Profilbild von Rebane
Rebanevor 7 Monaten

everyone who makes this joke should be forced to read my blog post

Profilbild von Sylvester Hesp
Sylvester Hespvor 7 Monaten

I don't know how long you've been around, but since you're not addressing it in your blog: there was a time before flex boxes were at thing. Centering a div was exceptionally hard, unless you resorted to using tables. Which everyone did before the semantic web.

Profilbild von Rebane
Rebanevor 7 Monaten

@zelimir__ yes - and i think the history of html/css/browser hacks is really cool! but joking about centering a div these days is just admitting you don't know anything

Profilbild von Sylvester Hesp
Sylvester Hespvor 7 Monaten

@zelimir__ No, it's just a meme. Like "can it run Crysis".

Profilbild von Rebane
Rebanevor 7 Monaten

@zelimir__ maybe its just because i do so much css stuff, but hearing it over and over again kinda feels like this

Profilbild von Sylvester Hesp
Sylvester Hespvor 7 Monaten

@zelimir__ Well I can get that someone in your position hears it a lot and can get tired of it 🙂. Back in early 00s I made a raycaster in html4 using vertical <img> slices (canvas didn't exist at the time). Now I wonder if this is doable without javascript 😄

Profilbild von Rebane
Rebanevor 7 Monaten

@zelimir__ that's pretty sick! and i think it is :)

Profilbild von ルナ・サラ (Lunar Schala)
ルナ・サラ (Lunar Schala)vor 7 Monaten

Your bio says "CSS noob", but I think you're at least a CSS sophomore.

Profilbild von Rebane
Rebanevor 7 Monaten

hmm yeah i think i've earned that title by now

Profilbild von Ben
Benvor 7 Monaten

So at this point, should security-paranoid people who disable Javascript also be switching off CSS?

Profilbild von Rebane
Rebanevor 7 Monaten

@humng392546 depends on your threat model, i use noscript and disable js by default, but don't see css as a threat i need to worry too much about (despite having a css-only chrome cve)

Profilbild von Uncle Ji
Uncle Jivor 7 Monaten

@humng392546 You reported it. Right?

Profilbild von Rebane
Rebanevor 7 Monaten

@humng392546 yes, that's why i have a cve

Profilbild von Rijnard van Tonder
Rijnard van Tondervor 7 Monaten

you deserve to know you only need `mov` to be Turing complete. In CSS. Pls report back if you do this

Profilbild von Rebane
Rebanevor 7 Monaten

i am aware of that (and the movfuscator), but like, an entire cpu with the same architecture as your computer is just way cooler

Profilbild von Rijnard van Tonder
Rijnard van Tondervor 7 Monaten

grant.ed.

Profilbild von Rijnard van Tonder
Rijnard van Tondervor 7 Monaten

anyway it's just an instruction pass :p css computer will run it

Profilbild von Sylvie
Sylvievor 7 Monaten

whoa, it's like... assembly... but for the web... imagine if that was an actual thing that would be crazy

Profilbild von ludwig
ludwigvor 7 Monaten

neat

Profilbild von NSG650
NSG650vor 7 Monaten

Oh my god 😭

Profilbild von Yet Another Tech Poster
Yet Another Tech Postervor 7 Monaten

Truly unhinged code to read from memory I love it @function --readMem(--at <integer>) returns <integer> { result: if( style(--at:-1): var(--__1AX); style(--at:-2): var(--__1CX); style(--at:-3): var(--__1DX); style(--at:-4): var(--__1BX); style(--at:-5): var(--__1SP); style(--at:-6): var(--__1BP); style(--at:-7): var(--__1SI); style(--at:-8): var(--__1DI);

Profilbild von Rebane
Rebanevor 7 Monaten

@function you should post the rests of it

Profilbild von Yet Another Tech Poster
Yet Another Tech Postervor 7 Monaten

@function Haha i opened the file in vim and i thought it was bugging out

Profilbild von Filip Jerzy Pizło
Filip Jerzy Pizłovor 7 Monaten

That’s fucking awesome

Profilbild von PiX
PiXvor 7 Monaten

you deserve this:

Profilbild von Miguel Piedrafita ✨
Miguel Piedrafita ✨vor 7 Monaten

you WHAT

Profilbild von CraftyMasterman 🇨🇦
CraftyMasterman 🇨🇦vor 7 Monaten

this is the most redstoner coded coding project of all time

Profilbild von Alula
Alulavor 7 Monaten

jesus fucking christ

Profilbild von William Candillon
William Candillonvor 7 Monaten

can it run Doom?

Profilbild von vik
vikvor 7 Monaten

incredible

Profilbild von ♡ mari/cohe ♡
♡ mari/cohe ♡vor 7 Monaten

fuckin what

Profilbild von Kanbaru 🌟 (one hikari of too many)
Kanbaru 🌟 (one hikari of too many)vor 7 Monaten

fascinated to learn this doesn't rely on JS to advance time, will have to stare at the code later

Profilbild von Asté
Astévor 7 Monaten

I know you're going to write a blog about this but can you name the most abused trick in this contraption?

Profilbild von Rebane
Rebanevor 7 Monaten

the if() statement combined with a style query combined with collapsing calcs

Profilbild von Josh Hand
Josh Handvor 7 Monaten

Ok but does it play Doom.

Profilbild von cts🌸
cts🌸vor 7 Monaten

this is awesome!

Profilbild von Kyrylo Silin
Kyrylo Silinvor 7 Monaten

Neat! It makes me wonder is this a new attack vector? It’s kind of like unhinged WASM, but without the guardrails.

Profilbild von Rijnard van Tonder
Rijnard van Tondervor 7 Monaten

link to implement just `mov` for Turing completeness

Profilbild von webXOS
webXOSvor 7 Monaten

You Gave me some Ideas!

Profilbild von Rebane
Rebanevor 7 Monaten

do these actually work without js? they look very vibe coded

Profilbild von webXOS
webXOSvor 7 Monaten

The pong game probably will never work real time. (due to the logic of the pong ball) but I can get the paddles to move. The emoji quest was based off an already existing JS reliant game ( that i tried to xfer to CSS sort of works but i'm still building.

Profilbild von webXOS
webXOSvor 7 Monaten

Interesting approach though, I have made html/css template document type pages which are nice and clean for the UI. But turning them into full functional PWA is a new realm I am learning.

Profilbild von webXOS
webXOSvor 7 Monaten

Getting some Cool Zine style pages for CSS ideas doing this. Avoiding the JS seems to give the LLM more CSS editing in it's replies (using deepseek browser client for this)

Profilbild von webXOS
webXOSvor 7 Monaten

I am going to try to build a collection of html/css webzine pages with these themes

Profilbild von d-_-b
d-_-bvor 7 Monaten

thats nice

Profilbild von solarite 🍉
solarite 🍉vor 7 Monaten

Bro i swear to god

Profilbild von wtas x
wtas xvor 7 Monaten

Thanks!

Profilbild von ABrownHat 🇻🇦
ABrownHat 🇻🇦vor 7 Monaten

I can't decide whether we should give you a medal or put you in jail.

Profilbild von Diogenes of Cyberborea
Diogenes of Cyberboreavor 7 Monaten

@dante_eats

Profilbild von thomas 🍙
thomas 🍙vor 7 Monaten

Literally how

Profilbild von 🌵 Marcel Wiessler
🌵 Marcel Wiesslervor 7 Monaten

Can it run Doom?

Ähnliche Videos