@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

Father: I found an ad for something I want to buy on Facebook.
Me: Let me check if the website is legit. … It’s not.
F: How do you know?
M: It’s obvious from looking at it*.
F: I’ll try anyway.
M: It’s a scam to steal your credit card info.
F: But I already bought stuff on the internet. It worked before.
M: …

*edit: https://bostonct.top if you want to take a look

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

W3C should create a task force whose job would be to investigate why websites use JS libraries for functionality that exists in HTML, and propose solutions that would improve existing HTML features and introduce new HTML features with the explicit goal of making it easier for websites to choose HTML over JS.

simevidas,
@simevidas@mastodon.social avatar

This task force would for every HTML feature compile a list of problems that prevent websites from using these features. They would assign priorities to these problems, and apply pressure on browser vendors and standards bodies to get the problems fixed.

simevidas,
@simevidas@mastodon.social avatar

@nhoizey There is not enough focus on fixing the problems and limitations of existing HTML features.

bkardell, to random
@bkardell@toot.cafe avatar

What's something newly interesting to you? Doesn't have to be about the web...

simevidas,
@simevidas@mastodon.social avatar

@bkardell How well my country is doing and being governed.

simevidas,
@simevidas@mastodon.social avatar

@bkardell Croatia

simevidas, to random
@simevidas@mastodon.social avatar

When you find a web shop that works without JavaScript, including search, the menu and sub menus, options for filtering and sorting, and even the cart

Teacher saying thank you.

simevidas,
@simevidas@mastodon.social avatar

@zachleat https://hideout.hr

The design is a bit unrefined, but I’m fine with it.

simevidas,
@simevidas@mastodon.social avatar

@SaraSoueidan https://hideout.hr

simevidas, to random
@simevidas@mastodon.social avatar

Isn’t this wrong? A PWA loads from service worker cache, and then new data loads using HTTP. A native app works the same. It loads new data using HTTP, so it’s also “web-based”. Why does Ionic single out PWAs when all apps use the same technology to load data from the network? Performance issues caused by a slow network affect all apps equally. It’s not a PWA problem.

https://ionic.io/blog/pwas-not-a-standalone-solution

simevidas,
@simevidas@mastodon.social avatar

@raymondcamden The author’s not active on social networks, but I replied to Ionic on Twitter.

simevidas,
@simevidas@mastodon.social avatar

@bhollis I’m not a fan of those ”Update available” toast notifications in web apps. It’s distracting. There needs to be a better way.

simevidas,
@simevidas@mastodon.social avatar

@raymondcamden They wrote, “It’s a web based and online-first problem that does affect PWAs compared to an alternative like an offline first native app. PWAs require an internet connection to load the initial content. Native apps can distribute with that initial content for first launch.”

simevidas, to random
@simevidas@mastodon.social avatar

Firefox 126:

10% faster First Contentful Paint “pretty much across the board” by moving brotli decompression off the main thread

https://blog.nightly.mozilla.org/2024/04/23/wall-to-wall-improvements-these-weeks-in-firefox-issue-159/

mikemai2awesome, to CSS
@mikemai2awesome@mastodon.social avatar

Just sharing something I found recently. One line of CSS to make San Francisco more accessible:

font-feature-settings: "ss06";

Why isn’t this the default? No clues.

https://codepen.io/mikemai2awesome/pen/JjVxPKE

simevidas,
@simevidas@mastodon.social avatar

@mikemai2awesome I use the following user styles to achieve that effect on twitter.com

body * {
font-variant-alternates: styleset(ss01) !important;
}

@font TwitterChirp {
@styleset { ss01: 1 }
}

simevidas, to random
@simevidas@mastodon.social avatar

In CSS, width: fit-content does not work on multi-line text that has text-wrap: balance, and that’s a problem for elements with a visible box (background, border, etc.); it’s “incredibly hard to work around”

https://github.com/w3c/csswg-drafts/issues/191#issuecomment-2072372597

What are the workarounds?

simevidas,
@simevidas@mastodon.social avatar

@kizu @css In JavaScript, can we get the length of the longest line (617.7px in the screenshot)?

(https://jsbin.com/higoroq/edit?css,output)

paul, to random
@paul@status.kinlan.me avatar

https://github.com/explainers-by-googlers

simevidas,
@simevidas@mastodon.social avatar

@paul That logo belongs in an art gallery

aardrian, to accessibility
@aardrian@toot.cafe avatar

I know that macOS / Safari displayed the alt text for broken images through Safari 17.0 (visually clipping as necessary).

Testing in macOS 14.4.1 / Safari 17.4.1, however, shows me that alt text is no longer displayed.

Has anyone else noticed this regression?

simevidas,
@simevidas@mastodon.social avatar

@aardrian I tested this last year and determined that desktop Safari only renders alt text if it fits within the image’s dimensions:

https://mastodon.social/@simevidas/109935983390494346

simevidas, to random
@simevidas@mastodon.social avatar

@hexagoncircle Re https://ryanmulligan.dev/blog/detect-js-support-in-css/, the problem is that (scripting: enabled) still matches when the user disables JS via a browser extension.

The user may be browsing with JS disabled by default via the NoScript or uBlock Origin extensions and turn on JS on specific sites only. (I do that.)

I wouldn’t be surprised if this method is much more popular than disabling JS globally in browser settings. The CSS scripting feature matches incorrectly for such users.

simevidas, to random
@simevidas@mastodon.social avatar

The fact that can and can’t sound almost the same is a problem.

“I can trust you.”

“I can’t trust you.”

If I managed a team that speaks as an integral part of their job, I would ban can’t and force everyone to say cannot.

simevidas,
@simevidas@mastodon.social avatar

@pepelsbey there are so many great Youtube channels

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

Here is a great use case for container queries, inspired by LinkedIn's feed.

✨ Show or hide each post action label (e.g: 'Like' or 'Comment') based on the container width. ✨

Learn more in my recent interactive guide about container queries: https://ishadeed.com/article/css-container-query-guide

video/mp4

simevidas,
@simevidas@mastodon.social avatar

@jak2k @shadeed9 not on mobile devices

simevidas,
@simevidas@mastodon.social avatar

@shadeed9 Do you view icon-only buttons as a problem?

rauschma, to webdev
@rauschma@fosstodon.org avatar

: I still remember <dl> as “definition list” but it’s now called “description list”.

Similar redefinitions (in these cases, to make the elements more semantic):
– <hr> (horizontal rule) is now “thematic break” (tHematic bReak?).
– <i> (italics) is now “idiomatic text”
– <b> (bold) is now “bring attention to”

simevidas,
@simevidas@mastodon.social avatar

@rauschma What matters is what screen readers call them. For one, <i> and <b> are ignored (not announced separately), so we might just as well call them italic and bold because that’s all that happens. The font changes visually, and that’s it.

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