@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.

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

Looks like Chromium will make <option> elements taller to meet WCAG’s target size requirement

https://groups.google.com/a/chromium.org/g/blink-dev/c/hGtkC0lDp6E/m/ZSOv8Wn4AwAJ

simevidas, to random
@simevidas@mastodon.social avatar

I’m thinking of creating a browser extension that correctly restores the scroll position when navigating back on YouTube’s website.

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

Every once in a while, Bill Maher makes a great point

https://www.youtube.com/watch?v=ByhEwybMtU0

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

Who won the 2020 US election?

GPT-3.5: Biden

Claude 3: “I do not feel comfortable speculating about or making claims regarding the results of past elections.”

Llama 3: Biden

Mixtral: Biden

(tested on https://duckduckgo.com/?q=.&ia=chat)

simevidas, to random
@simevidas@mastodon.social avatar

Browsers still haven’t fixed the CSS overscroll-behavior property

https://github.com/whatwg/html/issues/7732#issuecomment-2154195226

#interop2025

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

Finally managed to install Linux (Fedora) on the old laptop 🙌

So it turns out, Linux switched to overlay scrollbars (like macOS), but Chrome still uses classic scrollbars (like Windows). Firefox uses the system scrollbar, so it’s either overlay or classic depending on the OS. And the OS setting that controls this is called “Always show scrollbars”, just like on macOS (on = classic, off [default] = overlay).

simevidas, to random
@simevidas@mastodon.social avatar

From now on, whenever someone asks me “Why do you want to know that?”, I’ll just respond with “I like knowledge”.

raymondcamden, to random
@raymondcamden@mastodon.social avatar

Web Platform Folks: I swear I remember seeing, a LONG time ago, a spec for IndexedDB 2, that would add various features (better search) to IDB - but I guess nothing came of it? Anyone know more?

simevidas,
@simevidas@mastodon.social avatar

@raymondcamden The spec is at version 3 right now, so I assume the version 2 features have already been added to browsers.

https://w3c.github.io/IndexedDB/

You an search for “indexed” and “idb” on my list of browser intents to find discussions about adding new features.

https://github.com/simevidas/browser-intents

simevidas, to random
@simevidas@mastodon.social avatar

Tab previews in @FirefoxNightly

css, to CSS
@css@front-end.social avatar

Using modern CSS features to create a custom range slider with a tooltip. There is no JS to update the values, it's pure CSS with minimal HTML 😎

Powered by Scroll Driven animation, Anchor positioning, @​property and more! 🤩

Demo: https://codepen.io/t_afif/full/JjqNEbZ via :codepen: @codepen

Online Version: https://css-tip.com/range-slider-tooltip/

It's Chrome only for the tooltip but the range slider works fine in all the browsers.

Showing two range slider with a tooltip containing the selected values. From the linked demo.

simevidas,
@simevidas@mastodon.social avatar

@css You wrapped the element in a <label>, but then you didn’t include a label. That doesn’t really make sense.

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

@css Not having a label is not the problem. The problem is using a <label> element without including a label. That’s confusing. The purpose of the <label> element is to include a label. There is no other reason why this element exists, so if you don’t have a label in the demo, don’t use <label>. Just remove it. Use a <span> if you need a wrapper element.

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

Tried to put Ubuntu ISO on a USB stick, but balenaEtcher errored out. Had to google the error, check the GitHub issue, and find out that the latest version without the error is 1.18.11 from last year. Now it seems to work. Yesterday I tried to install Lubuntu via stick, unsuccessfully. I got two different errors for two different Lubuntu versions. I don’t remember installing Linux being this hard.

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

tl;dw Most of the energy from fossil fuels is wasted. Energy from renewable sources is much more efficient. In the future, we won‘t need the same amount of energy that we need today.

In other words, if we consume an X amount of fossil fuel energy today, and we want to get rid of fossil fuels, we won’t need the same X amount of renewable energy to do that, but only a fraction of X.

https://www.youtube.com/watch?v=EVJkq4iu7bk

simevidas,
@simevidas@mastodon.social avatar

You can check the energy flow chart for your country, but the data is from 2017:

https://flowcharts.llnl.gov/commodities/energy

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

No matter what the future holds for our human race on this Earth, one thing is certain. Google will never stop including GIFs in their blog posts. It‘s the one constant that we can rely on.

(https://blog.chromium.org/2024/05/multi-tasking-with-minimized-custom-tabs.html)

edit: I would not keep posting about this if I were not annoyed every time it happens. I want to pause the video. I would prefer a higher resolution and frame rate. We have the technology for this. Use it, Google.

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

Is <img loading=lazy> good enough for your websites, or do you still need to use a JavaScript lazy-loading library for advanced functionality, consistency, or other reasons?

simevidas,
@simevidas@mastodon.social avatar

@nhoizey Can you say more about this? I’m curious if what you need could be enabled by adding new HTML and CSS features.

simevidas,
@simevidas@mastodon.social avatar

@nhoizey That sounds like a use-case for the fetchpriority=low attribute.

simevidas, to random
@simevidas@mastodon.social avatar

Android 15 gives users the option to screen-record apps even when they’re in the background.

This could be useful for checking how a website behaves visually while it’s in the browser in the background. For example, if you want to confirm that animations are paused or that content updates are throttled.

https://youtu.be/kkX8_nbBqBQ?t=293

simevidas, to random
@simevidas@mastodon.social avatar

Just saw a guy walk his dachshund, and he had to pick him up on the stairs to the underpass. The dog didn’t even try to use the ramp that was right next to the stairs.

simevidas, to random
@simevidas@mastodon.social avatar

Croatia’s main railway station runs on Windows Vista

simevidas, to random
@simevidas@mastodon.social avatar

Chromium is improving the CSS text-size-adjust property:

  • text-size-adjust works with or without a meta viewport
  • non-auto values disable ALL automatic text size adjustments
  • percentages apply directly, without any heuristics
  • layout bugs are fixed

https://groups.google.com/a/chromium.org/g/blink-dev/c/LBs6mlOrHJo/m/1GIQYr-WDgAJ

simevidas, to random
@simevidas@mastodon.social avatar

youtube.com’s performance on mobile is very bad. It’s borderline unusable on my low-end Android phone. But don’t take my word for it. Just take a look at the CrUX numbers.

Does YouTube not realize that so many more people around the world would watch many more videos (and therefore ads) if performance was better? What’s wrong with them?

https://pagespeed.web.dev/analysis/https-youtube-com/46xf29cofy?form_factor=mobile

simevidas,
@simevidas@mastodon.social avatar

Like how is it possible that the same team that is able to manage a database of billions of videos, with hundreds of hours of new videos being uploaded every minute, isn’t able to create an efficient frontend consisting of simple HTML/CSS/JavaScript for playing those videos? They excel at the difficult stuff but then fail at the simple stuff. It defies belief.

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