Ahmad Alfy

Blog about front-end development and the web
https://alfy.blog (RSS)
visit blog
Smarter than ‘Ctrl+F’: Linking Directly to Web Page Content
19 Oct 2024 | original ↗

Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches. Explore this powerful, user-friendly feature for precise content sharing and improved web experiences.

Search friendly dropdown menu
13 Apr 2024 | original ↗

How to build a search-in-page friendly dropdown menu using the hidden attribute with the value until-found.

CSS Style Guide At Robusta
11 Aug 2021 | original ↗

I’ve seen a lot of CSS style guides online, but I always found them talking more about how to choose a selector name and how to structure your components rather than talking about CSS itself. I do a lot of code review at Robusta and reviewing CSS is something I enjoy doing. I tried to collect the notes that I found myself leaving for my...

Early detection of potential problems by checking frequently updated files using Git
5 Jan 2021 | original ↗

One of the popular metrics used to assess the engineering team’s output is Code Churn. It has several definitions and each company and tool measures it differently. I like how Pluralsight defines it:

Architecture Decision Records
1 Jan 2021 | original ↗

A couple of years ago I learned about Architecture Decision Records (ADRs) from Technology Radar and how they help software development teams document the architecture decisions they take during software design. In the beginning, I had an impression that these kinds of documents are suitable for projects of a certain size where a software...

Personal identification in Git
24 Dec 2020 | original ↗

TL;DR version

Naming color variables in CSS
3 Nov 2020 | original ↗

Recently I was building a website for a company where I found a component that I've never built anything like before. The content of the website should lie within a fixed width container just like most of the websites out there

Using HTML attributes on input tag to improve user experience
7 Aug 2020 | original ↗

HTML5 introduced a whole bunch of attributes that can be used on form elements like `input` and `textarea` to eliminate the need of using JavaScript for validation. It also introduced other attributes like autocomplete

Building components that extend beyond their parents containers
1 Aug 2020 | original ↗

Recently I was building a website for a company where I found a component that I've never built anything like before. The content of the website should lie within a fixed width container just like most of the websites out there

Everything you need to know about images loading
17 Oct 2019 | original ↗

Today I want to talk about how images load on the web. During my interviews when I am hiring I meet a lot of people with many years of experience who lack the foundational understanding of what fires an http request to an image. Images have major impact on two things; Performance and User Experience. Understanding how they load helps you optimize...

↑ these items are from RSS. Visit the blog itself at https://alfy.blog to find other articles and to appreciate the author's digital home.