@pepelsbey@mastodon.social
@pepelsbey@mastodon.social avatar

pepelsbey

@pepelsbey@mastodon.social

Frontend developer in love with the Web, browsers, bicycles, and podcasting. He/him, https://mozilla.social/@MDN technical writer, Google Developer Expert, co-host of the https://mastodon.social/@fword_dev. Based in Berlin

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

MoritzGiessmann, to random
@MoritzGiessmann@mastodon.social avatar

Is there any reason to implement a dark/light theme switch on a website, when the site just reflects the OS setting?

pepelsbey,
@pepelsbey@mastodon.social avatar

@MoritzGiessmann Some dark/light theme choices the authors make are not very good: they are too low or too high in contrast, for example. Sometimes, it’s just a force of habit. Other people prefer dark system UI (it looks pro, you know) but light websites. Website theme switchers are essential until more granular (per-site) theme settings are supported in browsers.

bkardell, to random
@bkardell@toot.cafe avatar

Here we go... Travel to @igalia HQ!

Step 1. PIT ✈️ JFK

pepelsbey,
@pepelsbey@mastodon.social avatar

@bkardell Already chilling on the beach 😎

pepelsbey, to random
@pepelsbey@mastodon.social avatar

So, I got a second bike. This one is a 100% city bike. It’s very lightweight and simple, but it has a rather aristocratic name: Viktor Schindelhauer 🧐

Look from the front right side: wide black riser bar with a bell, rubber grips, thin Continental GrandPrix tires, and thin brake levers.
Look from the top right side: a black C15 Brooks saddle, a Schindelhauer engraving on the top tube, and a peculiar rounded cut in the back tube to bring the rear wheel closer.
Close-up look at the rear wheel: brown belt and a silver sprocket mounted on the black hub.

pepelsbey,
@pepelsbey@mastodon.social avatar

@sarajw Where’s fun in mudguards? 🙃 Here’s the other one https://mastodon.social/@pepelsbey/112197370007713965

pepelsbey,
@pepelsbey@mastodon.social avatar

@sarajw I’ll get a simple https://ass-savers.com rear mudguard for the most severe cases. For the rest, I’ll just wear black 😁

simevidas, to random
@simevidas@mastodon.social avatar

CSS adds ::details-content

https://github.com/w3c/csswg-drafts/commit/3715f00190ea62a7e9afe31b3a7ca1f61b10b998

pepelsbey,
@pepelsbey@mastodon.social avatar

@simevidas Here’s the result in the spec, a bit easier to read https://drafts.csswg.org/css-pseudo-4/#details-content-pseudo

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

I came prepared … 🩳🩴

But turns out the pool wasn't expecting me 😅

#JSHeroes2024

pepelsbey,
@pepelsbey@mastodon.social avatar

@bramus It’s not the first time they forgot to fill the pool 🙄

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

Did a rehearsal run of my deck for tomorrow's and now I'm suddenly busy overhauling the entire thing ... 😬

pepelsbey,
@pepelsbey@mastodon.social avatar

@bramus It would’ve been a trivial task with a web-based slide deck, just sayin’ 😉

pepelsbey, to random
@pepelsbey@mastodon.social avatar

@paul @Una @bramus, I see you started publishing web videos for this year’s I/O. It would be super convenient to organize them into a “Web at Google I/O 2024“ playlist. Speaking here as a podcaster planning to discuss/share the news this weekend :)

cory, to random
@cory@social.lol avatar

I wrote a node script to manually generate open graph images instead of generating them all with each build. This also means that I now forget to generate them.

pepelsbey,
@pepelsbey@mastodon.social avatar

@cory Pre-commit hook maybe?

patrick_h_lauke, to random
@patrick_h_lauke@mastodon.social avatar

very randomly reminded of this banger ... https://www.youtube.com/watch?v=cW8GXGJ-X0A @andreasbovens @brucelawson @pepelsbey

pepelsbey,
@pepelsbey@mastodon.social avatar

@patrick_h_lauke @andreasbovens @brucelawson Don’t forget the studio version https://youtu.be/SFvYhEhFsdQ with @chrisdavidmills @ourmaninjapan

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

I'm in the market for a new CLICKER - my old one, which I bought for SxSW 2007, has finally given up the ghost.

Mac/Keynote. Preferably USB-C.

Any tips? Best/worst?

pepelsbey,
@pepelsbey@mastodon.social avatar

@ppk This one’s good, I like the cursor and spotlight feature a lot https://www.logitech.com/en-us/products/presenters/spotlight-presentation-remote.910-004654.html

There’s a simpler one with just a laser https://www.logitech.com/en-us/products/presenters/r500s-laser-presentation-remote.html

As for the USB-C, you can get a simple A/C adapter, like this one https://amzn.eu/d/0n5cflI

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

What's a budget decent microphone for use in streaming/recording speech that won't break the bank and is available to order swiftly into Germany?

Thanks!

pepelsbey,
@pepelsbey@mastodon.social avatar

@sarajw With some years of experience recording and producing podcasts, I’d recommend any dynamic USB microphone that just looks nice to you. This one is my favorite out of the least expensive https://www.amazon.de/-/en/Audio-Technica-2100x-Streaming-Podcast-microphone/dp/B086CTJC3L/ USB means that you won’t need an additional audio interface to connect it to your computer. The dynamic part is also important for better sound in acoustically untreated or just noisy rooms. I’d suggest staying clear of any condenser mics, especially gaming ones with RGB nonsense.

pepelsbey,
@pepelsbey@mastodon.social avatar

@sarajw I have a bunch of RGB-lit keyboards myself, but I still can’t get over brands putting LEDs into microphones 🙄

There is a cheaper option: https://www.amazon.de/-/en/AUD-AT2005USB/dp/B007JX8O0Y/ It’s the previous generation of the same mic.

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

Huh.

So does

overflow-wrap: anywhere;

first look for better places to wrap, before breaking up a word or other string otherwise unbroken by usual characters that don't mind jumping to a new line?

It seems like a win-win to just put everywhere?

#css

pepelsbey,
@pepelsbey@mastodon.social avatar

@sarajw I wonder if there’s a downside to putting body { overflow-wrap: anywhere } along with all the font properties. I just tried it on my website, and it only improved the behavior on smaller screens. But I might be missing something, right?

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.

pepelsbey,
@pepelsbey@mastodon.social avatar

@simevidas I recently learned something about it from this video:

https://youtu.be/qlbGtEg68x4

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

Moving my emails away from Gmail...

The process takes more time than I thought. But the outcome is worth it.

pepelsbey,
@pepelsbey@mastodon.social avatar

@SaraSoueidan Huh, I just moved my custom domain mail to Proton yesterday as well. It took about an hour, including import, DNS records, etc. I was rather impressed how easy it was.

pepelsbey, to random
@pepelsbey@mastodon.social avatar

Look! The popover is available in all major browsers now, starting from this week’s Firefox 125 release 🥹 This includes HTML attributes, CSS pseudo-classes, and JS API.

Firefox 125 release notes https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/125

Popover API on MDN https://developer.mozilla.org/en-US/docs/Web/API/Popover_API

A paragraph says “Excuse me” and then goes a “is popover supported?” button. Once the button is pressed, another paragraph appears with a “Yes” word and a “Good” button. Once the “Good” button is pressed, the second paragraph disappears.

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

The GIFs are huuuge sometimes though, aren't they?

https://emeraldsocial.org/@ch0ccyra1n/111551669200602132

pepelsbey,
@pepelsbey@mastodon.social avatar

@sarajw Huge, inefficient, and uncontrollable. Funny picture is distracting you from reading an article? Good luck pausing it 😞

simevidas, to random
@simevidas@mastodon.social avatar

Re https://tonsky.me/blog/centering/, is it really worth fixing these things? What do you achieve by spending time and money to fix these details, other than making users slightly less annoyed by your design? Maybe these details are not fixed because they don’t really matter that much. Have you ever stopped using an app because a button or icon was slightly misaligned?

pepelsbey,
@pepelsbey@mastodon.social avatar

@simevidas I’d compare this personal “perfect accuracy” passion with your “browsing the web with JS turned off” one. You find it important, and you’re ready to go the extra mile for this and try to convince other people, too. While some might find it useless or futile.

pepelsbey, to random
@pepelsbey@mastodon.social avatar

Gave up waiting for the hausmeister to make a proper sign for me. So I found a round font and used a laser printer on vinyl paper, and the result looks better than some of the proper ones 😎

CSSence, to random

On this year’s CSS Naked Day, I saw a lot of sites without stylesheets. But also without dark mode. @sarajw's website and my own have been the exception. So I was wondering, maybe it’s time to talk about “the six (or more) levels of dark mode”.
https://cssence.com/2024/six-levels-of-dark-mode/

pepelsbey,
@pepelsbey@mastodon.social avatar

@CSSence I’m curious why there is screen and … in the Bisectional example. The default (when you have no prefix) would be all and …, which has the same effect unless you want to hide styles from printers.

pepelsbey,
@pepelsbey@mastodon.social avatar

@CSSence I toggled the system dark more and printed a sample page with the default dark mode styles enabled via the color-scheme. I even tried to enable the “background graphics” option. All I got was black text on white paper. It seems like all browsers don’t apply them to print.

pepelsbey,
@pepelsbey@mastodon.social avatar

@CSSence It’s a bummer, though, if you have black paper and white ink, you know 😄

onepict, to random
@onepict@chaos.social avatar

@mozilla

When will you enable full access for developers to the webcodecs API?

I ask because this functionality has been available in chrome for years.

We really need it, because we managed to do live streaming in the browser. Rather than having to use OBS

Sadly it was a chrome browser.

I'd prefer it if we could do it from Firefox.

https://caniuse.com/webcodecs

https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API

pepelsbey,
@pepelsbey@mastodon.social avatar

@onepict @mozilla @tomayac It’s available behind the flag since Firefox 123 only on Linux for now. It’s coming!

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/123#experimental_web_features

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