Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 7 месяцев назад •via X (Twitter)

Комментарии: 53

Фото профиля Rebane
Rebane7 месяцев назад

check it out here: :3c

Фото профиля Z
Z7 месяцев назад

but can it center a div?

Фото профиля Rebane
Rebane7 месяцев назад

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

Фото профиля Sylvester Hesp
Sylvester Hesp7 месяцев назад

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
Rebane7 месяцев назад

@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
Sylvester Hesp7 месяцев назад

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

Фото профиля Rebane
Rebane7 месяцев назад

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

Фото профиля Sylvester Hesp
Sylvester Hesp7 месяцев назад

@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
Rebane7 месяцев назад

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

Фото профиля ルナ・サラ (Lunar Schala)
ルナ・サラ (Lunar Schala)7 месяцев назад

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

Фото профиля Rebane
Rebane7 месяцев назад

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

Фото профиля Ben
Ben7 месяцев назад

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

Фото профиля Rebane
Rebane7 месяцев назад

@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
Uncle Ji7 месяцев назад

@humng392546 You reported it. Right?

Фото профиля Rebane
Rebane7 месяцев назад

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

Фото профиля Rijnard van Tonder
Rijnard van Tonder7 месяцев назад

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

Фото профиля Rebane
Rebane7 месяцев назад

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
Rijnard van Tonder7 месяцев назад

grant.ed.

Фото профиля Rijnard van Tonder
Rijnard van Tonder7 месяцев назад

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

Фото профиля Sylvie
Sylvie7 месяцев назад

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

Фото профиля ludwig
ludwig7 месяцев назад

neat

Фото профиля NSG650
NSG6507 месяцев назад

Oh my god 😭

Фото профиля Yet Another Tech Poster
Yet Another Tech Poster7 месяцев назад

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
Rebane7 месяцев назад

@function you should post the rests of it

Фото профиля Yet Another Tech Poster
Yet Another Tech Poster7 месяцев назад

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

Фото профиля Filip Jerzy Pizło
Filip Jerzy Pizło7 месяцев назад

That’s fucking awesome

Фото профиля PiX
PiX7 месяцев назад

you deserve this:

Фото профиля Miguel Piedrafita ✨
Miguel Piedrafita ✨7 месяцев назад

you WHAT

Фото профиля CraftyMasterman 🇨🇦
CraftyMasterman 🇨🇦7 месяцев назад

this is the most redstoner coded coding project of all time

Фото профиля Alula
Alula7 месяцев назад

jesus fucking christ

Фото профиля William Candillon
William Candillon7 месяцев назад

can it run Doom?

Фото профиля vik
vik7 месяцев назад

incredible

Фото профиля ♡ mari/cohe ♡
♡ mari/cohe ♡7 месяцев назад

fuckin what

Фото профиля Kanbaru 🌟 (one hikari of too many)
Kanbaru 🌟 (one hikari of too many)7 месяцев назад

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

Фото профиля Asté
Asté7 месяцев назад

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

Фото профиля Rebane
Rebane7 месяцев назад

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

Фото профиля Josh Hand
Josh Hand7 месяцев назад

Ok but does it play Doom.

Фото профиля cts🌸
cts🌸7 месяцев назад

this is awesome!

Фото профиля Kyrylo Silin
Kyrylo Silin7 месяцев назад

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
Rijnard van Tonder7 месяцев назад

link to implement just `mov` for Turing completeness

Фото профиля webXOS
webXOS7 месяцев назад

You Gave me some Ideas!

Фото профиля Rebane
Rebane7 месяцев назад

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

Фото профиля webXOS
webXOS7 месяцев назад

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
webXOS7 месяцев назад

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
webXOS7 месяцев назад

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
webXOS7 месяцев назад

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

Фото профиля d-_-b
d-_-b7 месяцев назад

thats nice

Фото профиля solarite 🍉
solarite 🍉7 месяцев назад

Bro i swear to god

Фото профиля wtas x
wtas x7 месяцев назад

Thanks!

Фото профиля ABrownHat 🇻🇦
ABrownHat 🇻🇦7 месяцев назад

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

Фото профиля Diogenes of Cyberborea
Diogenes of Cyberborea7 месяцев назад

@dante_eats

Фото профиля thomas 🍙
thomas 🍙7 месяцев назад

Literally how

Фото профиля 🌵 Marcel Wiessler
🌵 Marcel Wiessler7 месяцев назад

Can it run Doom?

Похожие видео