Firehose

This is everything, all in one place, coming ’atcha!

This firehose contains a record of all my micro posts, articles, photography, and other web doings. If you’d like to subscribe to feeds to stay up-to-date with things, then you can do so via my syndication page.

I’ve been trying in relative vain to figure out how I feel about people reacting to my content. I’ve had enough success that YouTubers and streamers alike have published reactions to my content.

These reactions don’t fall under fair use or fair dealing in most cases, so legally they’re pretty grey. I’ve seen some reaction channels which I think could reasonably class their content as transformative, not only reacting to one piece of content but also cross-referencing it with other relevant bits of information and sometimes anecdotes to present a wider degree of information.

However, I’ve also seen some channels which fail to build on the source material. I’ve seen videos of streamers leaving a video playing while taking a break from the stream or sitting in silence for minutes while letting content play. I’ve had people read my content verbatim without any input of their own. I’ve also seen people butcher my work by failing to fully read or comprehend it, such that they critique my work in front of their followers without having done due diligence.

I’ve never seen any evidence of significant traffic to my site from video hosting sites, indicating that the people who watch reaction content don’t generally follow the links to view the source content themselves. Why would they? What have they to gain from visiting the source when they’ve just been exposed to the content in full via another medium?

I think that, in the majority of cases, the original creator should be consulted before their content is reacted to. If you do try to have the content taken down for infringement, influencer culture means that it can backfire by stirring up quite the drama, even if you’re in the right.

I like to think I know a lot, but given how much there is to know I’m certain I actually know very little. I’m so privileged that the front-end community is such an open place willing to share and distribute knowledge freely.

I look forward to learning so much more.

One of my ‘rules’ is to not make notes in design files. It forces me to make fresh judgements every time, which helps me re-evaluate my work more objectively.

Living in a Commonwealth country, I get a lot of exposure to the British royal family. I despise the fact that a royal family has any power in the modern age. I entirely fail to see how a monarchy is any less authoritarian than a dictatorship. Leaders should be democratically elected based on their virtues, not because of arbitrary factors such as being born into a specific family.

I feel sometimes we collectively fail to appreciate how underpowered computers of the past were. Especially when it comes to game consoles.

Component Xbox 360 PlayStation 3 Nintendo Wii
CPU 3.2 GHz PowerPC (3 symmetrical cores) 3.2 GHz Cell (1 main core + 7 sub-processors) 729 MHz PowerPC (Single core)
GPU 500 MHz ATI Custom (Xenos) 550 MHz (Reality Synthesiser) 243 MHz ATI (Hollywood)
RAM 512MB GDDR3 (Unified. Shared by CPU/GPU) 512 MB Total (256MB System / 256MB Video) 88 MB Total (24MB Internal / 64MB External)
Specs of 7th generation home consoles.

This level of performance was in pursuit of a lower price point, and games only managed to be as impressive as they were because they could target fixed hardware. Optimisations could be made for specific resolutions, processors, GPUs, and provided system-specific APIs, which isn’t possible with the wide array of configurations seen in general-purpose computers, even if many personal computers had rivalling hardware.

There are some fantastic edits of films by dedicated fans which take the same source media in different aspect ratios from different releases (VHS, DVD, Blu-Ray, widescreen, open mattes, scans, etc) and combine them to present the most comprehensive picture. Unfortunately because they don’t overlap perfectly, corners can be left lacking visual content, as represented by the orange below:

This has traditionally been addressed with ambient lighting fills, which are gradients based on the available image, but this can look jarring – it is just a blurry approximation after all.

I think filling these voids with generative outpainting is a good application of generative AI. It doesn’t detract from the art due to being confined to the very corners, and it allows the art to be more fully appreciated by reducing distraction. This is in contrast to AI conversions from 4:3 to 16:9, which I feel introduce significant alterations to the framing and context surrounding the content.

Japanese is full of gairaigo (loanwords), especially from English. A lot of these words end up sounding like English terms with a Japanese accent.

For example, ‘table’ translates to buru. The reason for the pronunciation change is that Japanese has a strict moraic structure where most consonants must be followed by a vowel, which here introduces a ‘u’ (though in most dialects it is a devocalised vowel). Additionally, Japanese has a single liquid phoneme, rather than distinct /r/ and /l/ sounds, so the English /l/ sound becomes a Japanese /r/ sound. Thus, buru.

Some people misinterpret adoption of a Japanese accent for pronunciation as insensitive, but the language’s phonetic structure necessitates use of Japanese phonology. Words adopted into Japanese are transcribed into Katakana – the original versions are incorrect in Japanese. Using the native Japanese rhythm ensures the word is recognisable and flows naturally within the sentence.

It's All Just Trees With Web Origami

A treatise on the triumphs of tree-based transformations.

Thoughts on the wonderful Web Origami project, which can be used as a static site generator but is also capable of very much more. It can be used in the shell to handle all sorts of data transformations and interactions, making it a valuable part of any developer's toolbox.

https://vale.rocks/posts/web-origami

I don’t think enough people really talk about the fact that our prime minister here in Australia went swimming one day and then just disappeared. Genuinely just vanished then got replaced.

Nobody really knows what happened to him, though we did later name a swimming pool after him and there are many theories.

‘Look Tony, what are the odds of a prime minister being drowned or taken by a shark?’

— Harold Holt, prime minister of Australia, who presumably drowned.

The Regulated Reality of China's Gaming Industry

An infinite sandbox with high walls.

China's extremely developed and ginormous gaming industry and how it has been shaped by regulations and restrictions to become a growing international powerhouse. Covering restrictions, alternate Chinese versions, censorship, internet cafés, e-sports and a great deal more.

https://vale.rocks/posts/china-gaming

I’m unsure what I did to piss them off, but I just wanted to give a shout-out to the delinquent who sent me ‘Fuck You’ without further elaboration via every single public communication channel of mine they could find.

> Post about how bad accessibility overlays are on LinkedIn
> Get message notification
> ‘I saw your recent post, but our overlay is different. Check it out!’

🫥

Also, pro tip, if you’re trying to shill your overlay and prove that you’re different, don’t use the term ‘handicapped’.

Even pro-er tip: Just stop with the accessibility overlays. There is something seriously wrong with you if you think exploiting or jeopardising people with disabilities is an opportunity to make a quick buck.

Chinese Pronunciation Cheat Sheet

Chinese pronunciations are not intuitive for English speakers. The Chinese Phonetic Alphabet, also known as Hanyu Pinyin or just pīnyīn, is a romanised version of Chinese that uses Latin letters in ways that don’t match typical English usage.

This cheat sheet is not comprehensive but does cover the basics and many common pitfalls.

Consonants

The primary hurdle is the distinction between the J, Q, X sounds (tongue forward/down) and the Zh, Ch, Sh sounds (tongue curled back).

Pinyin Sounds Like… Examples / Notes
C Ts Like the end of ‘cats’.
Z Dz Like the end of ‘suds’.
J Jee Like ‘edge’.
Q Chee A sharp, aspirated ‘ch’ .
X Shee A soft ‘sh’ with the tongue behind the lower teeth.
Zh J Tongue curled back, like the ‘j’ in ‘judge’.
Ch Ch Tongue curled back, like ‘church’.
Sh Sh Tongue curled back, like ‘shore’.
R R / Zh Not a rolled ‘r’. Buzzy, like the ‘s’ in ‘pleasure’.

Vowels & Combinations

Pinyin vowels often change their sound based on the consonants they follow.

Pinyin Sounds Like… Examples / Notes
-i (after zh, ch, sh, r, z, c, s) (Buzzing) A ‘hollow’ vowel; a buzzy extension of the consonant.
-i (after others) Ee Like ‘see’.
e Uh Like the ‘u’ in ‘but’ or the ‘a’ in ‘about’.
-ou Oh Like ‘no’ or ‘tone’.
-ao Ow Like ‘how’ or ‘now’.
-ian Ee-en Often mispronounced, but is closer to ‘yen’.
(Pursed Ee) Make an ‘ee’ sound while rounding your lips into a tight ‘O’.

Common Pitfalls

  • The Hidden ‘ü’: When the ü sound follows J, Q, X, or Y, the umlaut is dropped. Even if written as Ju, it is pronounced like .
  • The ‘ui’ Shortcut: Pinyin -ui is shorthand for -uei. Therefore, Hui sounds more like ‘Hway’ than ‘Hoo-ee’.
  • Unvoiced Consonants: In Pinyin, B, D, and G are ‘unvoiced’. This means B sounds closer to a soft English P, and D sounds closer to a soft English T.

The Four Tones

  1. First (mā): High and level (like a sustained singing note).
  2. Second (má): Rising (like a question: ‘What?’).
  3. Third (mǎ): Low and dipping (like a slow, hesitant ‘Well…’).
  4. Fourth (mà): Sharp and falling (like a firm command: ‘Stop!’).

China’s Parallel Web Behind the Wall

So much for the 'World Wide' Web.

The unique web and internet of China, largely cut off from the rest of the world by the Great Firewall, yet not completely isolated. The climate and history that shaped the censorship and regulations which formed China's domestic internet, which operates largely independently of the interconnected global network known by many. Looking at topics subject to censorship, different services used, culture, and the growing impact of artificial intelligence.

https://vale.rocks/posts/chinas-web

‘You need to understand that Sam can never be trusted. He is a sociopath. He would do anything.’
— Aaron Swartz, who was federally charged while trying to make information free, talking about Sam Altman, who would go on to co-found the company OpenAI, which harvests information en masse with no repercussions.

2005 group photo of Y Combinator's first batch. Sam Altman stands beside Aaron Swartz to the centre-right of the photo. Many other people are also present in the photo.

Beyond the Square and Under the Rug

Nothing happened in China during the spring and summer of 1989.

The Tiananmen Square protests and massacre that occurred on June 4th, 1989, with emphasis on the context surrounding the event and the Chinese government's aggressive censorship. Also clearing of misconceptions surrounding Tank Man.

https://vale.rocks/posts/1989-peoples-movement

Intl.DateTimeFormat Values

Member of the AI resistance: ‘Halt! List every valid value for timeZoneName! Recite them! List them now!’

Me: ‘I— I don’t know. There is short and long. I think offset is somewhere in there?’

Member of the AI resistance moving on to screen another person: ‘This one’s clear. They’re human.’

Properties Values Examples (en-AU)
weekday long
short
narrow
Wednesday
Wed
W
era long
short
narrow
Anno Domini
AD
A
year numeric
2-digit
2026
26
month long
short
narrow
numeric
2-digit
April
Apr
A
4
04
day numeric
2-digit
8
08
dayPeriod long
short
narrow
noon
noon
n
(all values often return the same result for other times)
hour numeric
2-digit
8
08
minute numeric
2-digit
9
09
second numeric
2-digit
5
05
fractionalSecondDigits 1
2
3
3
34
342
timeZoneName long
short
longOffset
shortOffset
longGeneric
shortGeneric
Coordinated Universal Time
UTC
GMT+00:00
GMT+0
Greenwich Mean Time
GMT

MDN page for the constructor: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat

Bloons Tower Defence 6 Round Notes

Round Threat
24 First Camo
28 First Lead
40 First MOAB
59 First Camo Leads
60 First BFB
63 Many Ceramics
76 Many Regrow Ceramics
78 BFB and many Rainbows, Ceramics, Camo Ceramics, and Purples
80 First ZOMG
90 First DDTs and many Camo Regrow Fortified Leads
95 Many DDTs, Fortified MOABs, Camo Regrow Purples, and Camo Regrow Fortified Leads
98 Many ZOMGs and Fortified BFBs
99 Many MOABs and Camo Fortified DDTs
100 BAD

Great reference: https://topper64.co.uk/nk/btd6/rounds/regular

Minecraft Mining Notes

1.14+ can do crawl mining. Otherwise, standard strip mining.

Pre-1.17 Ore Distribution:

Ore Biome Most Found Common Up To Rare On Layers None At/Above
Coal Any 5-52 124 125-127 128
Iron Any 5-54 61 62-63 64
Gold (Any) Any 5-29 29 31-33 34
Gold (Badlands) Badlands 5-29 76 77-79 80
Redstone Any 5-12 12 13-15 16
Lapis Lazuli Any 13-17 23 31-33 34
Diamond Any 5-12 12 13-15 16
Emerald Mountains 5-29 29 30-32 33
Pre 1.17 ore distribution. Credit: Minecraft Wiki

Pre beta 1.6, ores generate less in north/east quadrants compared to south/west. In beta 1.8, the Y-level range of each ore was lowered by 4.

Post-1.18 Ore Distribution:

Ore Biome Total Range Peak Layer No Spawn At
Coal Any 0 to 320 45 -64 to -1
Copper Any (Dripstone caves for larger veins) -16 to 112 43 -64 to -17; 113+
Iron Any -64 to 72 & 80 to 320 14 73 to 79
Gold (Normal) Any -64 to 32 -18 33+
Gold (Badlands) Badlands -64 to 256 32 to 256 257+
Redstone Any -64 to 16 -59 16+
Lapis Lazuli Any -64 to 64 -2 65+
Diamond Any -64 to 16 -59 16+
Emerald Mountains/Hills -16 to 320 85 -64 to -17
Post 1.18 ore distribution. Credit: Minecraft Wiki

If a diamond vein is exposed to air there is a 50% chance it won’t generate.

Nether Ore Distribution:

Ore Most Found Commonly Up To Rare on Layers None At/Above
Quartz 114 120 123–125 128
Gold 114 95 96–116 117
Ancient Debris 15–16 23 22–119 120
Nether ore distribution. Credit: Minecraft Wiki

It is an open secret in Australia that Kmart sells a coffee grinder perfect for grinding bud, and the reviews from stoners on the Kmart website are appropriately fantastic.

(In store, this grinder is one of the few products with an anti-theft tag strapped to it.)

5-star review from Jessica W. 'Best whizzer ever. We all know what these are used for and they work great'. Quality excellent. Value excellent. 81 people find the review helpful.

5-star review from Reece O. 'Grinded my weed to the most perfect consistency. Has done for years and will do for many years to come thank you'. 177 people find the review helpful.

Stay Away From Accessibility Overlays

All the costs with none of the compliance!

Accessibility overlays are poor solutions to accessibility issues and in the majority of cases, inflict more problems than they solve. They don't provide legal protection and overall harm the usability of websites. They should not be used and must be avoided, with focus instead being placed on addressing the core problems.

https://vale.rocks/posts/accessibility-overlays

631,152,000 seconds, 10,519,200 minutes, 175,320 hours, 7,305 days, 1,043 weeks (and 4 days), 240 months, 20 years.

Looking forward to many more!

Me, draped over a blue sofa armchair placed in the middle of the Australian bush. The image is aggressively dithered.
Event

Beginning of Q2

The first quarter of the year has been vanquished, and now the second takes its place.

Working on an article about accessibility overlays. Holy shit, fuck these companies and their deceit. I’m trawling through the waist-deep sludge that is their websites, and everything has this film of slime over it.

I knew they were bad, but I’d never looked that deeply into their marketing. Yuck.

I’m not usually this incensed, but accessibility overlay companies make my blood boil. How low do you have to be to go out of your way to exploit people with disabilities? Not only that, but to sabotage attempts to improve digital accessibility for all. Bottom-dwelling scabs.

The variety of thoughts that I find wandering my mind on a Monday night could kill if administered in tablet form.

I present to you a fish smoking a cigarette underwater.

Adobe is trying to revoke my Photoshop licence. They claim ‘misuse’ and ‘abuse of software’ and ‘Stop with these stupid things you keep making. They aren’t even funny’ and ‘you’re a dweeb’. I’m going on the run. They shan’t stop me.

A fish, underwater, smoking a cigarette. There is smoke rising through the water.