@colinaut@dice.camp
@colinaut@dice.camp avatar

colinaut

@colinaut@dice.camp

(he/him) Artist, designer (print/web/branding/XD/games), and front-of-the-full-stack-ish developer. My friends are rad. My artistic journey has lead me to be a key organizer for several collaborative art events both large and small — from dapper tweed bike rides to small 1/16 scale art festivals to large immersive performances. I am avidly into tabletop roleplaying games as both a player, facilitator, and designer and I am part of staff for my favorite con, Big Bad Con!

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

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Does anyone have any “gotchas” that they wish they knew when getting into them?

colinaut,
@colinaut@dice.camp avatar

@DavidDarnes Declarative Shadow DOM isn’t a panacea. It only solves is the issue of FOUC. And it does this by making you add template boilerplate for every instance of the component on the page. This is obnoxious unless you are using a component framework to build your site—in which case why use them at all? It would have been better if the spec had allowed for declaring the web component template in the head of the html or something. In the main, light DOM HTML web components are the way to go.

aardrian, to accessibility
@aardrian@toot.cafe avatar

I, for one, am curious how allowing tables (et al) in <option> is going to work when the issue discussing it is deferring to another issue — in which none of them are participating.

WHATWG : HTML parser changes for stylable <select>
https://github.com/whatwg/html/issues/10310

colinaut,
@colinaut@dice.camp avatar

@aardrian shoving <table> in <select> gives big 🤡 car energy

Dianepatterson, to random
@Dianepatterson@wandering.shop avatar

Today's pro-tip:

If you have to do a Google search, use “before:2023" at the beginning of your search string. You get a completely different (and IMO much more usable) set of results.

The web has died.

colinaut,
@colinaut@dice.camp avatar

@Dianepatterson This is a great idea as long as you don't require up to date info. If that's not a factor then great! I might even go back further than that since the SEO enshittification of content was infesting the web prior to AI content generators. At least, 2020 but the earlier the better.

ninavizz, to random
@ninavizz@mastodon.social avatar

Damn. I just looked at the TaskRabbit site. The site that really launched the whole gig-economy concept, into the hellfire of VC exploitation. That never meant to enable exploitation, and only hoped to help folks help one another.

Man, it's turned into a soul-less IKEA assembly resourcing tool. Sure, it's owned by IKEA—but they coulda kept their fun character. :(

colinaut,
@colinaut@dice.camp avatar

@ninavizz honestly I almost find that simple basic focus refreshing. It’s basically the same. Still offering various simple house tasks. This is in contrast to the exploitation and grift circus that nearly everything else is online these days.

mia, to random
@mia@front-end.social avatar

My (perhaps unhinged) new hot take on shadow DOM is that it's one more way for corporations to act proprietary and paternalistic about their web stuff.

Keep your meddling DIY hands out of their special magic DOM. Who do you think you are with that CSS you wrote? You're only going to hurt yourself.

colinaut,
@colinaut@dice.camp avatar

@mia I don't mind Shadow DOM scoping CSS but the fact that it doesn't have an escape hatch is the issue. You can build in css variables and :part but it needs to be built in and it's so much "you can touch this, but not this." There needs to be a switch you can trigger that reads "Give me full control. I'm aware that I am voiding the warranty and may break things."

aardrian, to random
@aardrian@toot.cafe avatar

I have always found it trivial to generate unique IDs programmatically (client- or server-side) and not too difficult to do it manually (such as the IDs I put on my headings to allow for anchor links).

Not nearly as difficult as naming things (nor cache invalidation).

When someone says it’s difficult and I scoff, am I being too dismissive? What am I missing?

colinaut,
@colinaut@dice.camp avatar

@aardrian Sure if you misname an id it won’t link right but relative linking has its own problem areas like if the two sections move to other parts of the document. It solves one issue ID name (which I agree is a non-issue) by introducing another (which is likely more prone to accidental code changes).

sohan, to random
@sohan@freeradical.zone avatar

Americans: please give us an affordable, practical, small EV with decent range

American car companies: here’s a $70,000 EV truck that weighs 6 tons lol

<zero EV trucks are sold>

American car companies: wow americans aren’t ready for EVs

colinaut,
@colinaut@dice.camp avatar

@knowattitude @mastodonmigration @christa @sohan I’d prefer they ditch the back seats and expand that truck bed as it’s too small to be useful for much.

ninavizz, (edited ) to random
@ninavizz@mastodon.social avatar

Friends fluent in webdev, frontend frameworks, and a11y: I'm looking for "textbook" examples of websites coded using React components, that are also highly accessible.

Clean semantic HTML, fully keyboard navigable, clear states on interactive things, etc. No "bent to the will of flustered fullstack developers" CSS, JS, or HTML. No bloat.

Recommendations? Client I'm looking to share examples with, is accounting software for labor unions. No pictures, lots of tables, forms, and data. TIA!!!

colinaut,
@colinaut@dice.camp avatar

@ninavizz I don’t have any specific sites to point to but there are a few React component libraries that are focused on being accessible by default:

https://ariakit.org/

https://chakra-ui.com/

https://react-spectrum.adobe.com/react-aria/index.html

There are others too

lcamtuf, (edited ) to random

I generally try to stay away from COVID debates, but there's one thing that irks me: the popular assertion that our response to COVID proves that we wouldn't be able to handle a more deadly disease.

The problem with COVID was precisely that from the perspective of most people, it was akin to a flu. I don't need to be schooled about the differences; I'm talking about perception. Flu is deadly, but also familiar and mundane - and we go about our lives without re-litigating the trade-offs.

This is why I think that any attempts to reshape the society in response to the disease were more or less destined to fail, even if you took weird politics and conspiracy theories out of the equation. Again, I'm not asserting this was right or wrong - just that it didn't surprise me at all.

It doesn't follow that we'd respond the same way to a more frightening and unfamiliar disease. In fact, there are examples - such as the response to HIV - that suggest we can get our stuff together when the risk appears more dire.

colinaut,
@colinaut@dice.camp avatar

@lcamtuf maybe but considering that several right wing led states have now post-COVID instituted policies that forbid health measures like masking, vaccinations, or any governmental intervention, it’s arguable that we are as a country (or at least those states) are less prepared.

colinaut, to random
@colinaut@dice.camp avatar

Updated my action-table to 2.0 with a number of new features that I wanted including:

  • local storage for saving sort/filter state
  • URL search params for setting initial sort/filter
  • free text search input filter
  • whole table search
  • more little touches

https://colinaut.github.io/action-table/

colinaut, to random
@colinaut@dice.camp avatar

Been digging this idea of simple practical native HTML because sometimes you just need to drop in a little functionality. I built a component for easily sorting and filtering tables. https://colinaut.github.io/action-table/

colinaut,
@colinaut@dice.camp avatar

Main goal of making this was to just get more experience writing native web components. But I do have a specific use which is to replace the code for the event table on Big Bad Con. The code I have there works but it's a bit messy.

colinaut,
@colinaut@dice.camp avatar

Web Components have started to click for me once I read all the recent chatter about HTML Web Components. Basically, ignore all the Shadow DOM business and just use the Light DOM unless you have an overriding need for locking it all down.

Good write up on all that here: https://cloudfour.com/thinks/html-web-components-are-having-a-moment/

colinaut,
@colinaut@dice.camp avatar

@aardrian I read your Sortable Table article and that's why I added aria-roledescription. It sounded like from reading it, and playing with the Mad Lib tool, that it added "sort button" without then repeating "button" again as it replaces the [control]. Am I mistaken?

Felt like an easy add to state it's sort function without adding a whole other text field caption. But maybe it's best without it and just keep it simple.

colinaut,
@colinaut@dice.camp avatar

@aardrian alright I’ll just remove it and keep it simple. Thanks tons for the advice!

colinaut,
@colinaut@dice.camp avatar

@aardrian No it's all good. You were very nice and constructive with your advice. I really appreciate it since you clearly are an authority on this topic.

I built this partially experiment with web components but also I have a need for it. One of my projects, the game con @bigbadcon, has an events table and while it works it's a bit of a code mess and doesn't have good a11y dev. I wanted to fix that since the game con really cares about accessibility. So your help here helps that too. Thanks!

colinaut,
@colinaut@dice.camp avatar

@aardrian @bigbadcon Thanks for the praise. Yeah there are a bunch of bad game con sites. I know there are ways we can improve too. We do our best with our small volunteer team.

If you have advice for improving the accessibility of out main nav for the site let me know. You can reply here or email my staff email at colin@bigbadcon.com

colinaut, to random
@colinaut@dice.camp avatar

Excellent interview with kEvin Key and Nivek Ogre of Skinny Puppy about calling it quits for the band after 40 years and what’s next. https://www.laweekly.com/into-remission/

colinaut, to random
@colinaut@dice.camp avatar

Weeeee Covid, just in time for the weekend! At least I had the vaccine which should ideally reduce how bad it is.

colinaut, to random
@colinaut@dice.camp avatar

Last night’s Skinny Puppy show was excellent! Today, I’ve been reading about the band’s history and various side projects. Some of which I know as I picked up a lot of the CDs back in the day, and some I didn’t know as that was before Wikipedia. They really are an amazing band and influenced so many others.

Anyways if you are in SF they have one more night tomorrow at the Fillmore. After that they play LA. I recommend going! https://skinnypuppy.com/

heyheymomo, to random
@heyheymomo@socel.net avatar

I don’t think I’ll ever craft anything in any video game

colinaut,
@colinaut@dice.camp avatar

@heyheymomo I really hate the crafting video game mechanic and how it’s taken over nearly every game. Such tedium.

jdnicoll, to random
@jdnicoll@wandering.shop avatar

16 Psyche contains enough precious metal that if NASA redirected it to Earth, the price of gold, platinum, and silver would fall to zero... because the impact of a 220 km asteroid at orbital velocities would be an extinction event comparable or worse than the End Permian and we'd all be dead.

!

colinaut,
@colinaut@dice.camp avatar

@michael_w_busch @jdnicoll @nyrath sad I missed the Late Heavy Bombardment tour. I heard it was pretty rad! So many huge heavy metal bands rocked the house!!!

zachleat, to random
@zachleat@zachleat.com avatar

Reluctantly realizing we need a marketing name for minimal zero-dependency Vanilla Web Components that progressively enhance from Light DOM 😬

colinaut,
@colinaut@dice.camp avatar

@zachleat @davatron5000 is ruperts a linear or logarithmic scale?

rivetgeek, to CSS
@rivetgeek@dice.camp avatar

OMFG I hate .

colinaut,
@colinaut@dice.camp avatar

@rivetgeek btw if you want to know all about modern css layout i highly recommend this https://every-layout.dev/

hamatti, to blogging
@hamatti@mastodon.world avatar

I finally added a way to add comments to my blog posts and decided to do it via Mastodon post + replies, inspired by the works of @jwildeboer and @cassidy.

https://hamatti.org/posts/blog-comments-via-mastodon/

colinaut,
@colinaut@dice.camp avatar

@hamatti @jwildeboer @cassidy this is cool! I was thinking about how to handle comments with one of my sites. Do you have a way to do moderation in case you get spammers/scammers/jerks commenting here? I assume you could block via mastodon but I’m curious how your script handles blocked comments.

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