• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar

Creative CG

Web Design/Development Inspiration, Tips, Tutorials and Resources

  • About Us
  • Web Design Services

WordPress + Facebook + Twitter = Social

August 18, 2011 by CreativeCG

Trying to integrate WordPress blogs with Facebook and Twitter has been a bit of a nusiance.  Creating Applications and OAuth issues just have bogged down many attempts to make this endeavor successful.  Most bloggers now share and tweet about their posts and thus receive comments on each site.  The people at  Crowd Favorite and MailChimp have created a plugin for WordPress called Social.

 

Social is a lightweight plugin for WordPress that handles a lot of the heavy lifting of making your blog seamlessly integrate with Facebook and Twitter. Through the use of a proxy application, you can associate your Twitter and Facebook accounts with your blog and its users. Once you publish a new post, you can then choose to automatically broadcast a message to any accounts authenticated with the overall blog or your current logged-in user.

Through Social, you can aggregate the various mentions, retweets, @replies, comments and responses and republish them as WordPress comments. Social polls Twitter and Facebook periodically for new comments about your posts, and adds them as comments when it finds a URL reference.

CreativeCG has the plugin running and it’s been quite successful so far.  Recent version release of 1.0.1 has introduced some fixes to allow the aggregation cron job to run on more server setups. For more technical details on the plugin head over to the website of Alex King of Crowd Favorite, the development mastermind behind Social, and check out his blog post on the plugin.

Download Social for WordPress

Filed Under: Blogging, Featured, Wordpress Tagged With: Blogging, Crowd Favorite, Facebook, MailChimp, plugins, Social, Twitter, Wordpress

Garage Games returns to it’s Indie roots

February 4, 2011 by Keith Andersen

Garage Games is back!  With the recent demise of InstantAction.com  Garage Games sat in an uncertain position. They were picked up by some nameless folks and restored to glory.  Garage Games aim is to restore their place in the Indie game development scene.  To celebrate their newly restored vigor they have put their engines (Torque 3D, Torque 2D and ITorque 2D) at a tremendously low price point.  $99 each!! These engines have what it takes to produce professional grade games.  This is an limited time offer that should not be missed.

Filed Under: Featured, Game Dev Tagged With: Development, Game Development, Garage Games, Torque

Add/Remove options from a Select box with jQuery

January 14, 2011 by CreativeCG

Ever wanted to refresh your options in a drop down without having to refresh the screen? Here we will look at how to add and remove options from a select box using jQuery without refreshing the page.

Adding a single option via .append

A single option can be added by appending HTML to the select box. See example:

$('#optExample').append('<option value="newVal">Option Text</option>');

This added option will be the selected option; to change this remove the selected=”selected”.

Adding a single option via Javascript only

Add a single option using the newOption function. See example:

var options =  $('#optExample').attr('options');
options[options.length] = newOption('Option Text', 'newVal', true, true);

The true, true properties select the option upon creation. Remove them if you do not want the option selected when added.

Adding multiple options

Use the following to replace an existing set of options with a new set. The array could be created anyway you wish, however since we want the page to keep from refreshing either populate the list upon page load or via AJAX. We’ll use the following:

var dataArr = [{'value':'val1','text':'text1'},
               {'value':'val2','text':'text2'},
               {'value':'val3','text':'text3'},
               {'value':'val4','text':'text4'},
               {'value':'val5','text':'text5'},
               {'value':'val6','text':'text6'},
               {'value':'val7','text':'text7'}];

// Removes all options for the select box
$('#optExample option').remove();

// .each loops through the array
$.each(dataArr, function(i){
    $('#optExample').append($("<option></option>")
                    .attr("value",dataArr[i]['value'])
                    .text(dataArr[i]['text']));
});

Adding multiple options by criteria

If you want to take an array of data and populate the select box only when the criteria is met the code is similar in nature. See example:

var dataArr = [{'key':'1','value':'val1','text':'text1'},
               {'key':'1','value':'val2','text':'text2'},
               {'key':'2','value':'val3','text':'text3'},
               {'key':'2','value':'val4','text':'text4'},
               {'key':'2','value':'val5','text':'text5'},
               {'key':'3','value':'val6','text':'text6'},
               {'key':'3','value':'val7','text':'text7'}];
// Removes all options for the select box
$('#optExample option').remove();

// .each loops through the array
$.each(dataArr, function(i){
    //only append options with a "key" value of 2
    if (dataArr[i]['key'] == '2'){
        $('#optExample').append($("<option></option>")
                        .attr("value",dataArr[i]['value'])
                        .text(dataArr[i]['text']));
    }
});

A common use for something like this is where an option list is populated when another form option is selected. Based upon your page design rather than execute an AJAX call you could populate the entire array with all the options on page load. This would increase initial page weight but reduce I/O later on.

There are possibly more jQuery plugins that complete similar functionality but this is all possible with native jQuery.

Filed Under: Featured, Javascript, jQuery Tagged With: javascript, jquery

Professional Web Design

July 8, 2010 by CreativeCG

Web Design or Re-design?

We understand the needs of small business, and can offer crucial support to large companies. Whether your looking to freshen up your existing web presence or start from scratch we are prepared to support your company. Our professional staff will do what it takes to execute your needs within your budget. We’ll provide exceptional server to ensure you get what you want.

We’ll take care of it.

Oh No… Not another template!?!

How can you make your company standout when your information is jammed into a template that already resides on many other websites? We work with you to custom design your website to me the specifications required by your branding, tastes, etc.  If you have an exact design in mind we will create it, if not then we will create one with you.

Your website will appear professional and elegant, never homemade. Your website is an extension of your marketing department. If it doesn’t portray your business as professional you could lose potential clients.  Because of this we will make sure there is no use of templates, clip art and low quality artwork.  We employ nothing but high quality design elements that instill trust, and credibility to your business.

Listening to Our Clients

Clients know what they want. We hear you and will follow your wishes.

  • No templates, please. I don’t want my website looking like …
  • I want it done right the first time. I want all the functionality to operate correctly for everyone.
  • My clients are disabled. I want my website to be completely accessible.
  • Search engine placement is important. I need a site that search engines will push to the top of the results.

Filed Under: General

  • « Previous Page
  • Page 1
  • Page 2

Primary Sidebar

Facebook Twitter Google+ Pin It Share GitHub RSS

Affiliates

Web Hosting 125x125 125x125 Thesis Theme for WordPress:  Options Galore and a Helpful Support Community Genesis Theme Framework for WordPress by StudioPress Dynamik Website Builder The easiest way to create a photography website. Create your site at Weebly.com!

Categories

  • Blogging
  • Featured
  • Freebies
  • Game Dev
  • General
  • Javascript
  • jQuery
  • Web Design
  • Wordpress
  • Wordpress Themes

Copyright © 2021 · Metro Pro on Genesis Framework · WordPress · Log in