LineLapse BlogMake your own →

The LineLapse Blog

Short, illustrated explainers on how things work — every post comes with a hand-drawn animation you can watch, made with the same tool you can use yourself.

How Indexes Workthe phonebook trick for databasesPhonebook10,000 pagesYouflip flip flipDatabasefull table scanWith GuideA...B...C...YouinstantIndexQueryYour RowsTrade-offwrites cost moreStrategyindex what you queryMaintainedmilliseconds

How Database Indexes Work

Imagine you're searching for a name in a phonebook with ten thousand pages. Without an index, you flip through every single page until you find it.

#databases#indexing#performance#sql
What Happens When You Press Entera web request's hidden journeyBrowserexample.comcacheOSrouterDNS server192.0.2.1🤝 TCP handshakeSSL handshakeHTTP RequestGET /page HTTP/1.1Host: example.comCookie: session=abcInternet routersWeb ServerHTTP ResponseParse HTMLCSSJSimagesRenderPixels on screen⚡ < 1 second

What Happens When You Press Enter

You type a URL, hit Enter, and a page appears. Here's the relay race that happens in between — DNS lookup, connection, request, response, render — in one hand-drawn explainer.

#web#dns#http#networking
How HTTPS Workskeeping secrets on the open webYouRouterRouterWebsiteSnooperpasswords, cardsHTTPSencryptedConnect1Certificate2Authority3Secret Key4GibberishSnooper???Lock Icontunnel secureShoutingSealed Tube

How HTTPS Works

How HTTPS turns a public, untrusted network into a private channel — verify identity, exchange a secret safely, then encrypt everything — in one hand-drawn explainer.

#https#security#encryption#web
How to Master DSAwithout feeling lostThe Path📖 1. Learn👁️ 2. Visualize✏️ 3. Practice🧩 4. Patterns🚀 5. ApplyArray012341020304050index starts at 0Linked List1234Stack vs QueuestackLIFOundoqueueFIFOprinterpush, pop, enqueue, dequeueRecursionf(n)f(n-1)f(1) — done!Big-OO(1)instantO(log n)fastO(n)linearO(n²)careful!runtimedon't memorize — derive!Keep in Mindconcepts over shortcutsone problem every daylearn from every mistakepatience beats panicmindsetstuck? normal.progress over perfection

Learn Data Structures & Algorithms — The Whole Map on One Poster

A study-notes cheat sheet for mastering DSA: the learning path, the core structures, and the handful of patterns that unlock most interview problems.

#dsa#algorithms#learning#computer-science
1990s2000s2010s2020sWeb 1.0 · read-onlyWeb 2.0 · socialMobile-first🤖 AI web

How the Web Evolved: From Read-Only Pages to the AI Era

A short, illustrated history of the web — Web 1.0 to the AI web — as one hand-drawn timeline you can watch draw itself.

#web#history#internet#ai