Author: Jerry Jones

  • WeTheTrees Going Strong

    WeTheTrees as of right now, just a little over a month into the project, has 579 users and over $18,000 in contributions.  We continue to refine the site and add/fix features as we go.  It’s becoming quite an effective, pleasant platform to use and it’s exciting to see all the amazing projects achieving their goals.

    Things like this make me glad I do what I do 🙂

  • Set-up postfix to send emails through gMail

    A few projects I’m working on need to be able to send emails through the website, and since I develop everything locally, I need to be able to send emails from localhost.

    My searching on how to do this (remember, I’m a front-end developer!) lead me to this amazing postfix email set-up tutorial.  Enjoy!

  • Kirksville Family Acupuncture

    A local acupuncturist, Holly Arbuckle, just starte a business focusing on Kirksville acupuncture.  Focus for the project was to make Acupuncture seem normal in the midst of rural MO.  After some thought mapping, we went with a leaf for the logo based on the idea of the visible paths of the leaf veins.  Acupuncture is all about channels, or paths, and the leaf represented this without needing a yin and a yang on it 😉

    Next, the design of the website was to be airy, clean, and inviting.  Go check it out and book online with her if you’re in the area.

  • New Vision Optical

    New Vision Optical

    I took a few pictures of New Vision Optical’s great store because they’re supporting the FLATS project by donating a portion of their sales to help build the trail! Awesome! If every store in Kirksville followed their lead, we’d have the trail in no time. I’m sure New Vision Optical is the most unique optical store in the midwest.

  • Craigslist Nearby Cities Search Aggregator – Google Spreadsheet

    I made a spreadsheet in google that will take a search term and search it in all the nearby cities on craigslist and dynamically output all the results in the spreadsheet using importXML queries. You have to specify which three-letter category you want to search for. Like furniture (fua), cars by owner (cto), musical instruments (msg), etc. I’ve only tested it in some of the for sale categories.

    Here’s what you do:

    1. View the craigslist nearby cities search aggregator spreadsheet
    2. Make a copy of the spreadsheet (you have to be logged into your google account to do this (file > make a copy…))
    3. Open your spreadsheet copy in your google docs
    4. Edit the config options (the ones in light blue)
    5. View the listings on the “listings” sheet (results scroll horizontally)

    Spread the word by linking back to this page. Enjoy!

  • Ecommerce

    A friend in the SEO biz emailed me a pretty nice infographic on the effectiveness of different colors/sizes/text in increasing the holy conversion rate.

    Check it out, if you’re into that kinda thing.

  • jQuery to Display Dynamic Content Continuously After Page Load

    The title is a mouthful, but it’s true.  A client needed a timer from a WordPress plug-in to be displayed multiple times on a page, but the plug-in didn’t allow for multiple instances on the page.  I tried to do a few workarounds by hacking (or just trying to make it do things it wasn’t intended to do without actually changing its code) the functionality of the plug-in itself to no avail.  So I turned to what is increasingly solving my web dilemmas: jQuery.

    The code to dynamically get content from the page and output it wherever you want

    $(function() {
    //Tells the code to run the code every 800 milliseconds.
    	setInterval(function() {
    
    //Tells where to place the content you're grabbing.  I'm putting
    //each one in a div with the class "countdown-timer"
    	$('div.countdown-timer').html(function() {
    
    //Sets a variable called timeRemaining, which is equal to the html
    //of the first paragraph.  So any content inside of the first 
    //paragraph gets plugged into the div class "countdown-timer"
    		  var timeRemaining = $('p:first').html();
    
    //tells the variable timeRemaining to actually output
    		  return timeRemaining;
    		});
    	}, 800);
    });
    

    To get this to work for you:

    • Change ‘div.countdown-timer’ to wherever you want the content to output. I used a class element so I could output it lots of times on the page.
    • Change ‘p:first’ to wherever you want to be grabbing the content from. Mine just happened to be the first paragraph, so it was the easiest way for me to select it.
    • Add whatever you put for the ‘div.countdown-timer’ to your page. So, for me, I put

      wherever I want the content from ‘p:first’ to appear.

    Cheers!

  • CSS3 PIE

    Oh man. My life just got a little easier thanks to the folks over at CSS3 PIE.

    Now I don’t have to make three images, line them up with empty div>s and work out odd padding/width math just to get a rounded border and a drop shadow in IE 6-8. Thanks CSS3 PIE.

  • Linking Entire List Element

    I needed a solution for making an entire list element click-able, not just the anchor text.  At the site I made for the Kirksville Brewfest, the entire background color of the list element on the enter page/style changed color, making the user think they could click on it, but only the text was click-able.  The solution I used was to take the anchor text and make its background fill the entire space.  Kirksville brewfest list code:

    ul.styles li a:link,
    ul.styles li a:visited {
    color: #....;
    display: block;
    width: 100%;
    height: 100%;
    }


    Basically, the anchor text fills up the entire li element when there’s an anchor in the ul class “styles”.

    Rad.

  • How to Detect If There’s a Featured Image on a WordPress Page or Post

    I’m redesigning the website for a Mindfulness Practice Center in New Hampshire, Morning Sun Community, and ran into an issue where I didn’t want the Title on the WordPress page to show if there was a featured image. The layout looks cleaner without the title there (although they opted to have the title appear anyways). The php code I used checks for a header image, then if there is one, do nothing. If there isn’t one, throw the title of the post in there.

    <?php
    	//Check if there is a header image
    	if ( has_post_thumbnail( $post->ID ) ) { ?>
    	<?php } else { ?>
    		<h1 class="entry-title"><?php the_title(); ?></h1>
    	<?php } ?>

    The code snippet is pretty useful anytime you want to check for a featured image and do something if there is/isn’t one.

    Have fun!