What’s the commonest viewport dimension? When will native CSS nesting land in browsers? And the way may you maximize your future job wage?
This week’s Internet Weekly contains all of the solutions and far more. Get pleasure from!
There have been some publication discussions on Twitter final week (I nonetheless refuse to name it “X” 😅), and a number of folks plugged Internet Weekly.
Boris, Jeremias, Nick, and Carlos, thanks! 💙
Let’s get to net stuff, we could?
How will you “preserve” a bundle with over 80k downloads that does precisely nothing? Effectively… give it a reputation that folks by accident confuse with an npm command. But the empty
Disclaimer: earlier than studying the next, negotiation recommendation is hard to place into observe. The usual recommendation is at all times to delay speaking about cash. However whether or not it is a dialog with a recruiter or a possible teammate, not answering questions on wage expectations is extremely difficult since you wish to please the particular person in entrance of you.
I as soon as tried to postpone speaking about cash and obtained the reply, “Effectively… we do not do this right here”. Case closed, I leaned in. 😅
So, I am unable to say I am significantly good at negotiating — however the ideas in “Find out how to sabotage your wage negotiations efforts earlier than you even begin” make sense!
Richard Ekwonye’s publish header alone is value a glance, however that is not it. The publish contains movies, animations and interactive elements explaining bezier curves! 💯
This hover impact (☝️) is barely finished with
box-shadows; what a magnificence!
Steven Krouse shared why good concepts like a
console technique or customized Language extensions equivalent to
@stefanjudis/fetch() rapidly turn into a upkeep nightmare.
As a Internet Weekly reader, it’s essential to have seen how excited I’m about View Transitions throughout HTML navigations. The net will not be the identical when these land throughout browsers.
Nevertheless, transitioning from one HTML doc to a different comes with a number of challenges.
What ought to occur if the goal doc takes ages to load? Ought to we present a janky transition to nothing? Ought to we delay rendering? And in that case, for the way lengthy?
Eric Portis will get into potential options!
Additionally, I realized that
<script blocking="render"> is a factor. 😲
Okay, that is a trick query. Our pals at Set Studio gathered 120,000 knowledge factors with over 2,300 distinctive viewport sizes, and this analysis is value a bookmark in your subsequent “No person makes use of this display screen dimension!” argument.
From the limitless MDN information archive…
Do you know that you simply browsers present a helpful technique to generate random IDs? Now you do!
First, I am unable to be the one one who has realized to name
dl parts “definition lists”, or? 😅 Apparently, they’re description lists, however much more thrilling is that
divs are legitimate in
🎉 And as one other Chrome goodie — relative CSS colour syntax landed in Chrome Canary, too!
And lastly — there’s some huge information. Firefox 117 is rolling out right this moment, and with it, native CSS nesting enters the holy cross-browser assist land!
I not often need to cope with PDFs, however after I do, I at all times surprise easy methods to make these large recordsdata smaller. PDF Device provides many actions and (!) there aren’t any uploads or something. All of it works in your browser. 💪
There’s nothing extra so as to add to Addy Osmani’s tackle educating!
Writing Internet Weekly takes me roughly 5 hours each week, and I pay actual cash for sending over 4.1k emails. For those who get pleasure from it, take into account supporting me on Patreon. ♥️
Or inform your pals about it:
For those who’re not a subscriber, change that! 😉
And with that, handle your self – mentally, bodily, and emotionally.
I am going to see you subsequent week! 👋