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

Introspection Fragment Matching in GraphQL

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

sass

Empower Your Front End Development With Sass Mixins

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

Couple unable to see mobile device screen because of disability and sun glare.

Accessible?

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 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.