August 6, 2009

Show Your Latest Twitter Post on Your Website

Filed under: Online Marketing,Web Development — Tags: — Jack @ 2:32 pm

Would you like to show your latest tweet (or tweets) on your website?  Well, here’s a quick and easy way to Twitter-ize your site.

Twitter provides a couple of scripts that need to be included in your code.  It’s probably best to add them right before the </body> tag so the rest of the page loads first.  Go ahead and add them:

<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>

<script src="http://twitter.com/statuses/user_timeline/your_username.json?callback=twitterCallback2&count=1" type="text/javascript"></script>

Edit the src attribute of the second script to replace “your_username” with your Twitter username. If you would like to show more than just the latest post, you can change the number where it says “count=1″ to reflect how many posts you would like to show (eg. count=2, count=3, count=4).

Now you need to place this code in your markup where you want the tweets to show up:

<div id="twitter_div"><ul id="twitter_update_list"><li> </li></ul></div>

Your tweet(s) will be added to this div automatically. Style the Twitter div with some CSS and you’re good to go!

August 3, 2009

A Great Tool for Choosing Web Color Palettes

Filed under: Color,Productivity,Web Development,Website Design — Jack @ 4:43 pm
An example color scheme created by Color Scheme Designer 3

An example color scheme created by Color Scheme Designer 3

Looking for a time-saving tool to help you pick great color palettes? Well, make sure you check out Color Scheme Designer 3.  It is by far the best and most feature-rich online color choosing app I have ever used or come across.

It allows you to choose a base color by clicking inside the color wheel.  From the base color, it can generate a monochromatic, complementary, triadic, tetradic, analogic or accented analogic color scheme. You can further adjust the scheme’s saturation, brightness and contrast to your liking.

Both a light-dominant and dark-dominant preview are available to show you a couple of ways the generated scheme could be used to color a web page.  Click the button labeled “Light page example” to view the light-dominant preview and the button labeled “Dark page example” to see the dark-dominant preview.

Once you are satisfied with the scheme you have created, you can export it as HTML/CSS, XML, plain text, a Photoshop palette or even a GIMP palette.

Other nice features are the ability to randomize the palette and vision simulations that allow you to understand how your scheme will appear to the visually-impaired.  Checking the box next to “Show text” will display white, black and grey text over all of the different colors in your palette.  Did I mention that it’s FREE?