Simple Textarea Word Counter jQuery Plugin

I know there are a few textarea word counter jQuery plugins out there already, but I felt like building my own since I wasn’t a fan of the ones that are available. Nothing new here but I did my best at making it as simple to use and efficient as possible. /** * jQuery.textareaCounter * […]

Zombie with Film Camera for Head

zombiecam sml

I am working on a website for a horror film festival and created this image by splicing a few things together. Sadly, we won’t be using on the site but I thought it was cool enough that I should put it here so people can check it out. Feel free to download it and use […]

An Even Better Author List in WordPress

author sml

I already wrote about this a while back in “How to Display an Author List with Avatars in WordPress” but I recently realized that it needed updating. There’s a better way of collecting and displaying all the information and you can also add a few variables to give you more control over the output. Let’s […]

Adding an Inset Shadow to an Image Using CSS3

insetshadow

Yesterday PressWork launched a new theme in conjunction with Empire Avenue. The original design had a really nice shadow effect on the images and I wanted to make sure that I could code it using CSS3. The problem was, CSS3 inset shadows don’t work at all on images. The only way to get the effect […]

Create a Black & White Thumbnail in WordPress

colorballs sml

A while back I worked on a site that required a hover effect where a black and white image faded into a color image. I wrote a tutorial called Creating a Mouseover Fade Effect with jQuery on the jQuery technique I used for the hover. That effect no longer requires jQuery since we can now […]

A Simple Fade with CSS3

fadesml

There was a time when the only way to fade an element or image was by using JavaScript/jQuery (see Creating a Mouseover Fade Effect with jQuery). With CSS3, you can easily create a fade effect with nothing more than a little CSS. Let’s start with a text element: This is my text element that will […]

Convert Hex Color to RGB using PHP

Converting certain values back and forth is often necessary when developing functions to help your website work the way you want it to. I needed a function that would convert a hex color to rgb and for some reason it took me a while to figure it out. function hex2rgb($hex) { $hex = str_replace(“#”, “”, […]

Add a Post’s Category Name to Body Class in WordPress

spacewp

I was working with Digibomb on presswork.me and we needed to add the current post’s category name to the body class in order to style the page differently from the others. All it took was a few lines of code added to the functions.php file: function add_category_name($classes = ”) { if(is_single()) { $category = get_the_category(); […]

Rotated Images with CSS3

rotate

I have been playing around with a lot of CSS3 lately due to PressWork, and I’ve come up with some cool tricks. One that I really like uses the transform style to create a rotated image. If you surround it with a div container and mask the outer edges, you get a pretty awesome effect. […]

Shortcode for HTML5 Video Tag in WordPress

html5video

HTML5 has made it a lot easier to include certain elements. Especially videos, since you no longer have to embed them with all those parameters. Here’s a short code snippet that will add an HTML5 video shortcode to WordPress. Just include this code in your functions.php file and you are ready to go: function html5_video($atts, […]