Interactive SVG JavaScript Endeavors
Interactive SVGs are quickly becoming more widely used. We’re going to implement an SVG map representing the population density of Thailand using two open-source libraries, SVG.js and Tippy.js.
Category: Web Development
ESI : Rendering Dynamic Content | AEM
What is ESI? Edge Side Includes or ESI is a small markup language for edge-level dynamic web content assembly. The purpose of ESI is to tackle the problem of web infrastructure scaling. It is an application of edge computing. Static Content vs. Dynamic Content? Let’s assume we have a dynamic website, with most pages being … Continued
AEM Image Processing and Best Practices
Objective Objective of this document is to define the out of the box Image renditions and processing concepts in AEM and compare with the Image Transformation process using ACS (Adobe Consulting Services) commons library. Its pros/cons are also listed. Image Renditions vs Image transformations In Image renditions separate images are created and stored in DAM … Continued
Google Maps JS Implementation Tips
Google’s Maps Platform is undeniably one of the most widely used technologies. And in supporting web applications, Google’s Maps JavaScript API is one of the most popular used throughout. I’ve aggregated various thoughts, opinions, and tips with regards to Google’s Maps JavaScript API:
Debug Adobe Launch on Any Browsers with Charles
When managing code with Adobe Launch, it’s critical to be able to test changes before publishing. To make sure changes work as expected in a production environment, it’s helpful change the Launch library, allowing you to see how your dev or stage library will work on your production site. There are some great tools like … Continued
AEM Workflows : How to Implement Parallel Approvals
What is Workflow in AEM? Workflows enable you to automate Experience Manager activities. Workflows consist of a series of steps that are executed in a specific order. Each step performs a distinct activity such as activating a page or sending an email message. Workflows can interact with assets in the repository, user accounts, and Experience … Continued
How we helped a lottery, Win (Part 2)
Continued from Part 1… Application Setup and Deploy: The Player exclusion spring-boot microservices will run on Docker container-based Linux instances. It will use Azure DevOps toolchain (Azure Boards, Repos, Pipelines & Artifacts) for its software development & delivery lifecycle. Azure DevOps will handle Application deployments in an automated manner to provide a streamlined error-free development lifecycle. The Application Code will be hosted in Azure Repos. … Continued
Unified Customer View – Approach
Understanding customer behavior plays a vital role in the modern digital marketing world to ensure success in any digital initiative. There is no other proven source or tool to understand customers than a Unified Customer View that provides a 360-degree view of the customer including demography, buying behaviour, activity history, product preferences, etc. The problem … Continued
Setup Storybook for AEM
Storybook is an open source tool for developing UI components with various technologies, including AEM. It allows frontend developers to develop components in isolation and it captures functional test scenarios for each component. Let’s find out how to setup a new project created with the AEM Project Archetype for use with @storybook/aem. These steps will … Continued
Getting Started with a 3D React Workflow
Dependencies Gatsby & Sass plugin ThreeJS React-Three-Fiber Zustand Environment setup Let’s start with a Gatsby boilerplate project. Go into command line of your favorite directory and type: gatsby new my-hello-world-starter https://github.com/gatsbyjs/gatsby-starter-hello-world After installation, let’s add our needed dependencies to our project: cd my-hello-world-starter yarn add three react-three-fiber zustand && yarn add node-sass gatsby-plugin-sass -D … Continued