A fresh new set of icons. You get 56 PNG icons in 5 sizes, a total of 280 icons. Sizes include 16×16, 24×24, 32×32, 48×48 and 64×64.
Free for personal or commercial use. If you use them in your site, I’d really appreciate a note and link. Thanks!
Free Soft Gray Social Media Icons by Debbie Campbell are licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
Reading this article about color apps for designers a few days ago, I discovered the awesome little ColorGuide app for Android.
ColorGuideAlthough very twitchy (i.e., you have to hold it almost impossibly steady to save the current palette without it changing), it’s fun tool for walking through a store or down a street and capturing color palettes off displays, clothes, packaging, buildings, you name it.
Point the camera at anything and you’ll see a 5-color palette displayed on the screen. Click the Menu button and you can save it to the gallery. That’s all it does; pretty simple.
The photo at right shows a sample live view and the generated palette below. Click the camera icon on the left to freeze the palette, then the Menu button to save it.
If you need something a little more stable, try Real Colors.
Take a photo or choose one from your Gallery and Real Colors will generate a palette – see the image at right, it’s a photo I took.
You can edit the palette in HSB or RGB modes, export or share it, or (with the Pro version) create wallpaper for your device.
The Pro version is available for $3.99 and is worth it if you’re a professional designer. It will allow you to export palettes to Adobe Swatch Exchange files, plus it automatically generates palettes using color theory rules (complementary, analogous, monochromatic, triad, tetrad and split complementary).
I really like that it provides hex values for each color. Real Colors is a well-put-together app that I’ll be using a lot.
I used to use a few different contact form plugins (most often Contact Form 7) that did the job, but more recently have started using Gravity Forms for all forms needed on client sites. It’s just easier to style one plugin’s elements with CSS than having to support several, and GF can handle anything from complex multi-page forms down to the simplest contact form.
Gravity Forms isn’t free, but it’s worth every penny. For an individual website it’s $39, but I’ve had a Developer License ($199) for over a year that allows me to install it in unlimited sites.
That last list item is the reason I decided to go with a Developer license. I’ve gotten very detailed help from the support community on a number of projects.
If you’ve used a number of different form or form widget plugins and are looking for one stable and comprehensive one that can do it all, I’d recommend checking out Gravity Forms. It’s definitely worth the cost.
This series is for helping fellow WordPress designers add useful functionality to their websites by pointing out some of the great plugins I run across while building client websites. I hope this helps you!
I have a 3-year-old Kenwood receiver in my car that has iPod support, but no way (I thought) to connect my Android phone. I read something somewhere a few weeks ago about Bluetooth receivers and went to Amazon to check them out.
I wound up buying this GOGroove BlueGate receiver – it’s tiny, only about 1/4″ thick and less than 2″ long. It plugs into the AUX jack on the front (thankfully) of my stereo; then I turn on Bluetooth on my phone and pair the devices and suddenly I can listen to the ShopTalk and The Instance podcasts in the car. Excellent. And cheap, too, it was about $30 at Amazon last week.
This is a new feature for my blog, I’ll try to make sure it really is a ‘weekly’ one… This week’s wrap-up includes a few notable posts about recent web design trends – and what’s no longer trendy! Enjoy.
I love Gravity Forms, it’s one of my go-to plugins for all WordPress installs. Last week a client gave me the form fields for a new form and some of them needed a word counter to limit words to 300 in textareas. I found two possible solutions for adding maximum word count in Gravity Forms after a bit of searching, but neither worked for me (not being a programmer, I didn’t know how to fix them). But my programmer friends at CodeGeek stepped in and came up with this solution.
Here’s the Javascript which is saved in /themes/mytheme/js/ (it could also be put in an HTML block within the form itself, but we may want to use it on several other forms so made it available site-wide):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
jQuery(document).ready(function($) { $("[class*='count[']").each(function() { var elClass = $(this).attr('class'); var maxWords = 0; var countControl = elClass.substring((elClass.indexOf('['))+1, elClass.lastIndexOf(']')).split(','); if (countControl.length > 1) { minWords = countControl[0]; maxWords = countControl[1]; } else { maxWords = countControl[0]; } $(this).find('textarea').bind('keyup click blur focus change paste', function() { var numWords = jQuery.trim($(this).val()).replace(/\s+/g," ").split(' ').length; if ($(this).val() === '') { numWords = 0; } $(this).siblings('.word-count-wrapper').children('.word-count').text(numWords); if (numWords > maxWords && maxWords != 0) { $(this).siblings('.word-count-wrapper').addClass('error'); var trimmedString = ''; var wordArray = $(this).val().split(/[\s\.\?]+/); for (var i = 0; i < maxWords; i++) { trimmedString += wordArray[i] + ' '; } $(this).val(trimmedString); } else if (numWords == maxWords && maxWords != 0) { $(this).siblings('.word-count-wrapper').addClass('error'); } else { $(this).siblings('.word-count-wrapper').removeClass('error'); } }).after('<span class="word-count-wrapper">Total Word Count: <span class="word-count">0</span></span>'); }); }); |
Then in functions.php, call the script:
|
1 2 3 4 5 |
/* Gravity Forms Word Count Script */ function els_load_scripts() { wp_enqueue_script('gravity-forms-word-count', get_stylesheet_directory_uri() . '/js/jquery.gravity_word_count.js', array('jquery'), '0.1', true); } add_action('wp_enqueue_scripts', 'els_load_scripts'); |
Then in the Gravity Form for fields that need the word count, add the class ‘els-word-count[300]‘ in the Advanced tab for CSS Class Name. Change [300] as needed for the maximum words that can be added to that particular field.
