Hacker News Reader

bryanbraunon Before you buy a domain name, first check to see if it's haunted

The post talks a bit about this:

In a perfect world, when your legitimately good content isn’t being surfaced by Google, it’s a failure on their part, and their problem to solve, not yours. In practice, it is your problem and you have to do a bunch of work to help them see that their current assessment of your domain name is no longer accurate.

You're right, the fault lies with the search engines, but in practice it sure feels like the domain itself is tainted somehow.

bryanbraunon Before you buy a domain name, first check to see if it's haunted

OP here, and yes, I've been getting that same message for musicbox.fun. I thought it just needed some time but I requested a fresh index two weeks ago, and nothing seems to have changed. :/

bryanbraunon After Dark Screensavers in CSS

Yep, more details here: https://archive.org/about/dmca.php

bryanbraunon Easter egg in flight path of last 747 delivery flight

Yeah, just look at how balanced the design looks. Either they programmed that flight path or the pilot spent a lot of time on an etch-a-sketch growing up.

bryanbraunon Scratch is a big deal

This reminds me of Code-a-piller. It's a toy designed for pre-schoolers, so definitely not a full language, but it's physical and lets you sequence basic instructions in an intuitive way. More here: https://www.youtube.com/watch?v=iYEKD1Befg8

bryanbraunon Scratch is a big deal

I've never made the Flash connection but I totally agree.

On my end, I try not to worry too much on the gaming vs coding thing. I'd rather have my kids playing games on Scratch then some other place where they can't view source.

I figure, if they have some basic skills and know what's possible, they'll eventually get curious and poke around. I think that's more true for some kids then others though (even in my own house).

bryanbraunon Scratch is a big deal

I wonder if there's a way to smooth out the transition into modding "real" games that teenagers are already playing with their friends. I'll bet it would be pretty motivating to have that kind of power in these online spaces where a bunch of your friends hang out.

Minecraft and Roblox support mods written in Java and Lua respectively but it's a pretty big leap from Scratch to Minecraft mods.

I was recently discovered a dedicated editor for Minecraft modding (https://bridge-core.app) and that seems pretty cool. A lot more could be done in this space though.

bryanbraunon Scratch is a big deal

Oh wow, great find! Gonna put this on the calendar.

That "Hacking apps with Makey Makey & Scratch" session looks particularly interesting.

bryanbraunon I keep making things out of checkboxes

Andrew Healey just took a pass at this and did a great write-up about it here:

https://healeycodes.com/doom-rendered-via-checkboxes

It looks decent but dithering would be nice so I created an issue for it here: https://github.com/bryanbraun/checkboxland/issues/20

bryanbraunon I keep making things out of checkboxes

Good callout... I updated the post to link this one.

bryanbraunon I keep making things out of checkboxes

Also the new CSS accent-color property.

My coworker hacked together a demo that's pretty wild: https://twitter.com/nathanAlan/status/1436145205019922440

bryanbraunon I keep making things out of checkboxes

Good catch. I posted an issue: https://github.com/bryanbraun/checkboxland/issues/16

bryanbraunon I keep making things out of checkboxes

This is giving me ideas. Thanks for sharing!

bryanbraunon I keep making things out of checkboxes

Very clever!

It kind of reminds me of this pattern I saw that someone made out of range sliders (though not as animated): https://codepen.io/xdesro/pen/dyRNqqY

bryanbraunon Show HN: A webcam made out of HTML checkboxes

This is what I used for testing... it you try it with a bunch of different videos: https://www.bryanbraun.com/checkboxland/docs/demos/video-tes...

bryanbraunon Show HN: A webcam made out of HTML checkboxes

I wrote up some notes about it here: https://github.com/bryanbraun/checkboxland/tree/master/src#p...

In short: only updating when needed, minimizing the number of DOM queries, and avoiding costly CSS layouts.

bryanbraunon Show HN: A webcam made out of HTML checkboxes

Yeah, the boxes are bit brighter by default in Safari, so that's the browser I tend to use for screenshots and video.

bryanbraunon Checkboxland

pretty accurate tbh

bryanbraunon Checkboxland

There's a better webcam demo that's kind of buried but fun to play with here: https://www.bryanbraun.com/checkboxland/docs/demos/webcam-te...

bryanbraunon Show HN: A webcam made out of HTML checkboxes

Some background: a little while ago I built a library called "Checkboxland" at the Recurse Center for rendering stuff into a checkbox grid. I recently made an update that lets it render arbitrary images and video. The video feature supports HTML MediaStream, which is what powers the webcam demo.

bryanbraunon Breaking down a ripple animation in JavaScript

That's a good callout. I just updated it to add more detail there.

bryanbraunon Breaking down a ripple animation in JavaScript

Agreed, just trying to keep the tutorial simple for now. My other web-animation/education project (https://sparkbox.github.io/bouncy-ball) uses requestAnimationFrame more heavily.

Now that I think of it, it might be worth adding an asterisk and footnote about requestAnimationFrame to the post.

bryanbraunon Breaking down a ripple animation in JavaScript

Haha, yeah I discovered this after I wrote it. Probably worth going back and updating.

bryanbraunon Berkeley Systems “After Dark” screensavers recreated in CSS

Original dev here. I took another look at these and I found a lot of animations that we could convert to transforms to improve performance. I just created a new issue here: https://github.com/bryanbraun/after-dark-css/issues/9

bryanbraunon Web-dev nirvana, and why I needed to let go of React to reach it

Original author here.

I don't think nesting is possible in the examples in that post. I'm sure there's some way to get it working that I just haven't figured out yet. Maybe you could replace the default template strings with something using tagged template literals (like https://github.com/developit/htm).

You can work around nesting by spinning up new components after the innerHTML assignment, and assigning them with IDs. Here's an example where I've done that:

https://github.com/bryanbraun/music-box-fun/blob/dc899c14adc...

Edit: typos

bryanbraunon Ask HN: Show Us Your Personal Website/Blog?

https://www.bryanbraun.com

It's been running for 9 years now and I'm getting close to blog post number 400.

Looking forward to the next 400. :)

bryanbraunon Show HN: Gridmaster – A Code School for Learning Spreadsheets

It's based on an open source project, Handsontable. Details here: https://handsontable.com/

bryanbraunon Show HN: Gridmaster – A Code School for Learning Spreadsheets

Good suggestion on the business use cases. I want the exercises to be realistic documents that you build up over the course of the lesson, not just interactive quiz questions.

Agreed, the Spreadsheet needs a lot of work. It's currently just an MVP to gauge interest.

(edit: typo)

bryanbraunon Show HN: Gridmaster – A Code School for Learning Spreadsheets

I'm starting out with courses on fundamentals, but we can also do deep-dives on specific niche topics. Think, courses on "Performance Optimization", "VLOOKUP", "Managing Large Datasets", etc.

bryanbraunon Show HN: Bouncy Ball – A TodoMVC for web animation

I've got Chrome on OSX but I can't see it. What color line are you seeing? Maybe you can drop a screenshot into an issue on github? (https://github.com/sparkbox/bouncy-ball/issues/new)