AdobeFront End Development

Part 3 – Web Accessibility: Practical Approaches to Implement accessibility using Axe tool

This is the first example for the web aria accessibility implementation, where we will understand how this Axe Tool works and look at how we can fix these issues. You can read more about the accessibility implementation from the mdn web docs. But by Installing this Axe Accessibility Linter plugin on the Visual Studio Code, […]

Front End Development

EXPLORING FLEX BOX PROPERTY IN CSS

Flex is the value of the css display property. By using a flex in the parent, the child elements are automatically shaped like a line or column with their respective initial width and height. Properties of Flex Container 1.Display Flex: CSS Display property can have value flex or inline-flex. By using display flex or inline-flex […]

AdobeFront End Development

Part 2 – Web Accessibility: Your guide to comprehensive website testing

Accessibility Testing –  Automated Assessment: Automated testing tools can scan websites or mobile applications to identify errors across numerous pages based on WCAG standards. This approach can potentially uncover up to 57% of accessibility concerns. 1. VS Code Plugin – The axe Accessibility Linter plugin for VS Code assists developers by conducting real-time code analysis, […]

AdobeFront End Development

PART 1 – Web Accessibility: Ensuring Equal Online Experiences for All

Overview – The concept of accessibility revolves around whether individuals can use a product or service, regardless of how they encounter it. While regulations for accessibility exist to support people with disabilities, designers should strive to cater to a diverse range of potential users across different usage situations. Here are some instances of individuals who […]

Front End DevelopmentReact.js

A Beginner’s Guide to Redux Toolkit Query/RTK Query

RTK Query is a set of utilities, a powerful data fetching and caching tool. It is an additional package provided by Redux Toolkit that enhances Redux by adding data fetching and caching capabilities.  Data fetching and state management are simple to incorporate in the Redux application by the smooth integration with Redux Toolkit. Key Aspects […]

DrupalFront End DevelopmentSEO

Essential Features to Look for When Choosing a SEO-Friendly Drupal Theme

Choosing an SEO-friendly Drupal theme means selecting a theme that is designed and developed with search engine optimization best practices in mind. Such themes are optimized for performance, speed, and user experience, which are crucial factors that search engines consider when ranking websites in search results. Here are some key aspects to consider when choosing […]

Front End DevelopmentReact.js

Using WebOtp API in Nextjs / React

In today’s applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we […]

DrupalFront End DevelopmentSoftware development

Blocks, Elements and Modifiers (BEM)

When you work on larger projects that have a larger website you need to follow some instructions and guidelines whether it’s a matter of optimization of the site or maintenance of it. BEM (Block Element Modifier) is a popular naming convention for CSS classes that helps to speed up the development process and improve teamwork […]

DrupalFront End DevelopmentSoftware development

Basic Sass Trick

Sass (short for “Syntactically Awesome Style Sheets”) is a popular CSS preprocessor that enhances traditional CSS with new features and functionality. It offers a more efficient and powerful way to write CSS, making it easier to manage and maintain complex stylesheets. Learning Sass is a great way to optimize your website’s CSS and there are […]

Services