Category: Snippets

Using CLI to Quickly Optimize Images

Author’s Note: The following guide revolves around UNIX systems. You are about to read a story of how I saved myself from eight mouse clicks. TL;DR View the code on Gist. Install ImageMagick CLI Add the above function to a file called .custom_commands.sh in...

Five Reusable Code Snippets to Reduce Development Time

When was the last time you started a project from scratch? I mean literally from scratch—not using a framework, a parent/child theme, or any plugins. Maybe never? One could argue that as long as you’re using WordPress that you’re not necessarily creating anything from scratch since...

Get Loopy with Sass

Whether you use Sass/SCSS, Less, or Stylus to compile your CSS, one thing’s for certain; it just makes life much easier. These preprocessors give us access to variables, necessary calculations, and powerful mixins that allow us to take our front-end workflow to...

Is Clever Code OK?

“Clever code” is a term that you may have heard before, accompanied by sighs and groans from other developers. Often, people seem to think of clever code as annoying, and perhaps even harmful. In this article, I’m going to give a brief overview...

Using Sass Mixins to Power Your Projects

If you’ve followed along the WDS blog/Github/Twitter etc, you’ll know pretty well by now we’re a team that uses Sass as a part of our daily workflow for front-end styling. Sass is a powerful CSS preprocessor tool and it’s awesome. If you’re late...

DIY: Twitter Share Counts (Part 1)

From time to time, you may get clients that want share counts to be displayed on their site. There are indeed SAAS (software as a service) services out there that do this for you, but what if a third party isn’t possible? Since Twitter...

The Future of JavaScript: ECMAScript 6 and You

Today, JavaScript fills every aspect of our online lives: it checks your e-mail in the background, it guides your online shopping cart, and it even autosaves your blog post as you write. From the client to the server, JavaScript is everywhere. Sometimes it’s hard...

Create Simple Inline Media Queries with include-media

Lately, I’ve been thinking that our current method of using inline media queries throughout our Sass partials has not been flexible enough for the projects we’ve been building. While it was simple and allowed for easy implementation, I think it is time...

Use CMB2 to Create a New Post Submission Form

Here at WebDevStudios, we try to use CMB2 for pretty much anything form or field related. We do this for several reasons: It saves us time. It’s a framework that handles a lot of the nitty-gritty for us (creating markup, handling sanitizing,...

Create a Filterable Portfolio with WordPress and Jetpack

Have you ever wanted to add a filterable portfolio to your personal site to showcase your content? In this post, we’re going to include simple scripts for you to add to your existing theme to help make it easy to add a...