Add Class To Body If JavaScript Is Enabled
This snippet is super small but is super handy. It detects to see if JavaScript is enabled on the users browser. If yes, a class … Read more
Recent Post Shortcode
WordPress shortcodes are a simple way to set up functions to create macro codes for use in post content. For instance, the following shortcode (in … Read more
Force Up and Down Arrow for Number Input
Those with a keen eye will notice that the up and down arrows for the number input doesn’t show up in Chrome (and some other … Read more
How to change the Input Font Size based on Text Length
Recently I had a great conversation with an outstanding User Experience designer about a few interactions on a project we were working on. One of … Read more
Sass Clearfix Mixin
There are a few ways to implement the clearfix hack but the following Sass Mixin has been in my toolbox for the last year thanks … Read more
Linking to an Image Folder Within a WordPress Theme
During WordPress theme development you will more then likely need to display some images that are located within your theme directory. The location of the … Read more
URL as a Sass Variable
Do you ever find yourself trying to remember the URL path of you images directory? Well with Sass you can quickly add the path to … Read more
Load a Different Header in WordPress
This little snippet can come in handy when you need to serve a different header on a per page basis. All you need to do … Read more
Lazy Loading Images for Flexslider
Flexslider is one of the most used sliders, for good reason. This snippet helps lazy load your images. In order to create a perceived performance … Read more
Text Input Non-Editable
If you ever need to make an input field or text area non-editable the readonly attribute comes in very handy. When the readonly attribute is … Read more
