Front-End Development

Software Engineers Working On Project And Programming In Company

Leveraging Microsoft Power Apps as a Survey Tool

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 […]

Science

AEM Forms: Custom Styling for the AEM Forms Component

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 […]

Software Engineers Working On Project And Programming In Company

Using Storybook for Sitecore SXA Development

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 […]

Agile Community Event

Perficient’s Agile Community Serves Colleagues of All Backgrounds

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 […]

How to Show/Hide HTML Elements by Only Using CSS

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 […]

Choosing Between Ternaries or && in JSX

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 […]

Istock 641204328

NGINX Proxy for CORS

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 […]

Istock 691171106 (2)

SXA Themes: How to deploy themes with Azure DevOps and Unicorn

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 […]

Cardmapr N8pnhrcr73o Unsplash

Implementing Custom Play/Pause Button for Embedded YouTube Videos Using IFrame Player API

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 […]

Get Ahead of Headings: How to Correctly Use Headings for Accessibility

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 […]

Einar H Reynis Cgset8 Wgw Unsplash

AEM Customization: Show Unpublished Reference Alert for Tagpicker

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. […]

Close Up Software Developer Programming Code On Screen

CSS Transform Property: Four Common Uses

The CSS transform property allows a developer to perform a number of different actions on an element that changes how that element appears in the browser.  While the realm of possibilities for what you can do with one or more of the transform values is very large, here are some common uses to save time […]

Load More