Learning Log
41 subscribers
42 photos
3 videos
3 files
30 links
Documenting my learning journey.
A2SVian.
Sharing my Projects
Download Telegram
Forwarded from JavaScript
In CSS is DOOMed, Niels Leenheer shows off how he implemented a version of 1993's Doom using purely CSS rendering (with the game logic in JavaScript). Play it for yourself or check out the code.
JavaScript
In CSS is DOOMed, Niels Leenheer shows off how he implemented a version of 1993's Doom using purely CSS rendering (with the game logic in JavaScript). Play it for yourself or check out the code.
Do u think css is just for styling?

All walls, enemies, gunfire, and effects are built using CSS properties.
๐Ÿ‘‰ old Doom used JS + Canvas/WebGL.
๐Ÿ‘‰ this version uses JS + CSS as the drawer, fully playable!  Use arrows of Your pc to play it if u like OG.
๐Ÿ‘€2
I built a very little game too๐Ÿ˜. Open it in Ur browser. If u score more than $20, drop Ur account in the comments.
๐Ÿ˜ญ1
Finally ๐Ÿคฃ
๐Ÿ˜1
Docker component explained - Visualization
๐Ÿ‘2
ยฟ Do u guys use this button(track point) ๐Ÿค”? If Ur pc have it.
Want to understand long YouTube videos quickly or got no time to watch?
convert them into transcripts , process it with ai as u want and read it .
tool : link
โค3
ai-models-guide-2026 (1).pdf
540.7 KB
got confused with different ai models dropped every week ? know about categories of the current models , compare them through benchmarks and stay consistently updated.

N.B: categories also cant be constant all time coz each ai models is becoming multimodal
โค1
Ever opened a new codebase to understand and felt lost?

CodeFlow turning any GitHub repo or local project into an interactive architecture map.

Visual file dependency
Blast radius(see wt breaks when u change a file)
Code health and more.

Interesting part? It is built as just one html file. ๐Ÿ‘‰ Proof powerfull dev tools can run entirely in the browser.

Try it:  [link]
repo: [link]
๐Ÿ”ฅ1
Got this written in a random class from random dude..... Does that make sense fully? ๐Ÿค”
I come up with better expression.

Where :
H(t) = happiness at time t
S(t) = suffering (or burden) at time t

Meaning :
life expriance = Take every moment of your life, measure how happy you feel minus how bad you feel, and add it all up from birth to death.
Meet InstantDB ๐Ÿ”ฅ

An open source modern Firebase alternative for building real-time apps with almost zero backend code.
๐Ÿ‘‰Fast, local-first, offline support, and AI-friendly.

GitHub: [link]
Docs: [link]

Recommended if you build apps quickly! and for Ai coded apps.
โค1
Frontend ๐Ÿ‘‰ UX
UX >> UI

=> learn UX
Was confused about this.

Transfer Protcol Vs API design Style

1. Api design styles(REST, GraphQL etc....)
Describe the architectural pattern - how two programs logically communicate.

E.g:
Requestโ€“Response design new? ๐Ÿ‘‰ REST, SOAP
Remote Procedure Call (RPC) design new? ๐Ÿ‘‰ gRPC, classic RPC

2. Transfer Protocols(Http, ftp, SMTP,.. Etc)
Define the actual wire-level communication between two programs in network - the rules, formats, and status codes

E.g:
HTTP ๐Ÿ‘‰ request/response with methods (GET, POST) and status codes (200 OK, 404 Not Found)
It is like when one program say 200 OK, the other program understood like it works.

So REST is one of API design style, HTTP is one of a transfer protocol.
REST defines how APIs work generally , HTTP defines how data is sent actuality so two programs communicate - just like a language
๐Ÿ‘2
Learning Log
Was confused about this. Transfer Protcol Vs API design Style 1. Api design styles(REST, GraphQL etc....) Describe the architectural pattern - how two programs logically communicate. E.g: Requestโ€“Response design new? ๐Ÿ‘‰ REST, SOAP Remote Procedure Callโ€ฆ
And yeah, MCP is a new protocol for AI agents to use external tools. It standardizes how AI connects to apps and services instead of building custom integrations for each one.
E.g. connecting an agent to Gmail.
๐Ÿ”ฅ2
Junior in the AI era?
Learn language + core concepts. it pays off.