GraphQL helps empower the front-end developer to be able to retrieve data from a single endpoint with ease. By utilizing the query function, we can receive data stored remotely through a JSON-like structure. Since GraphQL prioritizes speed and ease of setup, there are some features that you will need to pass to your GraphQL client … Continued
Progressive web app (PWA) is simply a term used to describe websites that use certain web APIs, the most important of which are the service worker API and the Cache API. Simply put, a service worker is code that runs before the request for the page document is sent to the network and can intercept … Continued
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
