Arpit's Blog

Every time you are inclined to use the word “teach”, replace it with “learn”.

The problem is that Live Text, “Select text in images to copy or take action,” is enabled by default on iOS devices (Settings → General → Language & Region), which can interfere with the contextual menu in Safari.

Just spent some time playing with OKpalette, a color extraction tool by David Aerne, and I’m in awe.

Excellent framing from Jim Nielsen, building on Jake Nations’ talk about shipping code we don’t fully understand.

In this excellent, data-driven talk, Alex Russell explains: What “winning” means for the web and why it’s a vital cause How the web is losing the competition today on mobile, despite its success on desktop The path forward: Getting things out of frameworks

Jeremy Wagner and Rachel Andrew explain how to use analytics to select a Baseline target and what to do when you don’t have any real user data.

I just saw Jason Pamental’s excellent talk on ‘The Life of <p>’.

Underlying our browser support policy are two foundational principles: Website content and core functionality should be accessible to everyone.

Earlier this month, I noted down Jason’s advice on how to get hired as a developer.

Great talk by Andy Allen on how software designers can learn from game designers.

Jason Lengstorf on how to get hired as a developer: Document what you learn publicly — consistency matters more than polish.

Today I learned that on macOS, with the default scrollbar setting enabled, classic scrollbars are shown automatically when a mouse is connected.

Instead of seeing us as people who brought valuable knowledge and expertise to the project, they saw us as the hands that would execute their vision.

Roman Komarov on how they use an IIFE (Immediately Invoked Function Expression) to handle complex conditional rendering in .astro components. --- const { linkText, isDiv = false } = Astro.props; --- { (() => { const someContent = <a href="#hello">{lin…

I was reading the MDN docs for element.querySelector() and learnt something totally unexpected about selector scope when this method is called on an element.

I’m a web designer-developer who has mostly designed and built marketing websites for small to medium-sized businesses.

Mandy Michael uses a brilliant analogy to explain why developers must get to know the HTML elements available to them and use the appropriate one for their content.

Images on the web are hard.

@ts-expect-error will let you know when there’s no TypeScript error to silence and when it has become useless.

The <meta name="theme-color"> tag is no longer supported in Safari 26 on macOS and iOS.

The goal of linking is about building community and creating networks that truly exist to support you and those around you; those networks will persist when social media lets you down.

When I consume AI art, it also evokes a feeling.

To be honest, I had a tough time understanding this article completely.

Enrique Peñalosa on how to build cities that prioritise human beings over cars and guarantee a citizen’s right to safe mobility.

Nic Chan on how they overcame the hurdle of getting the signs to refresh on a page in a signage browser with no JavaScript.

Today I learned, :root (0-1-0) has a higher specificity than html (0-0-1).

To see how this unfolds, take the perspective of an ant on the march.

I love Astro.

A great resource to understand how to use the alt attribute in various situations.

I keep forgetting, but the alt attribute of the <img> element is not just useful for users who are visually impaired.

John Mayer on how trying and not doing it well enough is a wonderful technique for being yourself: Failing to sound exactly like the person you want to sound like is a wonderful way to sound like yourself.

Initially, I thought this was just an article on how to fix the janky hover state of a card component.

Ah!

I just purchased Josh Comeau’s new course, Whimsical Animations.

I really like this explanation of what happens in between the user entering a web address into the browser and the browser displaying the result.

Just like a word document can be displayed in a word processing application, a web page is simply an HTML document that can be displayed in a web browser.

Ana Tudor wrote on Mastodon: Stupid #CSS question because I’m losing my mind here: why isn’t calc(.5*a) working?

I re-read Heydon Pickering’s post on the HTML article element in the middle of writing the markup for a new website.

I was reading Manuel Matuzovic’s article on meta theme color and came across this snippet: <style> :root { --theme: blue; } </style> <meta name="theme-color" content="var(--theme)" /> I wish it was possible to access custom properties outside the <sty…

In JavaScript, things get interesting when you need to sort strings that contain numbers in a way that matches human expectations. const files = ['IMG_2.png', 'IMG_1.png', 'IMG_10.png', 'IMG_20.png']; files.sort(); // Output: ['IMG_1.png', 'IMG_10.png', '…

Jim Nielsen on the personal connections formed on the internet.

The grid-row grid-placement property is shorthand for grid-row-start and grid-row-end. .grid-item { grid-row: 1/-1; /* is equivalent to */ grid-row-start: 1; grid-row-end: -1; } In the above declaration, we use integers to position and size the grid i…

Today I learned, grid-auto-columns and grid-auto-rows size implicit tracks as well as any explicit tracks that are not explicitly sized by by grid-template-rows or grid-template-columns.

Karthik Srinivasan uses his experience with running as an analogy to emphasize the importance of consistently showing up in the context of personal branding.

Karthik Srinivasan discusses how to use curation to build a personal brand and shares some steps to get started.

Personal branding is about bringing focus to your touchpoints with the world (of strangers) so that the right kinds of people can find you and remember you.

Jim Nielsen uses his experience with golf as a metaphor to explain that the key to success in web development comes from actual practice — building websites — rather than obsessing over what tools, frameworks and technologies others are using.

As a freelancer, I’m always eager to learn how other folks work.

Dr.

I got the opportunity to proofread Ahmad Shadeed’s latest article on CSS Grid Areas before its release.