Our Bright Paths Program is designed to advance STEM education and career opportunities for underrepresented constituencies and communities while closing the gap in technology. Perficient created Bright Paths in partnership between Perficient and Strayer University’s Hackbright Academy, a coding bootcamp and engineering program designed for women, as well as Devmountain, a design and coding bootcamp […]
Posts Tagged ‘css’
Three Bright Paths Graduates Explain Why They Applied to the Program
Interested in a career in tech? Consider applying to Perficient’s Bright Paths Program. At Perficient, we’re committed to bringing more diverse insights and skillsets into the conversation to drive true innovation forward. Our Bright Paths Program is designed to advance STEM education and career opportunities for underrepresented constituencies and communities while closing the gap in […]
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 […]
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 […]
Freezing Row and Column in HTML Table Using CSS
An interactive and easy-to-use user interface always engages the user to work more. Whenever a grid/table structure is used to show the data a common scenario comes to show a scroll bar when data is more than a visual range. When the user scrolls the table using the scroll bar either the row header or […]
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 […]
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 […]
Accessible Balance: HTML & ARIA
Introduced in 2008 by the Web Accessibility Initiative (WAI) group, the family of attributes known by the acronym ARIA (Accessible Rich Internet Applications) allows developers to supplement HTML where it lacks in accessibility. ARIA is a group of attributes that work to supplement HTML attributes to create a more accessible experience for those using assistive […]
Creating Your First Custom AEM Component Using React
Recently, I went through an article about integrating React JS and Angular JS with AEM. In this blog, I am going to show you how to create a custom component that includes a cq:dialog and one that does not include a cq:dialog. Before building the components, clone the repository, which is a sample project based […]
How to Customize Your Own HTML5 Audio Player
Introduction Web developers have wanted to use audio and video on the web for quite a long time. With the standardization of HTML5 and most modern browsers starting to implement HML5, it’s been a great surprise for us. In the past, implementing audio and video in a web application would be very tedious since we […]