Category: Workflow & Tools

Website Design Workflow: Creating a Living Style Guide

There is no shortage of information about style guides. In fact, while I was writing this post I saw a tweet from Brad Frost announcing the launch of styleguides.io which he described as “an open-source website for sharing resources about style guides:...

Customizing MediaElement.js for WordPress

MediaElement.js is a JavaScript library that gives you video and audio play capabilities based on the HTML5 specifications. It includes a Flash wrapper for browsers that don’t support certain codecs or that don’t support the HTML5 <audio> and <video> tags. MediaElement.js has...

WordPress – Up and Running with Grunt, Sass, Bourbon and Neat

So what is Neat? Well Neat is a semantic, lightweight, and powerful grid built on top of Bourbon and Sass. It’s ideal for most grid situations and is a great front-end CSS framework for Responsive Website Design. There are lots of frameworks...

Integrating Font Awesome Icons in bbPress

The amount of thought and time that goes into designing a universally accepted icon is amazing. Choosing when to utilize icons to represent interfacing elements is paramount to whether users will understand, and seamlessly navigate areas of a website. Previously, website icons...

Unit Testing Your Plugins

So you have an amazing plugin, and it’s starting to get bigger and the bug reports are piling up (or better you are are starting a new plugin and you wanna do it right). Unfortunately getting PHPUnit to properly function with WordPress...

Display Likes, Tweets, Page Views, and Comment Counts in Posts

Here at WebDevStudios we do a bunch of heavy lifting for clients. It’s rare for us to install “XYZ plug-in” and call it a day. One client wanted to display likes, tweets, page views, and comment counts, via custom buttons, for about twenty posts on the...