Email or username:

Password:

Forgot your password?
150 posts total
Vadim Makeev

The practice video is already here 🥳
Share in the comments what you've created!

youtu.be/E4Ns_ZuP6Qo

Vadim Makeev

👉 New on S&N: My new YouTube channel and the first video about Giovanni Pintori inspired web design

“Like, subscribe, and don’t forget to hit the bell.”

stuffandnonsense.co.uk/blog/my

Arpit

@malarkey Subscribed! I'm looking forward to your next video.

Vadim Makeev

Every hotel room is a decently-sounding podcasting studio. You just have to be creative with pillows and not be afraid to raise the mattress against the wall behind your back.

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.
Vadim Makeev

In latest @FirefoxNightly, the variable tooltip in @FirefoxDevTools now shows the computed value of the variable!

I'm super excited about this, it should make working with custom properties much easier. Combined with the registered property info and @starting-style value, this feels like super power 🦹

We're also planning other changes that would make the tooltip even better :)

cc @kizu @anatudor @shadeed9

#CSS

Firefox DevTools Inspector showing a CSS value using a CSS variable.
A popup is displayed, pointing to the variable name. In the popup, we can see the variable declaration (`--button-border-radius = var(--border-radius-small)`), as well as a "computed value" section, under which we can see the value: "4px"
Firefox DevTools Inspector showing a CSS declaration value using a CSS variable.
The tooltip displays the variable declaration value, the computed value, the @startin-style value, and the @property information
Vadim Makeev

Our colleague Gyuyoung Kim wrote a post about the experimental project that the Chromium community has been doing in developing Chrome iOS based on the Blink engine

blogs.igalia.com/gyuyoung/2024

Vadim Makeev

Your browser is not supported! It’s probably lacking some serious API, and we can’t possibly make it work, sorry *

* Just kidding. Spoof the UA string, it’ll work just fine.

beta.maps.apple.com/

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.
Vadim Makeev

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 developer.mozilla.org/en-US/do

Popover API on MDN developer.mozilla.org/en-US/do

Vadim Makeev

⚠️ Do not try to excel other people with less coding skills on getting better appointments.

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”.
Vadim Makeev

Now headings on my website are nicely balanced with text-wrap: balance in Firefox, too. Also in Firefox 121: lazy-loading iframes, ✨:has, text-indent on steroids (hanging + each-line), etc.

developer.mozilla.org/en-US/do

Go Up