Front-End Development

Native observers empower your JavaScript to subscribe to events like the alteration of the DOM, an elements position in relation to the viewport and even the resizing of individual elements.

There’s a whole world of pseudo-elements beyond before and after. Here we examine three of the coolest.

While it’s not possible to learn every trick out there, I’ve found that dedicating time to learning something new about DevTools has improved my workflow and helped me debug faster.

Entities and their methods are no longer limited to use within PHP, they are now available in Twig as well.

Whether you're a seasoned JavaScript developer who could use an update or just touching JavaScript for the first time, ES6 for Everyone (https://es6.io/) by Wes Bos is a course for you! This course will give you all the information to get started and also strengthen your basic JavaScript skills.

The shape-outside property empowers us to break out of the box that is most of the web and create awesome editorial designs.

The Taming Twig series highlights common problems encountered when using Twig and how to fix them.

Insights on YouTube API Functions for Playback Control along with an oft-used Bootstrap 4 component

Component-based design and development is here to stay and the most important tool to emerge from this paradigm is the component library. They provide many benefits, but they can also introduce friction. Fortunately, we can ease this friction with proper planning. Answering key questions before building a single component goes a long way towards ensuring the library's success.

symdeps is an npm utility that lets you define custom install paths for your JavaScript dependencies with just a bit of configuration in your project’s package.json. It supports both symbolic and hard links, can handle individual files or entire directories, and can be set up to run automatically.

Maui Jim recently faced a major software upgrade and redesign while expanding their international presence. They had ambitious performance goals and needed expert front-end development to achieve them. Chromatic delivered a successful component library and consulted on performance. The result: pages that load 2-4x faster.

Component libraries are living inventories of user interface elements (components). I hadn't yet built one for a client, but I'd heard of a few tools used to do so. What I didn't realize was just how many helpful tools there were. When deciding which to use, I realized I needed to define what I considered most important for this specific project. This post outlines that experience.