It's 2026 -- DOES YOUR HARDWARE ACCELERATED WINDOW MANAGER CAST SHADOWS ACCURATELY?? 1996 for comparison.
#psion #wayland #linux #retrocomputing
Remote
Kroc Camen
@Kroc@oldbytes.space
mastodon 4.7.2+glitchWriting a book about a world inside an hourglass
443 Followers
43 Following
50 Posts
Joined March 04, 2024
Patreon:
Read the book::
Replying to
Omigosh, I think I've just invented a completely new #HTML / #CSS technique! :O
How do I explain this? HTML/CSS has popovers now -- if you add a `popover` attribute to an element, it gets hidden by default and any `` or `` (oddly, *only* those elements allowed) that points to it with `popovertarget` will make the popover appear.
Nice, but now you have two elements -- the thing you click, and the popover that appears.
I wanted to make the image thumbnail on the left, open an expanded version when clicked on. Two elements, right? The one in the sidebar, and a copy for the big popover. Two copies of the image, two copies of the text.
I discovered how to make an element popover itself.
Ah, but that tiny image in the sidebar isn't going to do when you expand it to fill the screen, no?
By using a `srcset` attribute, you can have multiple images that are chosen based on the size of the element...
```html
![]()
```
In the screenshots, you are looking at the *same* `` element as in the sidebar popped out to fill the screen. All in HTML / CSS. No #javascript!
This is probably a *big deal* to those who understand what it means.
#webdev #programming #encarta #retrocomputing
Replying to
@SeaDonut@tech.lgbt Whilst this is emulated, the original hardware did this on an 18MHz ARM CPU with no GPU to assist whilst running on 2x AA batteries for ~25 hours
Replying to
I have removed all of my #GitHub repos and archived any forks. I don't care anymore if people liked my code, your chance to make use of it has passed.
"We want to give developers agency over their source code by letting them decide whether or not it should be used to develop and evaluate machine learning models." is AI company speak for "She was asking for it".
#fuckai #programming
Replying to
And here’s that exact same code running on the device. It’s nothing to look at, it is a minimal viable text-editor so far, but the fact that it _can_ be changed is what matters. There hasn’t been an open-source plain text editor for this platform, ever.
#psion #writerdeck #worldglass #programming #retrocomputing #opensource
This should have been the first thing stated: “I use Anthropic's Claude Code as a coding agent”. Extremely disappointed; another retro developer / project I won’t speak of again.
Replying to
I am cooking.
#HTML + #CSS. No JS. No images (the icons are text, including the line-spacing icons which are three em-dashes with different line-spacing)
Yes, you can select the font-face, font-size and line-spacing with the buttons, without #javascript.
Every paragraph is numbered so you can easily remember where you were. Just need to add theme selection.
#worldglass #webdev #writing
A DIY minimal computer in just 57 TTL chips -- no CPU package, no GPU! Those 57 chips implement CPU, IO *and* VGA on one board! https://www.youtube.com/watch?v=hhD6U30-PzE
I Removed 4 Chips—and Made My DIY Computer Faster
The time period the story is set in is only 2'000 years after the first civilisations had formed, but given that they live in a desert world inside an hour-glass the size of Earth, it's fair to assume they'll have computers in the distant future (plenty of silicon available), and when they do, there will be #Encarta!
Just a quick mockup of a website for my book based on Encarta 96 since making an encyclopedia of the story world is something I'm considering.
5KB of HTML+#CSS, no JS, noAI
Get the book free as a PDF/epub here:
https://camendesign.com/nomad
#worldglass #webdev #retrocomputing
Replying to
@dfstarshine@icosahedron.website I believe, in practice, that the style simply comes from digital-typesetting. It finally became possible to print books with full colour digital images anywhere in the page. That had been either prohibitively expensive or impossible in the past, and I think it lead directly to Utopian Scholastic’s design elements of disparate items combined together on the page. Education books no longer had to be boring and digital photo manipulation allowed designers to play with layout in a way they hadn’t been able to before with manual / photo-typesetting
Replying to
@dfstarshine@icosahedron.website It’s understated just how big of a shift in such a short amount of time digital publishing was. People who had been working in print publishing for decades were used to linotypes and “paste ups” where, if they wanted text to flow around an image, they physically cut out lines of text and positioned them by hand.
To go from that to having a Mac, Aldus PageMaker, a CD of stock photography and a copy of Photoshop utterly changed the rules on what was possible and how much the designer could play with it. There was reason to be optimistic there.
Replying to
The address to opt out is:
FREEPOST:
The H.R Geiger-meets-eXistenZ mailbox,
Made from Sam Alton's skull & spine,
Stabbed through Elon Musk's heart,
Resting atop a pile of dead billionaires
Replying to
@mhoye@cosocial.ca @mcc@mastodon.social Have you tried to compile 20 year old code for Linux, that requires patches to some libs distributed only as tarballs hosted on some university student’s web page long since gone? With GCC/LLVM being continental shelves that bury and destroy the ability to use old code whilst they surface new dependencies — a constantly shifting temporal reliance upon the “now” in terms of hardware and software — I don’t think that open source is actually all that well preserved at all.
I haven't done small-screen (smartphone) support yet, but here you go: check out my ebook HTML reader interface -- all #HTML + #CSS, no #JavaScript! (and definitely no Ai) https://camendesign.com/writing/nomad/online.html
Replying to
Okay, now we're getting somewhere.
Yes, I absolutely am going to plunder the public domain, yarr.
#worldglass #encarta #retrocomputing #html #css
Replying to
Replying to
Easy: Recreate #Win95 / #Encarta in #HTML + #CSS
Hard: One tiny icon boi
#worldglass #retrocomputing
Replying to
I'm not certain about the background watermark. It _is_ on brand though.
Where did I get it? It's Clipart.
No, not "I googled 'clipart'" Clipart,
_actual Clipart_.
#worldglass #encarta #retrocomputing #webdev #html #css
Replying to
@phil_stevens@mastodon.nz You may continue if the goose is valued, however eggs do not lay eggs no matter what you do :P
Replying to
@servo@floss.social Thank you you amazing people for providing the only hope I have left for the open ‘Web
Replying to
Help, my inbox! It's not SoundCloud, but I do have a book about an uncontacted tribe in a desert world within an hour-glass the size of Earth: https://camendesign.com/nomad
#worldglass
Replying to
I'm only writing this code because in order to fix a few annoyances with the existing text-editor, I have to rebuild what already exists before I can make even minor improvements.
Doing this has taught me a valuable lesson about what matters in app design:
If the dog food doesn't taste off, don't change the recipe.
It's really easy to think about what an app should do; what features are expected, but this can quickly spiral out of control creating a workload from nothing to fulfil an expectation coming from nowhere.
If you don't feel the pain using the app, then don't add the feature. Don't accept feature requests unless they're from someone actually using the app to do something and they've hit a snagging point -- Ideas are free, but your time isn't.
Do not give into the cargo cult; the only features that matter are those for users with a use-case.
Replying to
@NanoRaptor@bitbang.social Apple advertised this screen as half-fullHD, 1920x540. Reviewers wished they had just gone with 720p instead.
Replying to
@hacknorris@mstdn.social I have used Firefox since it was first known as Firefox, v0.83 (it was Firebird before!) I now use LibreWolf, but I detest Chrome and particularly the way Google have forced through unwanted changes in HTML/CSS/JS. Even now, for someone who hand crafts HTML/CSS, Gecko is a superior engine for manipulating HTML with CSS than kHTML
Broken Sword series is mega discounted right now on #GoG. No idea why, but you can get the BS1 Director's Cut and BS2 remaster for £0.49 ea! https://www.gog.com/en/promo/20260727_revolution_publisher_sale
Replying to
@petafloppa@meow.social The lost art is trying without JS. Or node/npm. Or Python. Or Rust. Or Serverless. Or K8s. Or any process that requires a “development environment”. My dev environment is a file directory.
Replying to
@hohokam@mastodon.sdf.org This is EPOC32 — pre-Symbian — for the Psion devices, which is why I’m confident there’s not many still coding for it :P There were a lot of Symbian devices, all told, but not these
The second manuscript update has been released:
https://www.patreon.com/posts/may-2026-159709132
Another 43 pages; 150 pages over the free preview
Plus another 10'000 word developer diary
(download the free PDF/ePub here! https://camendesign.com/nomad)
#worldglass #writing #books #ebook #writingcommunity #fiction #fantasy
Replying to
Another major #HTML / #CSS discovery:
You limit the height of the image so that it fits within the screen; the width of it will automatically scale, e.g. width: auto; max-height: 75vh;
However, the text element below will stretch the container out automatically because it's technically 'wider' than the image (see img1). You want the image to set the container width, but you don't know its width!
(The text is wrapped in a DIV so that it can scroll if it overflows without scrolling the entire popover)
Setting the width to min-content so that it doesn't maximise its width unfortunately doesn't fill the space. (see img2)
In Chrome this can be solved by also setting min-width to stretch (img3), however this doesn't work in Firefox / iOS / Android. Firefox will however work if you use fit-content instead (img4) -- but that then breaks Chrome!
Including Webkit (iOS / Android), the correct solution for making the element as wide as the container without extending the container is:
min-width: -webkit-fill-available; min-width: fit-content; min-width: stretch; width: min-content;
(NB: The order of the three min-width properties is critical!)
(aside: the site is an Encarta-like encyclopedia for my book about a world inside a sandglass the size of Earth: https://camendesign.com/nomad #worldglass)
Replying to
@RandomDamage@infosec.exchange @adriano@lile.cl @SecureOwl@infosec.exchange @acarsdrama@live.acarsdrama.com Execs: “We need to add more AI to fix the parts where the AI failed”
Replying to
@polypunk@punkstodon.de It's just a meme to me: https://knowyourmeme.com/memes/it-was-made-for-me-this-is-my-hole
