Chrome Reset with the Outline CSS Property
Let’s delve into an approach to reset the Chrome outline CSS property. Our focus will be on two key declarations: outline-color: auto; and outline-color: -webkit-focus-ring-color;. Quick Links Understanding the Accessibility-Driven Outline CSS Property Resetting Chrome for Accessibility with outline-color Resetting Chrome with Browser-Specific Accessibility: outline-color: -webkit-focus-ring-color; Code Example, Together Conclusion 1. Understanding the Accessibility-Driven Outline […]
Targeting CSS in the Editor.html for AEM Components for AEMaaCS
Sometimes as developers, we would need to inject some CSS into our pages in the edit-modes to enhance the experience of our authors. One key skill as an AEM developer knowing how to customize the authoring experience in the editor.html (while content authors are editing the page). This article explores the techniques of targeting CSS […]
HTML element style tag validation approaches in 2023
In the rapidly changing world of web development, it’s essential to keep up with the latest standards. Some ways of inserting <style> tag to the HTML document are not valid for HTML5. In this article we will go through different compliant methods to insert <style> tags to your HTML documents. Although there are some invalid […]
Add inline CSS with AEM Sightly
AEM Sightly is a templating language that simplifies the integration of HTML and server-side logic. One of the key features of Sightly is the ability to use add inline-css to the component itself, so that your user experience requirements can be full-filed. In this article, we will explore how AEM Sightly enables developers to apply […]
What is BEM? What are some examples?
In short, CSS BEM is a CSS naming convention for HTML classNames that allows developers to write CSS faster and maintain CSS more easily. CSS BEM uses compound names for CSS classes, those being “block__element–modifier”. BEM is very popular when working on HTML components. An HTML component is nothing but a group of HTML elements […]
