@horuskol@phpc.social
@horuskol@phpc.social avatar

horuskol

@horuskol@phpc.social

I used to build things with HTML, CSS, JavaScript and PHP (2002 - 2023).

Now I'm spending more time creating boardgames, and hoping to sell some.

I also like using saws, chisels, and hammers.

An ex-Englishman living in South Australia.

he/him

This profile is from a federated server and may be incomplete. Browse more on the original instance.

ml, to accessibility
@ml@ecoevo.social avatar

Every once in a while sighted people say that alt text/image description should be automated - there should be a bank of generic descriptions. I'm not really for that and here's why: A plant scientist would have a very different description of this photo. If you can create text, you can create alt text/image description.

EDIT: While the point stands, I used a poor example. That insect had me fooled into thinking it was a winter twig as I didn't look closely enough!

horuskol,
@horuskol@phpc.social avatar

@ml

Just a couple more reasons why those people are wrong:

The reason for the image being used can change with the content it is used with. A generic description may not help people to understand the context of use.

Two vaguely similar images could end up with very similar generic descriptions, as the AI may focus on the wrong components of each image. A human author choose a particular image, and is the best person to write the appropriate description to convey the intended information.

horuskol, (edited ) to random
@horuskol@phpc.social avatar

What is your preferred medium for learning about code or something related to development?

andrewfeeney, to random
@andrewfeeney@phpc.social avatar

Pronouncing “distro” like “bistro”.

horuskol,
@horuskol@phpc.social avatar

@Njames @andrewfeeney

Isn't that how the French pronounce it?

horuskol,
@horuskol@phpc.social avatar

@andrewfeeney @Njames

Ironic, since the first French bistros where places that served "cheap and simple" "robust, earthy country food" rather than haute cuisine.

horuskol, to Disney
@horuskol@phpc.social avatar

Wish streaming services would make it easier to mark episodes or movies as watched or unwatched.

Want to rewatch season 1 of Wheel of Time on #Prime - but the interface keeps trying to get us to watch the first episode of season 2 and makes it hard to reset the earlier episodes.

Or on #Disney where movies get stuck in our "continue watching" list even though we've watched it all.

horuskol, to HashtagGames
@horuskol@phpc.social avatar

🎶
I wanna sleep, all nite.
And slumber every day.
🎵


horuskol, to php
@horuskol@phpc.social avatar

I didn't expect to be able to read from a write-only stream in #PHP

(I might have forgotten this was possible - it's been a long time since I worked directly with streams)

https://3v4l.org/9HjGW

horuskol,
@horuskol@phpc.social avatar

Ah, okay. Turns out it's a bit of weirdness from using the php://memory stream.

Using an actual file behaves as expected:

https://3v4l.org/5M4G5

Thanks to Sam Levy for the linked example.

horuskol, to HashtagGames
@horuskol@phpc.social avatar

Welcome to Paradise City


horuskol, to HashtagGames
@horuskol@phpc.social avatar

Mr Bright Side of the Road


horuskol, to HashtagGames
@horuskol@phpc.social avatar

Enter Mr Sandman


horuskol, to HashtagGames
@horuskol@phpc.social avatar

Mr Jones and Me and My Shadow


horuskol, to HashtagGames
@horuskol@phpc.social avatar

I Don't Like Blue Mondays


zachleat, (edited ) to random
@zachleat@zachleat.com avatar

A very unscientific poll about light and dark modes on web sites:

horuskol,
@horuskol@phpc.social avatar

@zachleat

I have no overall preference - it depends on the site and its design.

horuskol, to CSS
@horuskol@phpc.social avatar

Trying to think of a name for a function that takes a colour with some transparency and a solid background colour, and produces the equivalent non-transparent colour.

Would flatten be the right name?

#CSS #Design

I guess it's just a specific use of mix.

horuskol, to HashtagGames
@horuskol@phpc.social avatar

Watching other people's paintings dry


felixthehat, to random

I’ve not seen one of these outside of the netherlands before, efficient!

a video of a ladder-platform being used to move furniture from a 5th floor window to ground level

horuskol,
@horuskol@phpc.social avatar

@felixthehat

Saw one in Paris - having seen how narrow staircases and even the retrofitted elevators were there, it made a lot of sense for shifting furniture.

horuskol, (edited ) to CSS
@horuskol@phpc.social avatar

A conversation and a separate observation got me thinking about

<figure>
<img />
<figcaption />
<figure>

Of course, the image has an alt attribute which describes the contents of the image - so what goes in the figcaption?

What I've just seen on a site was:

<figure>
<p />
<figcaption />
</figure>

The p element had a couple of spans that used CSS animations - and the (visually-hidden) figcaption described the animation. Should it be visually-hidden, though?

#HTML #Accessibility

horuskol, to random
@horuskol@phpc.social avatar

I noticed my hard drive was getting a bit full yesterday - so I went on a tidy up.

Now I just realised that I deleted the directory with all my local working copies of my personal/organisation sites... 😬

Luckily - they're all up on github - but local config files are gone 😭

How's your Friday going?

horuskol,
@horuskol@phpc.social avatar

@valorin

Yeah... I backup up selected directories to an external drive (which is semi-regularly swapped with another drive that lives at my parents' house).

For some reason, I figured that my checkouts directory is just cloned from GitHub so it didn't need to be included. Might rethink that.

Luckily I partition my checkouts to separate my websites from my packages and from clients' sites.

lazyq2, to webdev

Anyone else feels #html heading ranks (h1 to h6) are meant for documents like MS Word documents/essays and that the HTML spec should have a generic <caption>/<legend> element for UI components like product lists, widgets, article lists, etc.?

In my interpretation <ol><li><a><article><h1>(product name... is the correct structure for a list of product thumbnails #semantics wise, but I doubt this is right for #accessibility in practice. #webdev

horuskol,
@horuskol@phpc.social avatar

@lazyq2

Ah, I see where you're coming from with those product cards. Could you use figure and figcaption to tie the description to the image? Other information on the card like the user star rating would be outside the figure element, but in the li.

horuskol,
@horuskol@phpc.social avatar

@tanepiper @lazyq2 @aardrian

I think it's okay to have the site name in a <h2> above the page specific <h1> - though my more recent layout/designs aren't doing this so much.

horuskol,
@horuskol@phpc.social avatar

@lazyq2 @SteveFaulkner

What do you mean by sidebar? I would think that the use of <aside> to mark content as not directly related is exactly what a sidebar normally requires.

Content on the side isn't necessarily a sidebar, though - if it actually contains directly related content.

horuskol,
@horuskol@phpc.social avatar

@lazyq2 @tanepiper @aardrian

This is the way.

horuskol,
@horuskol@phpc.social avatar

@lazyq2 @SteveFaulkner

I think it's good that things change in the spec over time - it (and we developers) needs to adapt to the reality of browser rendering and accessibility software (for better or worse).

It's also a continual refining process given what we want websites to do continues to evolve over time, along with what and how information is presented is always changing.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • kavyap
  • DreamBathrooms
  • cisconetworking
  • khanakhh
  • mdbf
  • magazineikmin
  • modclub
  • InstantRegret
  • rosin
  • Youngstown
  • slotface
  • Durango
  • tacticalgear
  • megavids
  • ngwrru68w68
  • everett
  • tester
  • cubers
  • normalnudes
  • thenastyranch
  • osvaldo12
  • GTA5RPClips
  • ethstaker
  • Leos
  • provamag3
  • anitta
  • lostlight
  • All magazines
    •