Apache SSI in Adobe Experience Manager

Apache Server Side Includes (SSI) are a way to mix cached secured, secured, and dynamic content on the same page without the end user knowing the difference. This is accomplished by having a tag in the form of a specialized HTML comment in the markup of the page that your Apache web server will replace … Continued

Accessibility tips for modern Web Development

What is Web Accessability? Web Accessibility is the process of making your website accessible and removing barriers of use to those with a range of disabilities. Someone with a disability may use assistive technologies such as a screen reader to access your website if they are visually impaired, or require additional support to consume your … Continued

E2E Testing with BDD and Cypress.io

What is E2E testing? End-to-end testing is a process of testing our entire application from start to finish utilizing written test scenarios and automated test software. These tests are written and ran to simulate real user scenarios. Whether it be testing new features, or integration between components, end-to-end testing is key at catching bugs, flagging … Continued

Managing Responsive Design in Polymer

Over the years, media queries have helped web developers immensely with responsive design. It gives us a way to define CSS rules for a particular breakpoint relative to the browser’s viewport. As the web evolves, web components are becoming more popular and component developers are increasingly interested in applying responsive styles based on the dimensions … Continued

Pattern nesting with Handlebars Layouts

Pattern libraries are useful tools that help assist with the organization and swift development of patterns. A pattern library that is driven via Handlebars templating can be greatly enhanced by using layout blocks to template and nest patterns with. In particular, the handlebars-layouts library can be used for this reason. We’ll review the essentials for handlebars-layouts in this post.

Using a Content Fragment API in React

In this blog post, we’ll use a simple React app to access content fragment JSON data exposed via a content fragment API. For this example, you will need to set up movie content fragments detailed within the AEM Content Fragments in the Wild and AEM Content Fragments as an API blog posts to generate the … Continued

AEM Content Fragments as an API

One of the many features of Adobe Experience Manager are content fragments. With these you can create schemas, author headless content, and distribute that content to various channels. In the previous blog post we looked into setting up content fragments for use as AEM page level components. This time we will look into enabling content fragments … Continued

AEM Content Fragments in the Wild

One of the many features of Adobe Experience Manager are content fragments. With these you can create schemas, author headless content, and distribute that content to various channels. When implementing functionality with content fragments there are four main approaches you can take: Content fragment -> Core component -> Add style options Content fragment -> Access … Continued

Measuring the Benefit of Your Unit Tests

When unit testing you might trust your technologies and frameworks. You might feel comfortable assuming that using the standard unit testing technologies for a particular technology stack will be a net benefit. However there are times where you might be considering unit testing in particular scenarios with specific technologies that aren’t quite as well proven. … Continued