Email or username:

Password:

Forgot your password?
115 posts total
Vadim Makeev

rad Firefox Devtools feature
#CSS clip-path GUI

👀 edit any clip-path shape visually
🖱️ double click to add a point to a polygon

Mayank

@argyleink so *that's* what that icon does. i've seen it so many times but never tried clicking it 😅

Vadim Makeev

Surprised Apple isn’t asking for 30% of my business because I used a Mac to make the website.

Show previous comments
Riccardo Mori

@robb @marioguzman Surprised Apple isn’t asking for 30% of my business because I use a Mac.

(Actually more than one. Would it be 30% for each Mac?)

Chris Lilley 🏴󠁧󠁢󠁳󠁣󠁴󠁿

@robb How soon until they demand 30% of all iPhone food delivery orders?

Vadim Makeev

They have Firefox installed in the Dublin zoo.

A red panda peeking through dense tree foliage. It’s partially hidden behind a fallen tree trunk, with its reddish-brown tail visible.
Vadim Makeev

✍️ For the tech writers: Google Docs now comes with more Markdown options. ✨

Now you can:

- Format a doc with MD syntax (I do that all the time)
- Convert MD to Docs content on paste
- Copy Docs content as MD
- Export a Doc as MD
- Import MD as a Doc

workspaceupdates.googleblog.co

Google Docs Download dialog including a "Markdown (.md)" option
Andrico (semi-hardcore)

@stefan MD formatting is table stakes for me. Glad to see these changes in Google docs!

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