Perspectives from the experts at Chromatic
As we wrap up the fourth quarter of 2022 and hurtle headlong into 2023, we have compiled a round-up of our team’s open-source efforts in Q4 2022. Happy New Year!
What if your site is already decoupled, and you are beginning to wonder if it was the right choice? The question becomes, does the higher effort required to maintain and iterate on a decoupled site still match your product or business goals?
Chris shares why we dropped Drupal for the newest version of our website.
Struggling to keep your project’s environments using the same version of Node.js? Learn how to declare your Node.js version in a single file and reference it everywhere.
A decoupled website architecture gives your clients access to a high-performance machine to serve their business. But will that machine wind up being more trouble than it's worth? Learn the deciding factors that play a big role in securing an organization’s digital future.
Do you love the developer experience of NextJS? Or want to enjoy the benefits of a static site generator but prefer Vue over React? NuxtJS might be the framework for you!
In this blog post you will learn the basics of live templates in PHPStorm and keyboard shortcuts to avoid repetitive typing while coding.
We’re not the first to take one of the most popular React frameworks for a spin around the block, but we are definitely glad we did. GatsbyJS comes packed with easy to use features and plugins.
Our guide to improving website performance when using third-party assets.
A new, open source way to see your organization's rank in the Drupal.org Marketplace.
Web Unleashed 2019 in Toronto is a conference focused towards front-end web development with many great sessions ranging from technical to inspirational.
The way we often use Gulp can make our projects brittle and add friction that complicates contribution and on-boarding. Thankfully, this is an avoidable problem with a rock-solid solution that requires minimal effort.
Our crew had an amazing time at JSConfUS 2019, a fun, engaging, eye-opening, and inspiring conference about much more than just JavaScript.
JSConf is less than a week away and a solid contingent of Chromaticians will be headed to sunny California to soak up some of the exciting ways JavaScript is taking shape in the browser and beyond.
Internet Explorer still covers a statistically significant percentage of the current market share (as of the publication of this post) and front-end engineers would do well to recognize its caveats in order to solve problems quickly and deliver a great product to stakeholders.
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.
jsonmonger is an abstraction layer between your JavaScript application and a json:api-compliant server. It’s designed to simplify your interactions with json:api so that you can focus on business logic, not API transactions.
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.
“Decoupled Drupal” sounds cool and just about everyone else seems to be either doing it or talking about it, so it must be the best solution for you, right? Well, maybe. As with most things, the answer is more nuanced than one might think.
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.
Summary: Test-driven development (TDD) keeps you focused, encourages critical thinking, and improves code confidence. Here are some basic principles that have helped me write effective tests and which have proven useful when introducing other developers to the practice.
How to reference a forked/patched npm package.
fastly-cli is a command-line interface (CLI) for the Fastly CDN written in node.js.
Despite all advice to the contrary, there are valid use cases for running npm via sudo. We encountered just such a case in our own work, and with it some challenges that made us scratch our heads and dive into man pages.
We're taking a deep dive into the Google Places Prediction and Autocomplete API to resolve our bug found in parts 1 and 2.
In part one we learned how implement a Google Places Autocomplete widget on an address form. In doing so we discovered a critical bug in the widget that degrades the user experience. Let's take a closer look and resolve this bug.
The Google Places Javascript API is a great client-side toolset that allows us to use the same database as Google Maps to verify addresses. Let's examine the API and implement Places Autocomplete functionality on our address forms.
Sometimes you need to output HTML in javascript. Drupal 7 provides a specialized javascript API including theming functions to help with this.
In the process of redesigning our site, we decided to axe jQuery early on. Analytics informed us that cross-browser compatibility wouldn’t be an issue, so we took the easy performance gain and stuck it out with vanilla JavaScript.
We use cookies to improve your experience on our site and to provide you with the most applicable information you might be looking for.
