A11y

A Lightweight Website Is Okay

A lightweight website that is often used by some people may not be the best website in the world. But it can be the best website for people in less fortunate circumstances.

Some Accessible Links Do Not Need an Underline

The most annoying part about web development is its flexibility. Rarely are things wrong or bad. In the case of links, some links need underlines, and some don't. All depends on the context.

Use HTML Semantic Markup First, Probably

You may have heard, 'Use semantic markup first.' I disagree. Use the right markup for the right job, and let me tell you that doing it is not always easy.

Do Not Limit Your Body

Of course, I am talking about the HTML body element.

Alternative Text for Decorative Images Must Be Empty

At first, you may feel tempted to fill the alt attribute with some text. But you have to change that before it becomes a bad habit.

The Ultimate Guide to Using CSS Custom Properties Easily

Using the power of CSS custom properties does not need to be complicated. You can start now by doing the easy and simple things with them. Let me tell you how.

Improve Your Site's Accessibility Easily

You can make your website accessible easily now. Don't wait.

Background Image Vs HTML Image? Which One Should I Use?

Beginners often get confused about when to show an image as a background image or as an actual HTML image. This short article gives you a direct answer.

The Content inside the Aria-Label Is for Humans

CSS Text-Decoration Is Deceiving

What will happen when we think an underline on every link is just a decoration? I bet you never think about this.

Learn Web Accessibility

Developing an accessible website is not just a duty. I will tell you more in this article.

The HTML Paragraph Element Is Not Always for a Paragraph

What is the right semantic HTML for a chat bubble? Should I wrap the text "Hi" with an HTML paragraph element? If yes, is "Hi" a paragraph?

Empty Links Do Not Mean Empty Brain

I understand that we can make mistakes. I want to campaign adding an accessible name to every link should be like wearing clothes every time we go out. We can not go naked outside. We can not forget about it.

The HTML Heading One Is Essential

I have a few words about it so that you can be a good front-end web developer at using the element without any confusion.

Heading Rank Is Not about the Level of Importance of Your Content

Heading rank refers to a hierarchy of headings, starting with heading one as the most important and heading six as the least important. But the concept of heading ranks is wrong and stupid.

The Div, the Section, and the Article

The div element has a bad reputation in web accessibility because some developers see it as "meaningless." Is meaningless equal to bad?

Dangerous CSS Ideas

Do you like to play with fire? I hope you do not.

The Ultimate Guide to HTML Image Elements

Many people do not know that writing an image element is more than just using an alt attribute and a src attribute. There are other attributes that enhance the images progressively.

Finding the Truth in Web Development

The Ultimate Guide to HTML Headings

This is an easy guide to follow to prevent you from making horrible mistakes.

One Action

One action is better than two actions. The more actions your users are required to do, the more code you need to write too—think about that.

Click Here

A Link Hover Effect That Confuses Some Users

Removing the underline as a hover effect for links can confuse your mobile users.

Web Resign

Web design is normal. But "Web Resign" is more normal.

Website with Disabilities

Useless Animation

Tips for Improving Website Performance

No-Motion-First Approach

Proudly Inaccessible

I announce that this website is not accessible to everyone. I expect that I will never try to make it accessible to all people.