Tuesday, April 23, 2024
HomeJavaScriptInternet Weekly #100 | Stefan Judis Internet Improvement

Internet Weekly #100 | Stefan Judis Internet Improvement


Have you learnt that SVGs present extra pointer occasions than HTML parts? Or that the inert attribute is now cross-browser supported? Or wish to find out about CSS mix modes?

All of the solutions and far more are included on this week’s Internet Weekly!

Normally, Internet Weekly begins with some ideas about net growth, however immediately’s particular.

I despatched the primary Internet Weekly in January 2021. Quick ahead two years and 99 emails; immediately, it is the hundredths Internet Weekly version. This e mail began as a little bit Sunday venture however has now change into part of who I’m.

Thanks for being one of many 3.7k folks listening to from me each week. 💙

One thing that made me smile this week

Screen of a game showing a tiny character — "it's a doorable"

Have some enjoyable with this “adoorable” one-minute-long mini-game. It comes with a little bit shock on the finish. 😉

Open the door

A 💙 for interactive blogs

Blog post including an interactive example and a live preview

If you wish to get began with fancy CSS mix mode results, Brad Woods’ revealed a tutorial with loads of interactive examples.

Mix in

Internet perf optimizations on the sting

Slide showing an example URL with query params for "find" and "replace"

WebPageTest shipped efficiency experiments some time in the past. The characteristic lets you take a look at web site adjustments and consider in the event that they enhance efficiency with out deploying these adjustments.

Scott Jehl shared how WebPageTest experiments work and the way you possibly can construct your personal. 🚀

Experiment

1-1s which are going someplace

Towards better 1-on-1s: an awkward manifesto

Tyler Cipriani shared how he buildings his 1-1s as a supervisor, and I really like his method.

Plan your 1-1s

Single-element CSS ribbons

A green and a red ribbon.

I shared Temani Afif’s css-tip.com final week, but it surely’s so good that I’ve to plug it once more. 😅 Have a look at these CSS ribbons; they’re made with a single HTML component and with out pseudo-elements. Magic!

Test the magic

The fantastic bizarre net – The area elevator

Space elevator

The very best paper airplane flight occurred at 35k meters and was launched from a balloon. How do I do know? I took the area elevator on neal.enjoyable.

Go to area

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

New to the web platform in April — Discover some of the interesting features that landed in stable and beta web browsers during April 2023.

Rachel Andrew summarized the current browser releases. The most important information: inert lastly ships in all browsers. 🎉

Study concerning the new stuff

Learn how to get began with AI artwork

Colorful artsy picture of a dog.

“I have to make artwork prints for my artwork wall!” was Jake Dahn’s first response to all these new AI image-generation instruments. And he was so sort to share how he created a portray of his canine.

Get into AI artwork

Lookbehind assertions are supported in all engines

const regex = /(?<=(vegan))s(w+)/g;

For the common expressions lovers: because the final browser, Safari 16.4 shipped lookbehind assertions, they usually’re now cross-browser supported.

Look behind

WebDev tips within the new Subsequent.js redesign

The Next.js site with a button and animated lines going to the button.

Rauno Freiberg shared how he is constructed the Subsequent.js web site, and it is stuffed with artistic little tips.

Ensure to browse his weblog, too. It is a piece of artwork! 💯

Study some tips

Random MDN – EyeDropper

Color picker example.

From the limitless MDN information archive…

Sadly, Chromium-only: however do you know that you could there’s shade picker JS API? Now you do!

Decide colours

TIL recap – SVG pointer occasions

.foo {   pointer-events: visiblePainted;         }

A fast observe from 5 years in the past: I’ve realized that SVGs include extra pointer-events CSS values. 🤯

Management you SVGs

Three helpful initiatives to take a look at

Photopea

This one’s been round for some time, however I exploit it virtually each day. Photopea is a free Photoshop substitute working in your browser.

Edit your images

Svelte maintainer, Wealthy Harris, gave a chat stuffed with net growth scorching takes, and there is undoubtedly some fact to this assertion.

The net would not suck due to frameworks, the online sucks due to capitalism.

A music that makes you cease coding

Foals – Spanish Sahara

I do not know if Foals are nonetheless within the recreation, however “Spanish Sahara” is one in all my each time favorites as a result of it is one in all these songs build up energy to the tip! 💙

Take heed to “Spanish Sahara”

Writing Internet Weekly takes me roughly 5 hours each week, and I pay actual cash for sending over 3.6k emails. In the event you get pleasure from it, think about supporting me on Patreon. ♥️

Or inform your folks about it:

In the event you’re not a subscriber, change that! 😉

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

I will see you subsequent week! 👋

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments