Front-End Development

Survey says…  Recent surveys of cable users have shown that the demographic is quickly aging. Half of cable users surveyed in one report were at least 60 years old, while over a quarter of respondents aged 18 to 29 preferred streaming services over cable TV. More troubling was that 60% of those surveyed who used […]

For the scenario of independent deployment of your NextJs static site, say in an automated deployment, one missing piece is a way to push the SSG site into Vercel. Here I provided a simple deployment script using the Vercel CLI of the static site in the XM Cloud project. Code: # Set up variables with […]

What is WCAG? Web Content Accessibility Guidelines (WCAG) are a set of guidelines developed by the World Wide Web Consortium (W3C) to ensure that websites and web content are accessible to all users, regardless of their abilities or disabilities. WCAG provides a comprehensive framework for designing and developing websites that can be accessed and used […]

In today’s world of technology, we want easy, fast, and same codebase development. Everything is possible with huge advantages in top Framework like react native. Learn once, write anywhere – React-Native, it combines the best parts of mobile (Android and iOS) and web development with React, a best-in-class JavaScript library for building user-interfaces. React Native […]

What is Accessibility? Accessibility is the practice of making your website usable for everyone. If the technology is accessible, each user can interact with it in ways that work best for them. The standard guidelines for web content accessibility are organized around four principles The Web Content Accessibility Guidelines (WCAG) are organized by four main principles, These four principles […]

If you’re a front-end developer, you know that building and deploying your code can be a time-consuming process. But what if you could automate the entire process with just a few clicks? In this blog post, we’ll show you how to use a Windows shortcut to checkout the master branch, clean up your repository with […]

What is Web Accessibility? You may have heard that term a lot lately. With almost 62% of the world’s population using Internet today, it is crucial for the business to be available to all out there. The Web is designed to work for all people, regardless of their hardware, software, language, location, or ability. Image […]

Site Studio is a Drupal product from Acquia which builds a low-code and component-based website with a simple drag-and-drop interface. So, what is a component? Components are the mini templates to provide a flexible layout system to customize each section on the page as per requirements. This can be used by site builders in pages […]

By now, a lot of us have already participated in one or more CMS 12 upgrade projects. The others are still evaluating whether they should do it now or wait some more. Regardless of when you do it, there will definitely be some unique upgrade challenges you will come across, as I and many others […]

Previously I presented a common situation where an engineering team might push for Headless AEM and covered why, in my opinion, a Hybrid solution is a better approach.  I discussed how Content Fragments, Experience Fragments, and Sling Model Exporters are used in combination to deliver the Headless side of the AEM experience.  In case you […]

What is Tailwind CSS? Tailwind is a utility CSS library that allows developers to use the styling properties within the HTML file. It is done by labeling the class name as styling properties. Instead of defining the class name such as Navbar, and Footer, developers can define the classes as styling properties. Such as display […]

If you’re reading this, you’ve come across a need that nearly all Opti developers encounter in their careers; You need to correctly display a vector image format (SVGs and the like). The <IMG> tag just isn’t going to cut it anymore. Posts like this are a right-of-passage for Opti bloggers. “So,” you think, “if there […]