Hey July 👋
Mostly a lazy month that I’m looking to turn productive. Ideas Welcome.
I would like to start with softwares that are going away this time and then move on to happier release notes. (Even though, one of these might be the happy news to at least some of you)
I would like to extend Thanks and Goodbye to the Internet Explorer. Memes galore!
Beyond the memes, I’m impressed by Microsoft’s commitment to keep backward compatibility and support their enterprise customers. This is in a day and age where entire product lineups are dead in a month or so. IE will live on as IE Mode inside Edge for whoever needs it (let’s move on if there is any possibility, shall we?)
This was expected when VS Code bought under the Github umbrella, they did not need two editors and the less popular one - Atom is going away. If you loved Atom, there is a new editor in town - Zed. Written in Rust and build for collaboration.
Another major event of the month was the Cloudflare outage that happened on June 21. It affected their most popular 19 locations and as for the popularity of Cloudflare, bought a whole lots of sites with it. Cloudflare posted the postmortem for outage on the same day within hours, I wish I was able to write blogs with that speed. May be I just have to break something of Cloudflare scale first 🤞.
Everyone’s favourite AI tool from Github (and hence Microsoft) is going to be a paid service from August. I have been using this tool since the technical preview launch for almost an year and the improvement it has shown over time gives me so much confidence in recommending it. It’s a stackoverflow build inside the editor of sorts, you name it and CoPilot fills the rest. It’s also crazy good at repetitive tasks like filling out a JSON structure.
In other news and good timing, AWS has launched it’s own service for coding companion named CodeWhisperer. It is also supposed to automatically recommend unit test code, I’m excited to see how that pans out.
Apple’s WWDC was last month and there is a lot of aplomb with iOS updates (not really!) - But you can customise your lock screen and that’s something. The Macbook Air with M2 is the device everyone is looking out for, but the device that is out is the Macbook Pro 13” that nobody wants. Figure that out as you go.
However, we have some updates from Safari and Webkit that are interesting - Container queries, Subgrid are major CSS features making an appearance. Adding to that, apps on Safari can finally use Web Push. While we note when Safari is the laggard to something, they are the first to implement Container Queries (behind a Technical Preview now, but still).
Gato, works as a multi-modal, multi-task, multi-embodiment generalist policy. The same network with the same weights can play Atari, caption images, chat, stack blocks with a real robot arm and much more, deciding based on its context whether to output text, joint torques, button presses, or other tokens.
Google has come out with a white paper for an AI named Gato which can perform around 600 tasks. This has split the tech community into two: Ones who believe this is the Second Coming and all we need to improve on it and another faction that believes it’s just doing things that it’s trained to do before. It doesn’t learn content on it’s own on interaction with the environment. Whichever is the case, that robot would be a nice to have.
The vulnerability that took technical communities by storm this month. When you have a badass name like
Hertzbleed and a website for a white paper looking like that - I see why it’s popular. The last time I saw something like that, it was either crypto or an NFT. The core idea is that the voltage fluctuations inside a CPU is a tell for the calculations it performs and hence compromises any cryptographic algorithms inside the system. Cloudflare has a nice explainer if you want to dive deeper.
There was also vulnerability reveal, this time on Apple’s M1 chips detailed as the PacMan hack (What’s with the appealing names?). Find out more with the IEEE explainer.
Middlewares are now stable. Based on the incoming request, you can modify the response by rewriting, redirecting, adding headers, or setting cookies.
The first fascinating part about this documentary is it’s existence. I would have believed in some parody videos or a talk where founders of a framework come together, but a well produced documentary featuring the core team was unheard of when I started out. It’s truly a mark of how far YouTube and hunt for content has come.
It feels like superhero origin story of sorts and it’s interesting to hear from Rich Harris on what the motivations of certain features are. Rich ends on a note of “We would rather have a thing that a small number of people love than a thing a large number of people tolerate” which is definitely a great philosophy for any framework.
I’m glad to feature this the same month I tried out Svelte Kit, I’m surprised how I could build it out in such a small time.
The library which has spend two years in making - The library that is serious about science. I’m not into color science, so I cannot verify any of the claims the library makes but the authors of the library are Lea Verou and Chris Lilley who are co-editors of many editions of CSS Color spec. They do seem like the people best to trust on this.
Also checkout Lea’s talk on CSS Variable Secrets at CSS Day.
Even if you don’t use Adobe Spectrum or related React libraries, the components they put out are to be studied just for the work they have put into the UI and accessibility of these components. In case of date fields, the input where users can input dates is all love.
The Matterday site is just delightful and warms your mind as web developer that these unique experiences are being build. The developer behind the site, Lynn Fisher writes on the Netlify blog the CSS tricks that she used to accomplish the magical effects on the site.
Let’s face it. SVG is Magic. When I started going this article, it felt like one of those list people made on Amazing Web Development tricks that everyone should know pointing to the same 10 sites that people post everyday. But turns out this one comes with some good research on what SVG can do practically and effects that can be achieved. But you are warned, there are no tips in this article, it’s a list that goes off to a dozen other places.
Most speed up production tweets refer to very generic fixes that you can perform. What I love about this one is that it’s specific to what has been done and why.
Vite’s being the default for all the new projects coming out.
Today we’re pumped to announce that new Laravel projects use Vite to bundle frontend assets. Breeze and Jetstream have been updated as well. 🔥— Taylor Otwell 🪐 (@taylorotwell) June 28, 2022
Experience lightning fast Hot Module Replacement when using the new Breeze / Vite stack with Inertia Vue or React. ⚡
Tabs vs Spaces debate has a winner:
TIL Prettier is considering making tabs the default in 3.0. This is huge — it would make an entire set of programming languages more accessible (if you’re somehow still pro-spaces, read this comment to instantly convert), and, more importantly, vindicate my personal preferences https://t.co/qZvGbQCklb pic.twitter.com/MYxY5wYLI3— Rich Harris (@Rich_Harris) June 28, 2022
OpeaSea is an NFT Marketplace that hit $13 billion valuation this year. The significant data breach, explained in their own words:
An employee of our email vendor, https://t.co/6vM4WAcJal, misused their employee access to download & share email addresses with an unauthorized external party.— OpenSea (@opensea) June 30, 2022
Email addresses provided to OpenSea by users or newsletter subscribers were impacted.https://t.co/Osb6qqkqZZ
We have talked about this before in earlier editions of The Web newsletter but for the uninitiated, the Chrome is mounting a security feature that will restrict the power of privacy and adblocker restrictions on filtering requests by URL patterns. Firefox has picked a side and decided that they will not adhere to the Manifest v3 restrictions that Chrome has proposed. Would this be enough to swing some technical audience to Firefox? Let’s find out.
Even though this blog post is named Monorepos in JS and TS, it goes into depth about why monorepositories in the first place and various tools that you can use for the same.
Miriam Suzzanne makes a poignant piece about how difficult it is to setup Web Mentions. If you have heard of Web Mentions, well done. If you have tried to integrate it, my sympathies. I have it integrated on my site and have had it for years now. But I have no idea how it works or the third party sites that I have signed up for it.