Thanks to modern CSS preprocessors such as Sass and Less, writing CSS is exponentially more efficient, organized and powerful. Sass mixins are one feature of Sass that can greatly enrich a front end developer’s styling process. Sass mixins are CSS functions with reusable functionality that can be included anywhere in Sass files. This blog post … Continued
The dream of an inclusive web The internet is built for people, and one of the fastest growing areas of web development is that of accessibility. Fueled in part by a steady growth of lawsuits, a realization that there is a large underserved segment of internet users, and some seeing a commitment to good accessibility … Continued
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
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
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
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 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.
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
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
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
