Vadim Makeev
LightNews LightNews
banner
pepelsbey.dev
Vadim Makeev
@pepelsbey.dev
770 followers 170 following 140 posts
Frontend developer in love with the Web, browsers, bicycles, and podcasting. He/him, @developer.mozilla.org‬ technical writer, Google Developer Expert📍Berlin

https://pepelsbey.dev
Posts Replies Media Videos
pepelsbey.dev
Arrived at #TPAC in Kobe, Japan. Very confused by everything around (first time in Asia, come on) and still jet-lagged, but started exploring the city.
A narrow urban street in Japan with overhead power lines and signs. Several people walk under cloudy skies past small shops and restaurants with colorful signs.
November 9, 2025 at 6:19 AM
pepelsbey.dev
I build websites!
A man in a red plaid robe steps into a dimly lit apartment hallway, saying, “You know, I’m not some douchebag finance yuppie.” The same man, now more visible in the doorway, continues, “I build websites.” In the hallway, a woman leans affectionately toward a man in a backward cap and says, “That is very cool, Duane.”
October 27, 2025 at 11:01 PM
pepelsbey.dev
Arrived just in time for vacation 🤓

shadycharacters.co.uk/books/face-w...
A hand holding a book titled Face with Tears of Joy: A Natural History of Emoji by Keith Houston, author of Shady Characters. The cover shows a progression of the “face with tears of joy” emoji in four versions: a simple text emoticon, a pixelated version, a modern flat emoji, and a glossy 3D-style emoji.
August 23, 2025 at 6:52 AM
pepelsbey.dev
I guess I’m not a pro anymore 🥲 Jumped from 15” Pro M1 Max to just 13” M4 Air and can’t really tell the difference, even for the podcast production workflow. Not sure if I’ve ever used the extra ports that much.
A close-up comparison of two laptops stacked on top of each other. The top laptop is labeled MacBook Air M4 13” and the bottom one is labeled MacBook Pro M1 15”. The Air is much thinner and has only an audio jack. The Pro features an SD card slot, USB-C, and HDMI.
June 19, 2025 at 7:37 PM
pepelsbey.dev
Most of the people: Huh? 🤔

Me: There’s no way you can use Shure SM7B on a stand like this because the XLR port is blocked 🙄

(Étoile S01E02)
A man is speaking into a microphone at a table at a press conference. The microphone is mounted on a heavy, round base, with its external XLR port being just a few millimeters from the base.
June 19, 2025 at 8:32 AM
pepelsbey.dev
How sausages are made, featuring @brucel.bsky.social #cssday
Bruce in a black shirt with white polka dots, is seated and working on a laptop. The screen shows a presentation slide titled “Sir Uncle TimBo” with a photo of a man in a suit and some text.
June 6, 2025 at 7:44 AM
pepelsbey.dev
You don’t have to be a GeoGuessr expert to spot the city in the photo. Just walking here feels like a crime 😬
A busy crossroad with many people riding bicycles from different directions, some trees, and a tram in the background under a cloudy sky.
June 5, 2025 at 9:22 PM
pepelsbey.dev
This book didn’t age well 🥲

(Hail Mary Project by Andy Weir)
An ebook with a page from a novel with the phrase “ever heard of Skype?!” highlighted.
May 10, 2025 at 8:24 PM
pepelsbey.dev
I just discovered that you can’t debug styles in a shadow root in WebKit Web Inspector if they’re attached using adoptedStyleSheets (constructable stylesheets). For some reason, they’re considered user agent stylesheets 🤔

bugs.webkit.org/show_bug.cgi...
A webpage with Safari Web Inspector opened. On the page there are two colored divs inside of shadow roots: red and green. The red div is selected and its CSS in the Style panel is marked as read-only with a lock and a User Agent Style Sheet label.
March 18, 2025 at 11:43 AM
pepelsbey.dev
Starting from Chrome 122 and today’s Firefox 134, you can use align-self and justify-self (or the place-self shortcut) to control boxes with position: absolute and inset: 0. Waiting for Safari to catch up!

codepen.io/pepelsbey/pe...

developer.mozilla.org/en-US/docs/M...
CodePen demo. Nine paragraphs with position: absolute + inset: 0 have different place-self value combinations (start end, center start, etc.) to position them in nine different sections of the 3 by 3 grid. The text paragraphs’ content is generated via CSS content property and attr function.
January 8, 2025 at 6:37 PM
pepelsbey.dev
Yeah, classic 🤘
CD in a transparent box. The handwritten text “System of a Down. Steal This Palette” on the disc goes on top of the five-color palette from yellow to red.
December 17, 2024 at 8:53 PM
pepelsbey.dev
Happy browser choice day to those in Europe who celebrate! This is a second attempt to get it right. Brought to you by the iOS 18.2 update and the fine folks from open-web-advocacy.org
An iOS dialog “About Your Default Browser”. The text goes: With iOS, you have a choice in your default web browser. By changing the default, you control which app opens when you open a website link. You can change the default web browser at any time in Settings. It ends with the Continue button. The next “Choose Your Default Browser” step randomly lists many browsers, including Brave, Safari, Onion, Chrome, Edge, Firefox, etc. The list extends beyond the screen. The same “Choose Your Default Browser” step but with the Firefox browser selected. It ends with the Set as Default Browser button. The final “Replace "Safari" on Home Screen?” popup. The text goes: You can replace Safari with Firefox on your Home Screen, because you selected it as your default browser app. Safari will not be deleted from your iPhone. There are two buttons: Replace App and Don’t Replace.
December 12, 2024 at 9:31 PM
pepelsbey.dev
Performance is a key aspect of the user experience 🥲
Web performance landing page on web.dev. The lead text goes: Performance is a key aspect of the user experience. How fast pages load and how quickly they respond to user input can have a significant impact on how users perceive your site, and can make the difference between whether users stay on your website or abandon it. On this page, you'll find a wealth of information on various web performance topics that will help you make your website fast and keep it fast. PageSpeed Insights mobile results page for the Web performance landing page. Scores: performance 43 (red), accessibility 93 (green), best practices 79 (orange), SEO 85 (orange). Core web vitals: FCP 3.8s (red), LCP 3.8s (orange), TBT 1010ms (red), CLS 0.296 (red), Speed Index 3.8s (orange).
October 31, 2024 at 10:03 AM
pepelsbey.dev
Any idea who’s right? It would be nice to be able to position a popover right next to the button that triggers it. Firefox and Safari both make it easy. Chrome’s behavior makes me sad.

codepen.io/pepelsbey/pe...
CodePen demo in Chrome: popover is positioned in the top left corner of the page for both buttons. CodePen demo in Firefox: popover is positioned right under the button that triggered it. CodePen demo in Safari: popover is positioned right under the button that triggered it.
October 28, 2024 at 12:50 PM
pepelsbey.dev
Starting from Firefox 131, text fragments are now cross-browser, aka Baseline (newly available). You can style the highlighted content with the ::target-text pseudo-element. I’m still getting over the #:~:text= thing, but it’s a good moment to start using it.

developer.mozilla.org/en-US/docs/M...
Firefox 131 release notes page on MDN with the “Text fragments are now supported” part of the paragraph highlighted in bright red. The URL of the page contains #:~:text= at the end and the same highlighted text. The Firefox DevTools panel at the bottom is opened on the Style Editor panel and shows the usage of the ::target-text pseudo element: background-color: tomato; color: white.
October 2, 2024 at 9:51 AM
pepelsbey.dev
TIL there’s a mml file extension for standalone MathML files (like there’s svg for SVG, you know), and only Firefox supports MML rendering! Chrome shows it as plain text. Safari doesn’t even bother with that. Naturally, I filed feature requests, but I’m not holding my breath: it’s MathML, after all.
A MathML MML file is rendered in two browsers side by side. On the left, in Chrome, the source code is rendered as plain text: <math>, etc. On the right, in Firefox, the equation is rendered as x squared + y, and the XML structure is being inspected in DevTools.
October 1, 2024 at 4:14 PM
pepelsbey.dev
What does running a music commentary podcast feel like on different platforms? You know, fair use and all that.

Apple Podcasts, Spotify, etc. just fine. Google Podcasts used to be like that, too. Now YouTube Music? They’ll just block the hell out of your feed.
Apple Podcasts mobile app lists various LP podcast episodes, each with a title, cover, brief description, and duration. Spotify mobile app lists various LP podcast episodes, each with a title, cover, brief description, and duration. Gmail mobile app lists many similar emails from YouTube, each with a title, starting with “Video is blocked…” and then various limitations.
September 6, 2024 at 11:05 PM
pepelsbey.dev
A mountain cable car system with two red cars, one higher than the other, against a panoramic view. The background features a sprawling cityscape with numerous buildings amidst patches of greenery and trees. In the distance, the horizon is visible where the sky meets the land. An urban night scene under a bridge. The area is illuminated by artificial lighting, casting a pinkish hue on the walkway. Graffiti covers the walls and ceiling, with various tags and drawings. In the background, lights reflect off the lake, and buildings can be seen in the distance. A calm waterfall cascading over a curved concrete ledge into a river. The viewpoint is framed by foliage, with bright green leaves in the foreground that partially obscure the view. The sunlight filters through the leaves, highlighting some areas and casting shadows in others. A top-down view of a set of yellow railings along a white staircase that descends into a bright turquoise river.
September 5, 2024 at 10:25 AM
pepelsbey.dev
A modern architectural structure with a flat roof and large glass windows. The facade features panels in solid colors like red, yellow, green, white, and black. The building is surrounded by trees and a lawn area, with a reflective water feature in the foreground. A high-altitude view from a mountainous area, looking down into a valley with green fields and a lake in the distance. The landscape below is partially obscured by shadows cast by the mountains, creating a striking contrast between the rugged terrain and the serene valley. A descending staircase with wooden handrails, leading down towards a panoramic view of a landscape far away down the mountains. The landscape features a lake, with land and urban areas surrounding it. The sky is clear and blue. A red cable car with the text “Pilatus”, suspended on a cable line amidst a green forested area in the mountains. The are two people sitting in the car. The background is filled with tall trees, and another cable car can be seen in the distance.
September 5, 2024 at 10:24 AM
pepelsbey.dev
Some pictures from Zurich and Pilatus mountain near Lucerne from last week’s trip to Switzerland.
A serene outdoor scene with a large tree in the foreground. Behind the tree, there’s a lake, with railings along its edge. Across the water, you can see buildings with classic architecture. There’s also a pigeon on the ground in the lower right corner. A peaceful marina with several boats covered in blue tarpaulins docked in calm water. In the background, there’s a bridge with cars, and beyond that, trees, buildings suggest, and clear skies. A white swan with a long neck and an orange beak with a black base, floating on calm turquoise water with gentle ripples. The water reflects shades of blue and green. A modern interior space. On the right side, there are bookshelves filled with various books, and on the left, there is seating available. The ceiling features exposed beams and ductwork in green and grey tones. At the end of the hallway, a brightly lit room displays abstract artwork in red and black on a white background.
September 5, 2024 at 10:23 AM
pepelsbey.dev
Was this helpful? I don’t know. I haven’t had a chance to see the content yet, and I probably won’t.
A screenshot from a mobile device with a post on the Google Search Central blog. At the top, there is an advertisement for the Search Off the Record podcast. Below, there is a notice about Google Search now being on LinkedIn. Further down, a “Send Feedback” button asks, “Was this helpful?” At the bottom, a cookie consent banner takes half of the screen. No content visible so far.
August 31, 2024 at 12:01 PM
pepelsbey.dev
One low quality face, you say? That’s rude.
UI of an image enhancement app with the Recover face panel opened. On the right side, there’s my photo with a yellow box over the face and a sign “one low quality face”.
August 26, 2024 at 11:30 AM
pepelsbey.dev
A small boat is sailing on a calm, blue water. The boat is far from the shore, covered in green bushes. Bottom half: a hillside covered in green bushes with patches of yellow flowers. Top half: mostly cloudy sky with a small patch of blue. A person in a red sweater is standing on the hill on the right side.
August 23, 2024 at 12:27 PM
pepelsbey.dev
Dublin was nice, but I’ll mostly remember hiking at the Howth peninsula last week.
A white lighthouse with a black roof perched on a distant cliff overlooking the sea. The sea is a deep blue, with some clouds in the sky. A hillside covered in a variety of wildflowers. There are patches of yellow and purple flowers and some green grass. A rugged coastline with dramatic cliffs overlooking the ocean. The water is a deep blue color, and the rocks are a mixture of gray and brown.
August 23, 2024 at 12:26 PM
pepelsbey.dev
A river with a concrete embankment on one side covered with trees. On the other side, there are several industrial buildings, including a factory with tall chimneys. A vast green field with a winding river flowing through it. The sky is cloudy, and the trees on the horizon are sparse.
August 22, 2024 at 9:31 AM