@simevidas@mastodon.social
@simevidas@mastodon.social avatar

simevidas

@simevidas@mastodon.social

I’m interested in HTML, CSS, and making the web less annoying. My name is pronounced ˈshe-meh.

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

westbrook, to random
@westbrook@mastodon.social avatar

Get ready developers, if your custom elements happen to leverage a property, changes to the web platform will cause your elements not to perform as expected when becomes on the 24th of May.

Learn more about the Popover API, here: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API

What is does is cause the popover property on HTMLElement will not reflect and inadvertently sign your element up for opening onto the top layer. So...

Update your custom elements, today!!

simevidas,
@simevidas@mastodon.social avatar

@westbrook I guess we’re in the “Will it have to be renamed?” phase of shipping a web platform feature.

Thayer, to random
@Thayer@mastodon.social avatar

What was your favourite decade in your life, and why?

simevidas,
@simevidas@mastodon.social avatar

@Thayer The ’90s. Social media and internet-based entertainment didn’t exist yet.

simevidas, to random
@simevidas@mastodon.social avatar

This works without JavaScript because it’s <details>, and that works without JavaScript because it’s <a>.

Before adding another JS library, ask yourself if HTML can do it.

video/mp4

simevidas,
@simevidas@mastodon.social avatar

@Av1 The theme is https://addons.mozilla.org/firefox/addon/white/. The addons are Hide fixed elements, Stylus, uBlock Origin, webcompat reporter, Feedbro, Multi-account containers, QR code generator, and Firefox Translations.

simevidas,
@simevidas@mastodon.social avatar

@brawaru If an HTML feature has accessibility issues, then JavaScript is needed to fix that.

What is the accessibility issue in this case? I’ve checked the speech output in VoiceOver. It’s a bit long, but that’s probably still acceptable.

simevidas,
@simevidas@mastodon.social avatar

@alinanorakari The <h2> element in the <summary> is treated like pure text. The website should probably not use <h2> here. I’ve created an issue: https://github.com/mdn/yari/issues/8849

How is this a problem for users? The <summary> is operable, and screen readers read its text.

simevidas,
@simevidas@mastodon.social avatar

@cwilcox808 @brawaru @scottohara Yes, that article has a section “<summary> can have nested interactive elements and headings”. If I understand correctly, for now it is better to not include headings in <summary>.

davatron5000, to random
@davatron5000@mastodon.social avatar

Ok ok ok. One more.

How satisfying is that!? I've wanted this little container animation for years now.

Screencap of me toggling between the About page and the Bookshelf page of my website. The centered text container column expands on navigation to full browser width on the on the Bookshelf to support the 7 columns worth of books on my virtual bookshelf.

simevidas,
@simevidas@mastodon.social avatar

@davatron5000 It may be a good idea to disable that translate animation in prefers-reduced-motion.

simevidas, to random
@simevidas@mastodon.social avatar

Brave users will be able to set “forgetful browsing” as a global default. Kudos to Brave for tackling the web’s bad defaults.

https://brave.com/privacy-updates/25-forgetful-browsing/

Edent, to random
@Edent@mastodon.social avatar

I.... What?! Reverse italics? How is that even possible?!

simevidas,
@simevidas@mastodon.social avatar

@Edent That’s no problem for a variable font.

simevidas, to random
@simevidas@mastodon.social avatar

I continuously remind myself that when I participate in a GitHub issue for an open-source project, my goal isn’t to “be right”, but to solve the issue.

If someone is over-sure that my feedback is incorrect, and they respond in a disrespectful manner, I still should remain polite and focus on solving the issue.

Even small things like “As I’ve explained in my previous comment…” are unnecessary and counterproductive.

simevidas,
@simevidas@mastodon.social avatar

It’s like when somebody shouts at you. The impulse is to raise your voice, but it is better to remain calm. If the argument becomes heated, everyone loses, and continuing the discussion is a waste of time.

edit: Of course, there exist people who enjoy participating in heated debates. I think solving problems is a better use of our time.

simevidas, to random
@simevidas@mastodon.social avatar

Yesterday I carried an 11 kg (24 lbs) bag across town for an hour. Today my trapezius and biceps hurt. … What a great exercise. I should do this more often.

Edent, to webdev
@Edent@mastodon.social avatar

Here's a knotty problem.

Is it possible to apply to <select><options>?

I want my options laid out in a horizontal line (which is possible) and to wrap to a new line if there isn't space (which I think is impossible).

Anyone cleverer than me able to figure it out?

See https://jsfiddle.net/edent/v2qeyfg8/1/

(Horizontal layout doesn't work on Safari.)

simevidas,
@simevidas@mastodon.social avatar

@Edent Radio button group?

https://jsfiddle.net/pg45zoy0/

(code is quick and dirty = not production ready)

simevidas, to random
@simevidas@mastodon.social avatar

One day, some browser will make animated GIFs click-to-play. People will be ecstatic. It will be called the best new feature in years. Everyone will be in disbelief that it took so long to add such an obviously good feature. Many articles will be written. People will shout to themselves “Yes!” and “Finally!” The world will become a slightly better place.

simevidas, to random
@simevidas@mastodon.social avatar

Partial Custom Tabs for Android apps: “Now you can control the height of the Custom Tab overlay. This way, users can interact with your app and web content at the same time.”

https://developer.chrome.com/en/blog/whats-new-in-web-on-android-io2023/

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

Really enjoyed the Metroid (2d) series (as a late comer). Got Dredd a week ago and been on the final boss for the last 3 days and just can't get past the 3rd attack sequence. So so close to completing! (I'm really not a gamer, but having a bit of time for me and such a good story has made for some fun gameplay).

simevidas,
@simevidas@mastodon.social avatar

@rem Back in the ’90s, when I grew up, it was normal to not beat difficult games. That shouldn’t be seen as a failure.

simevidas, to random
@simevidas@mastodon.social avatar

In related news: How Pete achieved record-breaking muscles by focusing on physical activity

https://performance.shopify.com/blogs/blog/how-carpe-achieved-record-breaking-sales-by-focusing-on-performance-optimization

zachleat, to random
@zachleat@zachleat.com avatar

how do I defragment my friends currently spread across 3+ social medias

simevidas,
@simevidas@mastodon.social avatar

@zachleat sounds like you need the help of a SCO (Social Contacts Optimization) expert.

simevidas, to random
@simevidas@mastodon.social avatar

I’d like to watch Croatia’s national TV in my browser, but the official website asks me to allow scripts from 8 third-party sites, including Google and Facebook. … I reject this status quo on the web.

simevidas,
@simevidas@mastodon.social avatar

The two additional critical script domains were code.jquery.com and cdnjs.cloudflare.com. Three scripts in total. The website should have self-hosted, but fine. With the 6 other script domains still blocked, I can watch some TV.

raymondcamden, to random
@raymondcamden@mastodon.social avatar

Please please please stop using "auto dismissing errors". Latest culprit - Google Calendar. It will show a VERY small error at the bottom of the page that auto dismisses.

simevidas,
@simevidas@mastodon.social avatar

@raymondcamden “The probability of fundamental accessibility issues on a website does not decrease with the net worth of the company that made it.” - web platform axiom

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

Do web browsers on Windows 11 have overlay scrollbars now (like on macOS), or are they still classic?

edit: Found the answer. It’s an Edge flag called Windows Fluent scrollbars, which when enabled allows the user to turn off the “Always show scrollbars” option, which switches scrollbars to overlay.

https://www.reddit.com/r/MicrosoftEdge/comments/10jlyg8/fluent_overlay_scrollbars_are_back_in_edge_canary/

But what about Firefox?

simevidas,
@simevidas@mastodon.social avatar

Tested on Windows 10: Both Chrome and Firefox have custom overlay scrollbar implementations behind flag/config.

https://www.reddit.com/r/firefox/comments/xpekb4/firefox_overlay_scrollbars_on_windows_10/

simevidas, to random
@simevidas@mastodon.social avatar

React Aria components (https://react-spectrum.adobe.com/react-aria/react-aria-components.html) that should have standard pure-HTML equivalents:

  • sortable table
  • tabs
  • date range picker
  • tooltip on focus

HTML isn’t done yet.

simevidas,
@simevidas@mastodon.social avatar

@westbrook I checked on WICG forum:

tabs https://discourse.wicg.io/t/standard-tab-control/1621
sortable table https://discourse.wicg.io/t/sort-attribute-for-tables/6056

simevidas, to random
@simevidas@mastodon.social avatar

A little experiment: Blocking non-critical scripts on imgur.com.

I picked a random image page: https://imgur.com/gallery/8xL2nAW.

First, I loaded the page in vanilla Chrome. I only scrolled by a small amount, to show the image and comments.

The result:

56 scripts, 5.7 MB of JavaScript (1.4 MB transferred)

Screenshot of devtools network panel.

simevidas,
@simevidas@mastodon.social avatar

@gdr Not bad!

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