Vadim Makeev

@pepelsbey.dev

892 Followers 195 Following

Frontend developer in love with the Web, browsers, bicycles, and podcasting. He/him, @developer.mozilla.org‬ technical writer, @web-standards.dev editor, Google Developer Expert📍Berlin https://pepelsbey.dev

A login screen overlaid with a "Deviating time" warning dialog, stating that the device's time differs from Germany's time zone and prompting the user to adjust their system time settings, with a yellow "Continue" button. In the background photo, a woman looks toward the camera with a calm, slightly reserved expression and a faint, closed-lip smile.
Browser screenshot of deepl.com showing a black screen with the message: “Application error: a client-side exception has occurred (see the browser console for more information)”.
A selfie on a canal bridge in Amsterdam, with pink and white flowers in a railing flower box in the foreground, moored boats and classic Dutch brick buildings visible in the background.
Firefox Split View feature demonstration: opening split view with two tabs of the Web Standards website side-by-side, resizing the divider between panels as the website content responsively adapts to each panel's width, reversing tab positions with the context menu, and showing the option to separate tabs back into individual windows.
Article cover with “Project” and “News” tags and the title “Web Standards. Daily web platform news.”
A monitor with a login screen and a little white box with a button in the middle, connected via a wire. A hand touches the button and automatically logs in. Then the box is opened, exposing a circuit board and a Lightning port inside.
Two CodePen windows with an HTML and CSS demo titled “Nested h1s”. There are four columns: section, article, aside, and nav, each word repeated three times. Code shows that each heading in a column is nested one level deeper into the appropriate element. In the window behind, headings are getting smaller toward the end of the column. In the window at the front, headings are the same font size.
A macOS app switcher overlay showing three Firefox icons with different badges in the top right corner.
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.
A man in a red plaid robe steps into a dimly lit apartment hallway, saying, “You know, I’m not some douchebag finance yuppie.”
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.
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.
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.
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.
A busy crossroad with many people riding bicycles from different directions, some trees, and a tram in the background under a cloudy sky.
An ebook with a page from a novel with the phrase “ever heard of Skype?!” highlighted.
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.
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.
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.
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.
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.
CodePen demo in Chrome: popover is positioned in the top left corner of the page for both buttons.
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.
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.
Apple Podcasts mobile app lists various LP podcast episodes, each with a title, cover, brief description, and duration.
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.
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 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 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.
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”.
A small boat is sailing on a calm, blue water. The boat is far from the shore, covered in green bushes.
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 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 large pile of logs is stacked against a pine forest. A bicycle with panniers is parked next to the logs.
An elevator panel with floor buttons arranged in two columns and four rows: 5 and 6, 3 and 4, and so on. Below, there’s a cluster of four service buttons. The entire section is framed by two black brackets, resembling a mathematical matrix.
A red panda peeking through dense tree foliage. It’s partially hidden behind a fallen tree trunk, with its reddish-brown tail visible.
A tight workspace setup on a table with a laptop and a black microphone on a tripod. A water bottle is placed to the right of the laptop, and a warm lamp is on the left. There are three pillows leaning against the walls around it.
A yellow sign at the entrance to Pisselberg, a part of the town Dannenberg (Elbe) in the district of Lüchow-Dannenberg. Next to it, there's a 30 km/h speed limit sign.
A map of Germany with a route from point A (Berlin) to point B (Hamburg) with two intermediate points splitting it into three parts.
A selfie with a book titled “Web Accessibility Cookbook: Creating Inclusive Experiences” by Manuel Matuzović. There’s a brown dog on the cover of the book, probably retriever.
Split screen with two Firefox windows and Apple Maps opened. On the left: “Your current browser isn't supported” blank page. On the right: the entire app interface with a map and a sidebar. On top of the right window, the UA field shows a long string with Safari.
DOM tree in Firefox Nightly DevTools. I double-click the body element and type bgcolor=tomato.
Safari Web Inspector with DOM tree opened. The open <math> tag name is edited: space, then display=block attribute. The same is weirdly repeated in the closing tag, too.
A bicycle is standing on a brick wall with some graffiti. It’s locked to an iron fence over the wall, overgrown with green foliage.
A page with a sticky header scrolled. Initially, the header is not separated from the rest of the page, but once the page is scrolled, a black border gradually appears at the bottom of the header.
A single-speed bicycle with a silver aluminum frame, rigid fork, black wheels, v-brakes, and a belt drive, viewed from the right side.
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.
Five rows of buzzer signs with names and buttons next to them are glowing amber in the dark. Most are written with a round font, some with a simple sans serif. One of the names is Vadim Makeev.
A kitchen with a “please leave by nine” sign hanging across the room on a wire. The letters are badly cut from colored paper.
A bicycle with a yellow frame, a rigid fork, drop bars, and a belt drive is hanging on the wall.
A bike chained to a rack with a hefty book strapped to the rear trunk: Adobe Photoshop CC.
Silhouette of a man, illuminated by a bright light, standing with his back to the camera in a dark room. There is a group of people standing opposite him and looking intently at what he is holding in his hands.
Dark black and white photograph of a rectangular entrance to a concrete shaft. A flashlight beam illuminates a distinct circle on the mine wall.
View from below through a grate with three people standing on it. One is looking down into the camera, the other two are just silhouettes against the bright sun and green trees.
Three different browser windows are stacked on top of each other. In all three, there are three titles, one word each: The, Same, Size. But only in the top one, Firefox, are all words the same size. In DevTools, each word is h1, but the first is in the body, the second in a section, and the third in a section nested in a section.
Hospital, a patient lying in bed, tiredly: I don’t want to hear semantics.
A copper-green monument to a soldier in a helmet and with a gun in his lowered hands on a white pedestal. Behind a hill with green grass and a black tree without leaves against the gray sky.
A small embankment with a sand walking path along it. A cyclist is walking their bike under the tree. Further back, another embankment with buildings is barely visible in the fog.
A browser window with the Service Portal Berlin page opened. Below, there’s a browser DevTools window with the console that says, among other warnings and errors, “Do not try to excel other people with less coding skills on getting better appointments”.