In this article, we’ll see how to make our sites friendly for Windows High Contrast Mode by using a good set of practices, including the media query `forced-colors` and its toolset.

The text-overflow property can be used to show visual indication of truncated text. I'm not a fan, and take every opportunity to discourage its use.

Freelance Front-End Web UI/UX Developer - Lebanon

Animations should be an enhancement, not critical to a user's understanding

How CSS bleeds into content and influences screenreader announcements.

Long live the modern browser! Browsers are getting better these days. We seem to be in a golden age where there’s a never-ending stream of new features added for the benefit of the users accessing the page, and really great tools for those creating the page. It hasn’t always been the case, though. Earlier versions …

CSS resets are a collection of CSS styles that undo the default browser styling of many or most HTML elements. Recently I have seen cases of developers using display: contents on lists and headings to remove the margins and padding, and generally to visually do what a CSS reset might…

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external style…

The web is full of resources telling you to use the relative lengths “em” and “rem” over pixel, because they would make your design more accessible. Almost all Front-End Developers I know (including m…

You may have heard that when defining the size of things in your website, you should be using em or rem units, rather than good old…

Removing CSS outlines without proper fallbacks can make it impossible to navigate your site with a keyboard.

Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. A...