Introducing Saucier

With the first party API building tools built into Drupal 8 core, there’s been a lot of talk about building semantic APIs in Drupal; when, how, and why you should or should not. However, a commonly overlooked piece of this picture is how to go about actually consuming these APIs. As it turns out, consuming an API, even a well designed one, can present a number of challenges. That’s why we created Saucier, a Node.js framework for creating web pages using Drupal-based content APIs.

screensizes: visualize viewports in real-time

We talk often about how responsive web design should be fluid and not designed around a limited set of screen sizes. But how do you really drive that point home? Is it possible to physically see how many different shapes and sizes are viewing the web?

Make it Modular

One of the most powerful features of node.js is its package manager, npm, and the wealth of modules it gives you access to. By using node modules you can leverage work done by other members of the community and spend more time focusing on solving your specific problem. There are other benefits to node modules though: they make your code more testable by splitting out non-critical logic, they make your code more maintainable by reducing the code paths through code you’ve written, and they improve the organization of your overall project.

Testing JavaScript applications with sinon.js

As developers, we know how important testing our code is and furthermore how much we can gain from automating these tests. That said, most modern web systems are inherently difficult to test due to their interconnected nature. Depending on the architecture of your application it’s at best tedious to test just your code and at worst impossible.

Testing Drupal with CasperJS

In our last post we used CasperJS to rapidly test the user interface of a website. Now we will build on these skills and add a familiar element into the mix: Drupal. Like any framework, Drupal offers many predictable, standard behaviors which we can take advantage of. Using this predictability, we can easily test many behaviors including logged-in activity such as posting content.

Use element queries today with eq.js

With responsive images this close to landing natively in several major browsers, everyone has turned their attention to the next major hurdle: element queries. You might be asking yourself what an element query is. Read on to find out all about element queries and how you can use them today!

A practical guide for 1000ms renders

Howdy perfers! This week we’ve got a good one for you. Web chef Ian Carrico has written an extensive how-to documenting his journey to the mythical 1000ms render. The post is featured on his own blog where he worked the magic, and it’s accompanied by both the code that powers his site along with a full Ansible script allowing you to set up a similarly-configured server on your own. Read on to find out more.

Simulate user actions with CasperJS

In this installment of our CasperJS series, we will begin looking at ways to interact with a website as a regular visitor would. Clicking links, using keyboard navigation, and filling forms are all standard activities as we browse websites. Read on to see how easy it is for Casper to do the same.