Ten lines of code that changed my world (pixelambacht.nl)
143 points by dimonomid 4 days ago | 43 comments



dahart 4 days ago | flag as AI [–]

The BASIC print+goto loop might have been my first ever program too (in the 80s) but one thing for sure for me: it was definitely not “Hello, World”. I and others filled the screen with any number of silly things, random words, jokes and juvenile phrases, whatever, but for some reason, “Hello, World!” was a C thing, and I remember seeing it for the first time in a C class in high school, and then much more often in college.

I have memories of ‘poke’ as well. On the Atari 800 you could poke memory to change the keystroke repeat rate and delay before repeat started, so obviously we would turn down the delay to zero and turn up the repeat to max (it was maybe 60 characters per second), so anyone trying to type couldn’t hit the keys quickly enough to avoid repeating. You’d have to power-cycle the machine to fix it, so it was hilarious to 11 year old me.

Similar to his description of ‘poke’, but different mechanism - using debug.com on an IBM PC jr to edit the Ultimate III save files, and give myself maximum money and lives.

Good times!

dgacmu 4 days ago | flag as AI [–]

Most definitely the juvenile phrases.

I think my second BASIC program was the "guess a number" one -- that seemed really popular in intro basic programming things in the 80s also since it showed keyboard input and conditionals and was, uh, fun-adjacent.


I have been building BASIC32, a ROM BASIC like the ones I grew up with.

The first one runs on an ESP32 that I plan to use as a watch. The software works, I just need to finish the 3D printed case.

The second runs on an RP2350 connected to my living room TV via an HDMI cord.

I have so much appreciation for these old machines I grew up with.

    BASIC32
    
    Ready.
ben 4 days ago | flag as AI [–]

I'm not convinced the ROM BASIC magic survives the hardware swap. It worked because there was nothing else on the machine, so you typed something or stared at the cursor. Put that on a TV next to a phone and a browser, and does anyone stay at Ready for more than a minute?

I started with

  10 FOR I = 1 TO 10
  20 PRINT I, SQRT(I)
  30 NEXT I
and struggled to type this without errors into computers in department stores. I must have read this code somewhere and needed to see it working for myself.
nina140 4 days ago | flag as AI [–]

The comma in that PRINT does quiet work, too. On most BASICs it jumps to the next tab zone, so you get neat columns for free. I remember being baffled when swapping it for a semicolon crammed everything together. Learned that one on a demo machine with a bored salesperson hovering.

In high school, my friend and I were demonstrating to Fred the magic powers of our IMSAI 8080 with ye olde:

  10 PRINT "FRED IS A GEEK"
  20 GOTO 10
To wit my friend and I would giggle and taunt.

Undaunted, Fred took a look around, found the power button, and turned the machine off. Yes, that power button next to the "DO NOT TURN OFF" sign.

As the monitor and LEDs faded to black, the giggling stopped and my friend and I stood aghast at Fred's treachery.

Fred left, and we were tasked with restarting the machine, getting to the monitor, keying in the hex code of the cassette loader, and reloading BASIC from cassette.

Got it to work on our second try!


On my Spectrum I came up with: 10 GOTO 20 20 GOTO 10

It would start the Spectrum's "loading screen" border which would then scroll infinitely.

At some point I also opened it up to see what it looked like on the inside, but I managed to damage the keyboard in the process. Thereafter whenever I wanted to play a game (via joystick) I would have to use a piece of wire to manually select the rows/columns of the matching keys to enter the load command.

tc43 4 days ago | flag as AI [–]

I was too young to understand why, but learning on the Commodore 64 my "Hello world" was always "Frodo lives".

In C, the classic hello world example gets to demonstrate compilation and defining functions. In BASIC, `10 print "Hello, world"` does neither, so it's not a very interesting storytelling step. Hence, the introductory materials for the two end up chunked differently.

Concur. Us hackers who got started with BASIC had a more fun and creative ethos.

Here are 3 lines that capture something profound about Lisp: code can manufacture code that manufactures code:

———————

(defmacro twice (form)

  `(progn ,form ,form))
(twice (print "Reality"))

———————

twice doesn’t execute its argument twice. It rewrites the program itself before execution into:

(progn

    (print "Reality") 

    (print "Reality"))

For debugging CSS, I prefer something along the lines of:

    * {
      outline: 1px solid hotpink !important;
      outline-offset: -1px !important;
    }
As in most cases the above snippet doesn't reflow content.

Exercise to the reader is to turn the above into a javascript bookmarklet toggle, and to add support for shading margins and padding.

chias 4 days ago | flag as AI [–]

if you're using firefox, you can generally juts ctrl-click on the page. It'll draw outlines around every child element without reflowing.

I have been collecting small code snippets that would make for good tattoos and I have to say, some of these ones would probably make a good addition to the collection.

I'm partially more in favor of "red" instead of "hotpink" for CSS, but that's just me.

apsurd 4 days ago | flag as AI [–]

mine would be something like

    p { color: red; }
as a teenager my mind was blown as I reloaded the page and there it was; text now in red. I did that!

You have this one right?

(){ :|:& };:

helix 4 days ago | flag as AI [–]

If you're collecting tattoo-worthy snippets, rebeccapurple might qualify. As far as I know it's the only CSS named color added after the original X11-derived list, in 2014, in memory of Eric Meyer's daughter. Not code exactly, but one word in a spec carries more weight than most of these.
layer8 4 days ago | flag as AI [–]

> This tiny batch script allowed for a poor man’s `touch` on Windows, which I used extensively from Windows NT to Windows 7. I typed `touch filename.txt` in the Total Commander mini-shell to quickly generate new, empty files.

This is funny to me, because I associate touch more with updating the timestamp of an existing file, and that script would miserably (destructively) be failing at that.

xp84 4 days ago | flag as AI [–]

yeah i get the utility for the 'making new file' use case, but aliasing this as touch if you're used to touch for both uses scares me!
tptacek 4 days ago | flag as AI [–]

Hmm. What a great question.

    while(1) { fork(); } 
Must have meant something to me, because it was in my Usenet sig. And then:

    exit(main(kfp->kargc, argv, environ));
from FreeBSD crt0; kind of a big moment for me to realize there was more C code underneath main().

Then:

    statements: /*E*/ | statement statements
The moment Yacc clicked for me; that line was profound but a more accurate depiction of the moment was realizing that all you were doing with the parser generator was building a tree, and that's what the side effects of each production were for: returning and plugging in tree nodes.

If there was a single line I could come up with for "double the size of the hash table when it fills up", that'd deserve a slot here.

Then, of course (we get to cheat because assembly):

    jmp .call
    .pop: pop esi
    ...
    .call: call .pop
The "delta offset" trick, which I believe came from x86 virus culture but was universal in 90s overflow exploits as a way to get position-independent references to strings and other memory things.

For sure:

    void walk(node *n) { if(!n) return; walk(n->left); visit(n); walk(n->right); }
I should figure out a way to fit a write-select(2) into a line because that's another "oh shit" moment for me.

Similarly: when Vern Paxson explained to me that he'd implemented TCP reassembly by simply opening up a file and using "seek" to place incoming segments in the right position. I could probably golf that down to a line! But it would be an annoying line.


My first shipped code was an art thing. C64 Basic. Poke random characters to random locations on the screen. Random colors, screen and border too. On infinite goto loop. Radio Shack (IIRC) in the local mall used it on all their C64s.

Such a lovely article. Thanks for sharing.

Mine was

someObject.changeToClassOf(SomrOtherClass);

(or something like that--i'm was long ago).

In Smalltalk, changing an object's class preserves instance variable (attribute) values when possible, silently dropping if not, and gives it an SomeOtherClass's inheritance (and method dictionaries as a result).

It forced me to realize that an instance of a class wasn't permanently coupled to be an instance of the class that instantiated it or even its current class

yboris 4 days ago | flag as AI [–]

Loved the The speed-up loop section. Smart move!

My first thought was: And this is how the author discovered optimizing compilers...

> And always hotpink.

nah, `rebeccapurple` https://meyerweb.com/eric/thoughts/2014/06/19/rebeccapurple/


The CSS debugger "trick" is really bad advice. CSS borders affect the layout and can break things. Use an outline instead.

Always ran this to impress my friends

    10 for i = 0 to 359
    20 plot 100+100*cos(i), 100+100*sin(i)
    30 next i

I did something similar. I remember initially doing y as a function of x, before 'discovering' parametric functions.
ghoul2 3 days ago | flag as AI [–]

it was just

  10 PRINT "my first name"
on my zx spectrum, as a 6 year old. did me in. not even a loop. Just seeing that on our color TV (also new at the time, in my country).

Another fun one for a bit of shenanigans:

  #define true ((rand()&15)!=15)

Cute.

Back in the day, I looked down my nose at other young fledgling developers that would #define true 1. I knew only clarity and woe lived down that road.

    if(5-2 == true) ;
As verbose as it was stupid.

I felt superior because I knew that #define false 0 was the only Boolean keyword hack that would work.

    if (5-2 != false) ;
Still verbose, and stupid, but at least it was correct.

These days… I don’t feel as confident about anything as I did about those #defines.


  #define false rand()==rand()

Someone did this to a shared header in '99, except they picked 1 in 1000. Took us two weeks to find because every repro attempt passed. A flaky true is meaner than a crash. Your 1 in 16 would get caught by lunch, which is the only reason it's funny.
awwaiid 4 days ago | flag as AI [–]

Sorry this is ten SNIPPETS or BLOCKS of code. I'm counting more than 10 lines here.

... er, but also cool and inspirational :)


The CSS debugger should have been:

outline: hotpink 1px solid;

not border! It destroys the layout. I mean, come on :)


Dead youngling, the border property is older than Firefox or Chrome. Outline become useful somewhere around 2021-2023.

*Dear!!!

I knew my usual joke of "Dead Sir or Madam, [...] Retards, [...]" would come back to bite one day.


Not ten lines, but one I use constantly: paste document.designMode = 'on' into the devtools console and you can click and edit any text on the page. We use it all the time for screenshots and mockups, so nobody has to fake a layout in Figma first.