@hi_mayank@hachyderm.io avatar

hi_mayank

@hi_mayank@hachyderm.io

design engineer who listens to too much prog metal (and sometimes writes css)

i care deeply about accessibility and inclusivity

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

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)

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

the thing i love about CSS is that there are no "CSS bros" in the way that there are "JS bros", "tailwind bros", and even "HTML bros"

aral, to random
@aral@mastodon.ar.al avatar

Hello, I am a new startup!

I’m funded by venture capital and free to use.

Please come and make me valuable by using me. Make my numbers go up!

Once you do, I’ll have everything I need and I can do whatever I want with the time and effort you’ve put into making me successful.

Not happy? Fuck you, I don’t need you anymore (network effects FTW, amirite?)… I’m laughing all the way to the bank.

Goodbye!

…

Hello, I am a new startup…

When are we going to learn to say “no” at the start?

hi_mayank,
@hi_mayank@hachyderm.io avatar

@aral this talk is excellent! you really have a way of telling an engaging story

skinnylatte, to random
@skinnylatte@hachyderm.io avatar

i miss reading restaurant reviews on people's blogs. i hate reading them in google maps / yelp. absolutely no personality. maybe i'll go back to posting restaurant reviews on my own blog as well

hi_mayank,
@hi_mayank@hachyderm.io avatar

@skinnylatte omg 💀

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

really appreciate that had quality live captions and that it worked so smoothly with youtube

this should be standard practice for conferences

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

take a shot every time i say "specificity"

hi_mayank,
@hi_mayank@hachyderm.io avatar

this was my first conference talk ever, so a little janky, but it turned out mostly fine 😅

the hardest part was navigating between the half dozen windows i had open. also the time limit

hi_mayank,
@hi_mayank@hachyderm.io avatar

this slide was the real reason reason i gave this talk 😄

hi_mayank,
@hi_mayank@hachyderm.io avatar

@chriskirknielsen thank you!

btw i wanted to use your unofficial CSS logo in my slides, but couldn't find it 😅

hi_mayank,
@hi_mayank@hachyderm.io avatar

icymi, the talk starts at 3h 51m in this recording: https://www.youtube.com/live/iLxJ6PtuF9M?feature=shared&t=13858

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
  • •
  • Leos
  • mdbf
  • magazineikmin
  • thenastyranch
  • Youngstown
  • osvaldo12
  • rosin
  • slotface
  • ngwrru68w68
  • InstantRegret
  • PowerRangers
  • kavyap
  • tsrsr
  • DreamBathrooms
  • tester
  • everett
  • hgfsjryuu7
  • khanakhh
  • GTA5RPClips
  • vwfavf
  • Durango
  • cubers
  • tacticalgear
  • ethstaker
  • cisconetworking
  • normalnudes
  • modclub
  • anitta
  • All magazines
    •