Drupal, Front End Development, Software development
CSS Flexbox and CSS Grid are layout systems. Flexbox, on the other hand, is for laying out a single row or column of elements. Flexbox is about positioning elements in a dimensional area so, in a row or a column. We can actually set up Flexbox to wrap its item into a new line, so […]
Drupal, Front End Development, Software development
This blog is a continuation of the previous blog. CSS ─ PADDINGS The padding property in CSS is used to add space between the content of an element and its inner border. It is used to control the internal spacing. It only affects its size and layout and it does not affect the element’s border […]
Drupal, Front End Development, Software development
CSS ─ MEASUREMENT UNITS CSS offers us various measurement units that we can use to define sizes and distances for various properties such as width, height, margins, padding, fonts, and more. Here’s a list of commonly used CSS measurement units: ● Pixels (px): Pixels specify the size in CSS, and it is most commonly used. […]
This is the last example for the web aria accessibility implementation, where we will look at how we can visually represent the links on keyboard navigation. If you take an example of navigation links, here on anchor tags, we have a href attribute, which makes the anchor tag focusable by default where this black border/outline […]
Front End Development, MEAN, Node.js
Introduction MERN stack technology is a popular technology stack used by many developers worldwide. MERN is an acronym for four powerful technologies, including MongoDB, ExpressJS, ReactJS, and NodeJS. This technology stack is known for its ability to build fast and robust web applications. It is no surprise that the MERN stack is gaining popularity among […]
Drupal, Front End Development, Web Content Management
Creating an accessible Drupal website is essential to ensure that all users, regardless of their abilities or disabilities, can access and navigate your site without barriers. Web accessibility aims to provide equal access to information and services, promoting inclusivity and usability for everyone. Here are more detailed tips on how to make your Drupal […]
Front End Development, React.js, Software development
What is Debounce? Debounce is an optimization technique to reduce the frequency of repetitive function calls. It is especially suitable for cases where we have some function that can be called multiple times within a short duration, but only the latest execution result is required. There are many ways to implement it. The general concept […]
This is the third example for the web aria accessibility implementation where we will understand announcing the checkbox label and checkbox checked/unchecked state correctly on the spacebar key-down and click. This is the working solution below on how to make this checkbox announce label and state. ⇒ Code SNIPPET 3 – <!DOCTYPE html> <html lang=”en”> […]
This is the second example of the web aria accessibility implementation, where we will fix the issues using the NVDA Screen Reader. Here, we will get to know whether it will read the webpage or not and check the multiple accessibility errors. You can download this tool from this link – https://www.nvaccess.org/download/ ⇒ Code […]