Front-End Development

Using Adobe IO to Support Server-Side Rendering Many web applications are written using client-side single-page application (SPA) frameworks, like ReactJS and Angular. Doing so has many advantages, however, it does prevent a slight challenge for search engines like Google to effectively index content on pages and make them available to a Google search. There is […]

Working Smarter with Power Apps Microsoft Power Platform’s Power Apps solutions can function not only as great, low-effort applications to fit your business process needs, but also as a tool to aid in other development solutions. In this post, we’ll explore how our Microsoft Business Unit project team has harnessed the power of Power Apps […]

The AEM Forms product comes with many out-of-the-box (OOTB) UI components that allow you to build meaningful forms for your business; the forms can be used to collect data, like applications, surveys, and consent authorization.  But, these OOTB UI form components come with default UI styling.  When we integrate AEM Forms into a website, the […]

Over the past few years, we’ve been using Storybook in Sitecore SXA theme development. It has provided us with a few key features that aid in accelerating our front-end development (FED) workflow: Node development environment with Hot Module Reloading (HMR) Disconnected environment not reliant on Sitecore Community Add-on to aid web accessibility (a11y) testing On […]

When you work at Perficient, you’re never “in it alone.” We pride ourselves on having a collaborative, supportive environment dedicated to fostering both career and personal growth. Perficient’s Agile Community is one of the latest ways colleagues can connect with each other, breaking down walls and collaborating globally in a whole new way. “It makes […]

The ability to show/hide an HTML element should be simple enough, right? Well, we can use some HTML attributes and JavaScript functions if we want to, but what if we want to do perform this task without using JavaScript. Is it possible? Yes, it is possible. We can do it with just CSS. Yes, you […]

There is always the question that runs in the mind of developers, do I choose ternaries or logical && to use in React? Personally, I always prefer logical && over ternaries to handle the truth condition. Let me explain why. Just a few days ago, I was writing the following React code: import React from […]

In my latest AEM project, I had a particular challenge with some front-end code, an AJAX call, and CORS.   While running the site on localhost, the search code attempted to make an AJAX call to a search API. The API would not allow my localhost site. This meant that front-end developers had a hard […]

When Sitecore Experience Accelerator (SXA) was launched, it was a real game-changer for the rapid implementation of Sitecore sites and for marketers wanting more freedom and control over creating content and campaign pages. SXA Themes also allow sites to share a standard site layout while making sure that the site has the right look and […]

Recently, I worked on one bug where GTM tracking was breaking for an embedded YouTube video with a custom play button. The video played perfectly fine on the click of the play button, but it was not getting tracked by GTM. I didn’t find anything wrong in the code, so I researched and found that […]

Heading Overview  For those that may not be familiar with heading levels, here is a quick run-down. Titles on your web page will have heading (<H>) tags to indicate their level of importance. Web developers use <H> tags for page titles to structure the content of the page. Not only are <H> tags used for […]

Recently, I published a blog post regarding AEM Customization: Show Unpublished Reference Alert for Content Path where I showed how to customize the Pathfield and Xffield resourceType. In doing this, I was able to showcase how to create a notification for the content author as to whether the selected content path is published or not. […]