Internet Weekly #104 | Stefan Judis Internet Building

Internet Weekly #104 | Stefan Judis Internet Building

[ad_1]

Have you ever checked the animation-timeline CSS belongings already? Or do you surprise how React server part actually paintings? Or are you cursed with HTML emails and need to goal explicit mail shoppers with CSS?

The entire solutions and a lot more are incorporated on this week’s Internet Weekly. 🫣

The conference dedicated to enhancing the developer experience!

Ahead of we kick issues off: in case you are living round Toronto, Canada, and wish to enroll in me on the Reactor DX conf on July 12/13, you’ll be able to get a 50% cut price with the code HOTSUMMER. 🤫

I am tremendous duper fascinated about being a part of this stellar line-up!

One thing that made me smile this week

A pengiun standing on the floor.

There is not anything to look right here. 😆 It is only a penguin playing being tickled.

Tickle your fellow penguin

Table showing that also Polypane and Safari show specificity in their devtools

Talking of specificity values and devtools: Chrome is not the one browser showing selector specificity. I rediscovered canidev.equipment, which lists developer equipment and the options they fortify!

Examine browser developer equipment

Pie chart showing the website using CSS (100%)

Chris Coyier was once so sort (thank you, Chris!) to turn into his contemporary communicate into a piece of writing. It covers logical homes, container queries, cascade layers and a lot of these new colours we will be able to use lately. Aaaaaand, it is full of stunning examples!

Use the brand new and glossy

Stacked cards

Disclaimer: the next most effective works in Chrome 115 (which nonetheless hasn’t shipped but), however if you wish to see the CSS belongings animation-timeline in motion, spin up Chrome Canary. Bramus construct some shocking examples appearing off what it might probably do! 💯

React to scroll in CSS

Why I do not wish to blank up my Mac

Let me tell you a secret! I didn't need to clean up ~/Downloads or ~/Desktop for a year now because I changed a few macOS settings. There are two tricks to get rid of the problem of too many files on your hard drive.

Oldie however goldie: I blogged about my Mac and browser settings that assist me steer clear of filling my desktop or downloads folder with junk.

It ended up on HN the opposite day, and as the feedback did not tear it aside, I assume it is nonetheless legitimate.😅

Stay your device blank

The glorious bizarre internet – Wonky

WONKY — An exploration of rhythm and grooves that break the rules illustration of erykah badu, j dilla on his drum machine, and stevie wonder

I am any such pudding.cool fanboy! Their articles’ storytelling and interactivity are simply improbable. This time the adventure is going into rhythm and why some songs simply “have the groove”.

Groove and swing

What are your favourite web corners? Ship them my method, and I will come with them in Internet Weekly!

Some things I learnt from working on big frontend codebases

Stefano Magni shared what regulations you must practice when operating on an enormous frontend codebase, and I discovered myself nodding alongside!

Construct one thing nice

CSS Weekly

I have been subscribed to Zoran’s CSS Weekly for a few years. When you like Internet Weekly, it is going to be proper down your alley!

Take a look at the most recent CSS information

Reminder: non-compulsory catch bindings are cross-browser supported

Editor complaining about a catch block without a parameter.

There are eventualities when you are looking to catch an exception however do not need to do anything else with it. One among JS’ quirks was once that you simply could not simply go away the catch empty. ☝️

Here is a trick: disregard the () and use non-compulsory catch bindings. They have been cross-browser supported for a very long time, and Axel Rauschmayer explains what they are about.

Forget about the mistake

React server elements (RSCs) from scratch

In this technical deep dive, we'll implement a very simplified version of React Server Components (RSC) from scratch. This deep dive will be published in several parts: Part 1: Server Components (this page) Part 2: Client Components (not written yet) Part 3: TBD (not written yet)

I have most effective learn the primary 3rd of Dan Abramov’s information on React server elements as a result of it is lengthy! Very lengthy.

However Dan obviously put a large number of effort into it. If you wish to know how React and RSCs paintings, make your self relaxed!

Find out how RSCs paintings

Random MDN – The 🐘 within the room.

@randomMDN@botsin.space Mastodon bot.

After my RandomMDN Twitter bot was once suspended, there may be now a brand new one on Mastodon! The cool factor about Mastodon: you’ll be able to additionally subscribe to it by the use of RSS (upload .rss to the account URL).

An enormous shoutout is going to Jan for placing this again in combination.💙

That mentioned, I nonetheless would really like to deliver a platform-independent Random MDN to lifestyles and will percentage my plan on GitHub quickly!

TIL recap – background-repeat: spherical

Visualization of background-repated "repeat", "round" and "space"

Quick’n’candy: do you know that background-repeat helps different values than repeat? Now you do!

Repeat otherwise

3 precious tasks to take a look at

 How to Target Email Clients screenshot

If you are coping with HTML emails, to start with, I think for you, but when you want to focus on a particular electronic mail consumer with CSS, howtotarget.electronic mail will will let you with some wild CSS queries!

Rock a lot of these emails

Julia Evans shared some myths about running a blog, and it incorporated this little gem. 💙

Simply because there’s data on the net, it doesn’t get magically teleported into folks’s brains!

A track that makes you forestall coding

Two puppies playing with a monkey.

I used to be at a techno open-air on Friday, and the DJ remixed Weezer’s “Island within the solar”, in order that I fell in love once more with this gorgeous track video.

Pay attention to “Island within the solar”

Writing Internet Weekly takes me more or less 5 hours each week, and I pay actual cash for sending over 3.8k emails. When you experience it, imagine supporting me on Patreon. ♥️

Or inform your folks about it:

If you are now not a subscriber, alternate that! 😉

And with that, handle your self – mentally, bodily, and emotionally.

I will see you subsequent week! 👋



[ad_2]

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Back To Top
0
Would love your thoughts, please comment.x
()
x