@hi_mayank@hachyderm.io avatar

hi_mayank

@hi_mayank@hachyderm.io

old account

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

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

thinking about switching to a different masto instance ๐Ÿค”

hi_mayank,
@hi_mayank@hachyderm.io avatar

@mrtrimble they weren't accepting new members last time i checked ๐Ÿค”

hi_mayank,
@hi_mayank@hachyderm.io avatar

@sarajw @mrtrimble @mia thank you! i'll accept once i read everything there is to know about migrating accounts ๐Ÿซฅ

skinnylatte, to random
@skinnylatte@hachyderm.io avatar

Iโ€™m in it!

https://fosstodon.org/@eleventy/112457889743495660

hi_mayank,
@hi_mayank@hachyderm.io avatar

@skinnylatte i would totally frequent a website about asian potato chips!

hi_mayank, to 11ty
@hi_mayank@hachyderm.io avatar

playing with JSX components in #11ty, complete with my own CSS-in-11ty pipeline. the IDE experience is phenomenal!

(this is all done at build-time, with zero client-side JS)

hi_mayank,
@hi_mayank@hachyderm.io avatar

@kgf the asset bundling from webc is actually built into 11ty now (as of 3.0.0-alpha.10), so i'm just using that.

i'll open-source my repo after i clean up some things. maybe i'll even do a writeup if this sounds interesting to other folks ๐Ÿค”

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

firefox will now track your searches by default and you'd have no way of knowing they're doing that unless you look for this random blog post on their website: https://blog.mozilla.org/en/products/firefox/firefox-search-update/

it does look like you can turn it off at least.

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

watching a bit of react conf, and i have to say they really made the right call modeling their RPCs after form actions. it makes the progressive enhancement story dead simple

my only complaint is that they implicitly make the forms do a POST instead of using the default GET

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

does google not hire web developers anymore? this site is so poorly made, it feels comical

https://web.dev/blog/web-platform-dashboard?hl=en

hi_mayank,
@hi_mayank@hachyderm.io avatar

i've been fiddling with this site for 20 minutes and still don't understand it. https://webstatus.dev

it kinda feels like the result of a beginner-level developer trying to learn shoelace and Lit.

hi_mayank,
@hi_mayank@hachyderm.io avatar

@mrtrimble you can immediately recognize a flutter site since it feels like a native android app with material components.

but this site doesn't feel like that (though i could have guessed it's built with Lit before opening devtools). it's so so bad i had to pinch myself to make sure it's real

5t3ph, to accessibility
@5t3ph@front-end.social avatar

Hey friends - when do you recommend use of a roving tab index? When do you say proceed with caution, and when is definitely not appropriate?

Having some discussions where the sentiment from others is it can be "an accelerator" for getting though a "collection" but I'm not finding evidence for that recommendation vs allowing normal tab behavior outside of tabs or custom radio-type groups.

(Not so secretly hoping this nerd-snipes some of you into a blog post ๐Ÿ‘€)

hi_mayank,
@hi_mayank@hachyderm.io avatar

@5t3ph i think it only makes sense in patterns where it's actually expected. tabs, toolbars, listboxes, and menus (not navigation) come to mind.

i would avoid using it outside of composite roles, because it would conflict with AT shortcuts (especially on windows).

hi_mayank,
@hi_mayank@hachyderm.io avatar

@yatil @5t3ph i'm less skeptical about focusgroup, because it will make it easier to implement patterns where it does make sense.

as with any html/css feature, there is always potential for misuse

skinnylatte, to woodworking
@skinnylatte@hachyderm.io avatar

One of my oldest friends really went โ€˜Iโ€™m tired of computers Iโ€™m going to be a woodworkerโ€™ and became one of the best goddamn woodworkers anywhere

(Check out his work! โ€˜jiawoodโ€™ on Instagram and YouTube. He ships stuff to the Bay Area from time to time, thereโ€™s a bunch of us here who like to tell people about his work)

#Woodworking

hi_mayank,
@hi_mayank@hachyderm.io avatar

@skinnylatte wow, that's incredible! ๐Ÿ‘‘

bkardell, to random
@bkardell@toot.cafe avatar

Not sure how unpopular this opinion is but: Using an 's for possessive is the more intuitive thing with "it's" despite being "wrong" and I think we should just all rebel and do that.

hi_mayank,
@hi_mayank@hachyderm.io avatar

@bkardell it feels arbitrary, but i kinda like that it creates a distinction between the possessive and the contraction

the one i'd really like to change is when some proper noun ends with an "S" and suddenly doesn't require an apostrophe 'S, as if it were a plural. it makes no sense!

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

@import@hachyderm.io "โ€ฆ" supports(โ€ฆ) in webkit!!

https://front-end.social/@jensimmons/112435351235036474

hi_mayank,
@hi_mayank@hachyderm.io avatar

now that light-dark is in all three browsers, i should write about it ๐Ÿค”

basic setup:

html {  
 color-scheme: light dark;  
 &[data-theme=light] { color-scheme: light; }  
 &[data-theme=dark] { color-scheme: dark; }

 background-color: var(--theme-bg, Canvas);  
 color: var(--theme-fg, CanvasText);  
 โ€ฆ  
}

tokens:

:scope {  
--theme-bg: light-dark(white, black);  
--theme-fg: light-dark(black, white);  
 โ€ฆ  
}

components:

.button {  
 border-color: var(--theme-fg);  
 โ€ฆ  
}
jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

Safari 17.5 is out today! With
โ€ข text-wrap: balance and text-wrap: stable
โ€ข light-dark()
โ€ข @โ€‹starting-style
โ€ข @โ€‹import <url> supports(<feature>);
โ€ข AV1 for WebCodecs
โ€ข WebGL EXT_conservative_depth and NV_shader_noperspective_interpolation
and more!

https://webkit.org/blog/15383/webkit-features-in-safari-17-5/

hi_mayank,
@hi_mayank@hachyderm.io avatar

@BryceWrayTX you just need html { color-scheme: light dark; } (or corresponding meta tag)

https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

confession: i've never used a css float

hi_mayank,
@hi_mayank@hachyderm.io avatar

@zachleat also yes!

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

my talk "Don't fear the cascade" starts in ~15 mins!

https://www.youtube.com/watch?v=iLxJ6PtuF9M
https://conf.11ty.dev/

hi_mayank,
@hi_mayank@hachyderm.io avatar

i really respect that #11yconf had speaker honorariums, despite being a free event.

it's super important for conferences to compensate all speakers, who spend dozens (sometimes hundreds) of hours preparing their talks.

personally, i chose to have my honorarium be donated to open source projects that i think need it more than me (namely, @openwebdocs, @servo, @OddBird, and @vite)

hi_mayank,
@hi_mayank@hachyderm.io avatar

The recording of my talk "Don't fear the cascade" is now available, with accurate captions for proper nouns such as ":where" and "@โ€‹acab"!

https://www.youtube.com/watch?v=8Z8H2NEbLtE

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

anybody have thoughts on raindrop vs omnivore vs something else for bookmarks*?

currently i try to save links manually in obsidian, which means i often don't save links because of the energy it takes

(*bookmarks can also be temporary for the purpose of "read later", in the style of pocket)

hi_mayank,
@hi_mayank@hachyderm.io avatar

@superterrific @cory oof yeah, this thing is already dead for me now

hi_mayank,
@hi_mayank@hachyderm.io avatar

@superterrific @cory appreciate the heads up!

this kind of lock-in is the big thing i'm trying to avoid. like, i could just use the reading list and bookmark features built into the browser, but i may not use the same browser one year from now. so i want something that can work more like a markdown file in obsidian.

hi_mayank,
@hi_mayank@hachyderm.io avatar

@cory @superterrific not anymore. see the comment at the bottom of https://numericcitizen.me/when-war-in-ukraine-influences-my-application-choices/

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