lhunit - which is computed value of current line height. An example use case is to set the textarea height to number of lines of expected text. It’s only supported in Chromium browsers for the time being but could very well be a good progressive enhancement to have.
scrollendevent to detect when the page scroll ends.
As NextJS has established itself as the dominant meta framework for ReactJS, Gatsby had shifted its focus to expanding its content offerings, such as Gatsby Cloud and Valhalla Content Hub. With the company integration into Netlify, I anticipate further growth in these systems.
The research paper and accompanying examples from Google that demonstrate the ability to generate music from descriptions are truly awe-inspiring. I am grateful to be alive in this exciting time.
ChatGPT is a popular trend globally, and it is anticipated that Google will unveil their AI assistant during a February 8th event. ChatGPT has recently introduced a paid version of their platform with a $20/month subscription, offering dedicated servers with zero downtime.
Additionally, Azure has launched the Azure OpenAI Service, providing access to OpenAI’s machine learning models. There are also reports that Microsoft Bing version has been spotted with ChatGPT integrated into the search engine.
Some companies have started hiring engineers by the name Prompt Engineer - someone who feeds LLMs with prompts to do tasks. This opinion piece from Matt Rickard explains the phenomenon and why it should not exist.
With widespread support for lazy loading across the web platform, optimizing performance through lazy loading images has become significantly easier. However, it is likely that this top performance optimization technique has reached its peak potential. In all modern browsers, images can be lazy loaded with:
<img src="image.png" loading="lazy" alt="…" width="200" height="200">
Notice that the image has implicit
width attributes which are mandatory for this feature to work correctly. But with this being very popular, many performance experts suggest for this to be applied to every image on the page - ignoring the very warning on the page describing this feature:
Images that are highly likely to be in-viewport, and in particular LCP images, should not be lazy-loaded.
How does this affect LCP scores for a page? A 15% regression in performance.
The topic of CSS selector performance is often casually mentioned in performance discussions, with a focus on determining the speed of different selectors. However, I have not seen it applied in a practical context (it’s not even relevant to Tailwind context I guess). In this blog, Patrick Brosset sheds light on how to effectively measure selector performance using developer tools and improve them.
Temani Afif has created a guaranteed hit for portfolios and conference speaking engagements with a single img element. I was thoroughly impressed by the vast amount of possibilities demonstrated in this technique.
Jhey’s Web skills are well-known but I love how this carousel looks amazing yet is practical. Also, from this CodePen I learned of the CSS property named
This blog article helped me recognize that most of my CSS variable usage only encompasses the top three out of the ten mentioned. Typed props?! How cool is that!
Theo Browne raised a PR on the ReactJS docs repository to remove Create React App as the default recommendation for beginner React developers. Lots and lots of developers went onto agree to Theo and even approve the PR - the default option is most cases being Vite.
Dan Abramov wrote a detailed reply on the PR, longer than most of my blog posts and certainly this newsletter. He explains why Create React app exists and options they are exploring for the future of CRA.
We could keep Create React App as a command, but turn it into a launcher. It would suggest a list of recommended frameworks, followed by the “classic” framework-less approach being the last option. That last “classic” approach would produce a client-only app like CRA does now (to avoid breaking tutorials), but could eventually move to Vite under the hood.
You probably heard about Yandex, it’s the 4th biggest search engine by market share worldwide. Yesterday proprietary source code of Yandex was leaked.— Alex Buraks (@alex_buraks) January 27, 2023
The most interesting part for SEO community is: the list of all 1922 ranking factors used in the search algorithm
At some point in our careers, we have likely fallen into the trap of prioritizing the use of flashy APIs over code readability. While utilizing cutting-edge technology may raise the bar in our own eyes, it does not make the code better. We should not measure excellence by how much a senior engineer would struggle but by how easy it would for a junior engineer to understand.
While anyone can design a webpage, it takes a seasoned designer to create a platform. Matthew Ström highlights the key elements that contribute to exceptional platform design.
The simplicity of the design is misleading: if you have 6 standard lego bricks, you can put them together in 915,103,765 different ways.
I find it intriguing how analogies can greatly enhance the memorability of a concept. Crafting them can be challenging for me as my imagination tends to run wild, causing concern of confusing my audience. However, Eric’s comparison of authentication to bank notes, credit cards, and bank accounts is a refreshing approach that makes the concept easier to understand.
In tune of the TV show, Seinfeld - AI generated, runs forever 24x7.