Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 7 ay önce •via X (Twitter)

53 Yorum

Rebane profil fotoğrafı
Rebane7 ay önce

check it out here: :3c

Z profil fotoğrafı
Z7 ay önce

but can it center a div?

Rebane profil fotoğrafı
Rebane7 ay önce

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

Sylvester Hesp profil fotoğrafı
Sylvester Hesp7 ay önce

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.

Rebane profil fotoğrafı
Rebane7 ay önce

@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

Sylvester Hesp profil fotoğrafı
Sylvester Hesp7 ay önce

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

Rebane profil fotoğrafı
Rebane7 ay önce

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

Sylvester Hesp profil fotoğrafı
Sylvester Hesp7 ay önce

@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 😄

Rebane profil fotoğrafı
Rebane7 ay önce

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

ルナ・サラ (Lunar Schala) profil fotoğrafı
ルナ・サラ (Lunar Schala)7 ay önce

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

Rebane profil fotoğrafı
Rebane7 ay önce

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

Ben profil fotoğrafı
Ben7 ay önce

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

Rebane profil fotoğrafı
Rebane7 ay önce

@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)

Uncle Ji profil fotoğrafı
Uncle Ji7 ay önce

@humng392546 You reported it. Right?

Rebane profil fotoğrafı
Rebane7 ay önce

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

Rijnard van Tonder profil fotoğrafı
Rijnard van Tonder7 ay önce

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

Rebane profil fotoğrafı
Rebane7 ay önce

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

Rijnard van Tonder profil fotoğrafı
Rijnard van Tonder7 ay önce

grant.ed.

Rijnard van Tonder profil fotoğrafı
Rijnard van Tonder7 ay önce

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

Sylvie profil fotoğrafı
Sylvie7 ay önce

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

ludwig profil fotoğrafı
ludwig7 ay önce

neat

NSG650 profil fotoğrafı
NSG6507 ay önce

Oh my god 😭

Yet Another Tech Poster profil fotoğrafı
Yet Another Tech Poster7 ay önce

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);

Rebane profil fotoğrafı
Rebane7 ay önce

@function you should post the rests of it

Yet Another Tech Poster profil fotoğrafı
Yet Another Tech Poster7 ay önce

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

Filip Jerzy Pizło profil fotoğrafı
Filip Jerzy Pizło7 ay önce

That’s fucking awesome

PiX profil fotoğrafı
PiX7 ay önce

you deserve this:

Miguel Piedrafita ✨ profil fotoğrafı
Miguel Piedrafita ✨7 ay önce

you WHAT

CraftyMasterman 🇨🇦 profil fotoğrafı
CraftyMasterman 🇨🇦7 ay önce

this is the most redstoner coded coding project of all time

Alula profil fotoğrafı
Alula7 ay önce

jesus fucking christ

William Candillon profil fotoğrafı
William Candillon7 ay önce

can it run Doom?

vik profil fotoğrafı
vik7 ay önce

incredible

♡ mari/cohe ♡ profil fotoğrafı
♡ mari/cohe ♡7 ay önce

fuckin what

Kanbaru 🌟 (one hikari of too many) profil fotoğrafı
Kanbaru 🌟 (one hikari of too many)7 ay önce

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

Asté profil fotoğrafı
Asté7 ay önce

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

Rebane profil fotoğrafı
Rebane7 ay önce

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

Josh Hand profil fotoğrafı
Josh Hand7 ay önce

Ok but does it play Doom.

cts🌸 profil fotoğrafı
cts🌸7 ay önce

this is awesome!

Kyrylo Silin profil fotoğrafı
Kyrylo Silin7 ay önce

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

Rijnard van Tonder profil fotoğrafı
Rijnard van Tonder7 ay önce

link to implement just `mov` for Turing completeness

webXOS profil fotoğrafı
webXOS7 ay önce

You Gave me some Ideas!

Rebane profil fotoğrafı
Rebane7 ay önce

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

webXOS profil fotoğrafı
webXOS7 ay önce

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.

webXOS profil fotoğrafı
webXOS7 ay önce

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.

webXOS profil fotoğrafı
webXOS7 ay önce

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)

webXOS profil fotoğrafı
webXOS7 ay önce

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

d-_-b profil fotoğrafı
d-_-b7 ay önce

thats nice

solarite 🍉 profil fotoğrafı
solarite 🍉7 ay önce

Bro i swear to god

wtas x profil fotoğrafı
wtas x7 ay önce

Thanks!

ABrownHat 🇻🇦 profil fotoğrafı
ABrownHat 🇻🇦7 ay önce

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

Diogenes of Cyberborea profil fotoğrafı
Diogenes of Cyberborea7 ay önce

@dante_eats

thomas 🍙 profil fotoğrafı
thomas 🍙7 ay önce

Literally how

🌵 Marcel Wiessler profil fotoğrafı
🌵 Marcel Wiessler7 ay önce

Can it run Doom?

Benzer Videolar