Intermediate

Automating Your Web Workflow with Grunt.js

Grunt LogoI have to admit, it wasn't love at first sight (I mean, just look at those tusks), but I'm now head over heels for Grunt. Grunt is a task runner that chugs along in the background and, with the right set of plugins, can be set to automatically combine and minify CSS and JavaScript files; check HTML, Javascript, and JQuery for errors; compile Sass to CSS; write browser-compatible code; and more.

Case Study: Building a Responsive Site in Drupal 7

Printer’s Devil Review is an independent, open access journal of literary and visual art. Recently, I redesigned the site to allow users of mobile devices to more easily access the magazine's content. In this case study, I highlight the features and tools I added to the site.

Creating a Responsive Multiple Column List

Guest contributor Samantha Milowsky shows how to take a web page with fixed-column lists and transform it into a flexible, responsive page that will look great on a wide range of devices.

Using JQuery UI to Add Effects to a Drupal Site (Part II)

In a part one, I showed how to use JQuery UI's .dialog method to script a modal message on a Drupal site. In part two, I show how to customize what the message looks like and how often it appears in the browser (using cookies).

Using JQuery UI to Add Effects to a Drupal Site (Part I)

The JQuery UI JavaScript library makes it easy to add all sorts of interactive animations to your website with just a few lines of code. Because there are a lot more moving parts, though, it can be a little tricky to integrate these scripts into a CMS like Drupal. In a recent project, I used JQuery UI's .dialog method to script a modal message.