Blogging Sueblimely

Do you come across web and blog templates or themes that are ideal layout wise but the colors do not suit you or your site’s purpose. These are relatively easy to change via a templates CSS style sheet but you may need some help choosing the correct color combinations. There are numerous free online tools to help in your decision, so many that it can take time just choosing which tool to choose. Rather than creating a long list of what is available I have chosen a selection of a variety of the more comprehensive but easy to use free tools:

Mimicry is the highest form of flattery

If you are short on ideas, or are just unsure what other colors you can add to those you already like, browsing other websites can be useful but time consuming. Screenalicious, which showcases websites, also displays the color palettes off each featured site, along with the corresponding hexadecimal numbers.

If you have seen a website whose colors you like but are having trouble reproducing them I Like Your Colors will tell you exactly what they are. Simply type in the site URL and you will be given a graphical representation of the colors and their numbers. Here are the results from the Mashable site:

The Firefox Addin Colorzilla not only provides an eye dropper and a color picker tool but allows you to analyze and save a color palette of any webpage.

DOM Color Analysis Results

http://www.smashingmagazine.com/

Color Palette Generators

Then there are the many color palette generators. A few stand out from the crowd with regard to features and ease of use:

Adobe Kuler allows you to explore and vote on color schemes created by others as well as create, save and share your own. You can generate a color theme from scratch or use colors from an uploaded image or from Flickr. If you are not feeling creative you can choose from the gallery of user created schemes.Your swatches can be downloaded as Adobe Swatch Exchange (.ase) files for use in Adobe CS (2,3 and 4) programs. Kuler is integrated into CS4. If you do not have these Adobe products an Adobe Air application, Color Browser, allows you to import and save downloaded .ase files to.organize your favorite color palettes locally.

Color Lovers offers simple and more advanced color palette creation tools; although I find the simple tool harder as it offers no suggestions as to color combinations. As with Kuler you can browse and search for user contributed color palettes and use these yourself. Color lovers provides a whole host of other features to help you with your creations. Vote on the user created palettes and patterns and submit your own. View a showcase of websites to keep up with color trends. Connect with others via forums and groups. Follow their colorful blog. Proclaim your love of Color Llovers to the world by purchasing their T shirts.

Aviary Toucan allows you to create a color palette from scratch or choose colors from imported images (from Flickr, Facebook, Picassa, by URL or from your computer). A “color deficiency preview” shows you how a color palette will appear to those with various different kinds of color blindness.

Color Jack has two tools, Color Sphere and Color Studio, providing you with plenty of ideas and suggestions as well as catering for your own creativity. Export your creations to a bookmark, delicious, illustrator, photoshop or to a URL.

Colors On The Web has 3 basic color tools and mixers as well as articles covering color theory, color terms, combining colors and contrast..

Absolute Color Picker is a free downloadable program that lets you select and pick colors using various color models. It also features a color picker, color scheme generator, color history builder, color scheme management system, screen color grabber (eyedropper)

If you just prefer to choose from existing color palettes rather than create your own there are a number of sites, in addition to those mentioned above, that offer listings with search capabilities including:

• ColorCombos – they also have a tool to “grab” colors other websites.
• Colors on the Web.
• Color Schemer Gallery The Color Schemer products are not free but you can use their gallery and forums without buying..
• Color Hunter is different in that its user created palettes come from uploaded images and its tags are based on the type of image as well as colors.

Yet more tools

Your header image needs to be in line with the other colors on your site. You may have an image already chosen and then base your other colors on this. If not, Idea Labs clever MultiColr Search Lab can help you choose images using colors you have already decided on or just give you ideas for an overall color palette This tool searches through 10 million Flickr Creative Commons images based on your choice of up to 10 colors. They also provide other tools which search the Alamy stock photo site.

Google have very recently integrated color search tools into their Image Search. You are able to filter Google images by the predominant color. Click on “All colors” above the search results and you can choose one of the 12 available colors based on your search terms. For example this was a result of a search for beach sunset filtered by the color pink:

To ensure accessibility for those who cannot distinguish colors easily there are tools to check for legibility and contrast on your site. In addition to the Color Deficiency Preview tool in Toucan, ColorSelector is free desktop software from Fujitsu for judging the legibility of background and text colors. The online tool, Color Accessibility Wheel, shows you how a background and a foreground color will look to those with three types of color blindness, based on colors you choose.

You may not be interested in whole palettes of colors but just want to know the details of one particular color you see online. Eyedropper tools are the simplest way to accomplish this.

• Instant Color Picker is free to use on one machine, with nag screens, or to buy. More than a basic color picker, this tool allows you to zoom in on websites, save up to 20 colors and copy color swatches as bitmap and paste it to other applications. You can also test color combinations using various layouts.
• My trusty favorite program MWSnap is a screen capture tool which includes a color grabber and measuring tool.
• If these are more than you need try the more color grab only ColorSelector for PC or Mac from Fujitsu or ColorPic

Finally, for Wordpress users the Theme Tweaker plugin displays the existing colors from your current theme, and gives you a color picker to replace them. You can also change colors in bulk by for example inverting them, converting them to greyscale.. Once you have chosen your colors, you can preview or activate the new theme. You can save your new stylesheet locally and then upload to your blog server to replace your current theme or create a child theme.

There are a whole host of Firefox addins that will help you with your site colors which I will cover in my next post.

You now have the tools at your disposal to choose your site colors but may not have the know how to implement them into your theme. In upcoming posts I will provide you with instructions and details of tutorials and tools you can use to help you with your CSS stylesheet coding.

Popularity: 53% [?]

The internet has come alive with free Christmas gifts for download. It was hard to choose from all that was available but I have tried to bring you a selection of the best. I have spent hours searching, likely a subconscious excuse to put off wrapping Christmas gifts.

Graphics and Icons

Smashing Christmas Icon Sets Smashing Magazine always has great resources.

Nicu’s holiday gallery contains these:

There are 16 icon sets to be found at FreshFreeStuff.net including social networking and RSS buttons – Free Christmas Holidays Icon Roundup . This is a selection from the sets available:

Gifts From Designers To You: Best Of 2008 – goodies include icons, fonts, wordpress themes and headers.

50 Most Beautiful Icon Sets Created in 2008 including this Christmas set:

A set of Christmas smilies is offered by Christmas Corner, many of which are animated:

DigiScrapDepot.com has 3516 Christmas Freebies if you want to
decorate the pages of your Christmas photo scrapbook pages.

1stWebdesigner brings us a range of Photoshop brushes- 48 Snow, Ice, Snowflake and Christmas Brushes

Mel’s Photoshop Brushes gives us a set of Christmas Illustrator Brushes

A search for Christmas on Adobe Exchange shows a plethora of Illustrator and Photoshop images, gradients, patterns, shapes, styles and brushes.

Desktop Wallpapers and Screensavers

25 Outstanding Christmas Wallpapers to Decorate your Desktop! from sagacious of Weird Resources

Vlad Studio has a whole range of Christmas Images/Desktop Wallpapers (higher resolution by subscription) and E Cards.

Wallco.net has a huge selection of free Christmas wallpapers in various resolutions – 42 galleries to date. I really went to town with these and created a whole folder of them to use as a My Pictures Slideshow Screensaver.

To create your own Christmas screensaver slideshow (or any other sort) in Windows XP – go to Desktop/Properties/Screensaver and choose “My Pictures Slideshow” in the drop down box. The default folder is My Documents/My Pictures but in settings you can choose any folder of pictures you want.

Not free but a good bargain – Woo Themes have a 4 for 1 special going until 24th December – $70 USD for a single licence and $150 for a developer licence.

Christmas Image Tutorials

Strobist lets us into some secrets of How to Photograph Christmas Lights using even a basic digital camera. I love Christmas lights although the ones I have appreciated the most this year were the new green and red lights in the car park of a newly renovated shopping centre which showed me the way which spots were free.

Smashing Magazine gives us 60 Beautiful Christmas Photoshop Tutorials

PS Lover has a whole range of Photoshop Christmas Image tutorials but turn your speakers down as they advertise those very annoying smilies who keep saying “Hellooo”

What not to do when blogging

Finally but not least, Michaela Lica of eWritings has provided us with some good Christmas blogging reading by publishing her ebook Blogging Tips: How to be Cocky and Vexatious – a collection of blog entries that followed her 10 Ways to Make Your Fellow Bloggers Hate You meme.

Thanks to Design Bliss for putting me on to many of these freebies in their – Over 100 Free Christmas Design Resources – A Design Bliss Mega-List post

I am now off to join the teaming throngs at the shopping centre which is enough to provoke this Christmas emotion in anyone:

Popularity: 17% [?]

Brightening up your blog for Christmas may need the services of stock photo sites. There are plenty of sites offering free Christmas images and clipart but it is hard to find your way through popup ads and flashing glittery images (that is not intended for Christmas) to find something useful.

For Photos Morgue File, FreeFoto.com and Dreamstime’s free section offer a good range; Flickr too if you search for images that you are allowed to use. I always use the Compfight Flickr search site to look for Creative Commons images.

For Christmas Clipart, hellasmultimedia.com has a large selection of images, lines and borders and Clipart Guide has almost 500 images. Microsoft Office clip art library is always worth a look at for simple clipart.

If you want to easily add some graphics to Christmas Newsletters try one of the free Christmas Dingbat fonts. The one below is from Winter Yawns.

More ideas are welcomed. If you want to join in the Challenge please read Blogging Christmas Challenge for details. My Christmas Link Love List can be found on its own Christmas Page

Popularity: 7% [?]

As I was preparing my recent posts on images I came across image generator tools you may find a place for in some of your less serious posts.

Yearbook Yourself

Its amazing how much I look like my mother once I add a 1960’s look.

Wigflip

A range of generators including:

• Superstickies

• Easy Street – street sign generator

• Say What – add speech bubbles to an uploaded photo
• roflbot Add text to an image -create lolcat or lolband type images

Dumpr

Another site with multiple generators. e.g.

• Rubics Cube Generator – upload an image and turn it into a rubics cube

Doppel Me – create your own avatar.

Reflection Maker

Image Chef

There are many different kinds of generators at Image Chef – example:

• Fun Generators

Comic Strip Generator – choose backgrounds, characters and add your own text.

Create a graph

Why would you want to do this for fun you may be asking – well, you may want to submit them to graphjam:

Big Huge Labs Flickr Toys

LoonaPix – add frames and borders and trim your images

Why would you want to create silly images?:

• As a break from tedious work.
• You need more practice perfecting procrastination
• To add special effect images to your blog and possibly get them Stumbleupon Photoblogged – hint hint.
• You want to be a star contributor on:
  • icanhascheezerburger sites (lolcats, loldogs, pundit kitchen….), althouth they do provide their own generator (if you need to learn lolcat speak try the Definitive Lolcats Glossary) or take a PAWS Universitee course
  • graphjam
• Just to be silly – the only reason needed?

Thanks to the Generator Blog for putting me onto some of the image generator tools- it would have saved me a lot of time if I had found this site to begin with.

Popularity: 26% [?]

How do you go about finding free images for your website or blog? I recently talked about the best sites for good free images but you may prefer to do a general search rather than looking within one particular site. This way you are likely to have a wider range of images to choose from.Some of the free stock image sites are aligned to non free sites and the free images may not be distinguished from the paid. It is frustrating to find an image you like on a free site to discover that it is from the paying site. Although it may not cost very much, you cannot usually just buy one image and have to purchase multiple credits. These credits will buy you more images but you may not need more; or not during the time you are given to use up the credits.

Image Search Tools

Creative Commons Images

• Creative Commons Search by Creative Commons – searches Google, Yahoo and Flickr for Creative Commons works. If you want to use an image on a non commercial site then you can use any image you find here. Additional search options allow you to look for:
  • only CC works that you can modify, adapt, or build upon, and or
  • works that can be used for commercial purposes.

Source: g-hat Flickr

• Compfight is a site that provides a quick method of searching for Flickr images. The results are displayed as quick loading thumbnails, 250 to a page. Clicking on a thumbnail takes you to the photo’s Flickr page. The option is provided to search within tags or all text for Creative Commons usage only or for Creative Commons commercial usage allowed. Still check the CC licence if you intend to adapt the image to make sure this is allowed.

• Flickr’s Creative Commons Page search for photos according to their type of Creative Commons License. I would use this if I knew I was going to edit a photo otherwise I find Compfight is quicker.
• Every Stock Photo – a search engine for free photos from many sources. View a photo’s license by clicking on the license icon, below and left of photos or use the advanced search function to choose which sort of license you want.
• Firefox – Use the Creative Commons search engine that is built into Firefox by choosing the CC icon from the drop down menu to the right of the Firefox search box.

• Wikimedia Commons is a database of 3,089,392 freely usable media files which includes images from these sites.

Source Cool Image Bank Ios – memories of holidays long past

Images without Creative Commons search criteria

• Google Image Search comes up with a treasure trove of images but, as the search results contain images from all Google listed websites, you are unable to use a great deal of them; for copyright reasons. I do use this search but only for ideas when creating my own images and for personal browsing purposes. Today for example after doing an interview with Kuanyin on Blog Blond my interest in Maui was peeked and I ended up searching for images of Hawaiian volcanoes.

Source: mattsabo17 Flickr

• Pixsy – a search engine for images and videos, including stock photos. Allows search to be customized by criteria – vector graphics, black and white, greyscale and backgrounds, digital photos. Categories covered are: News, Celebrities, Sports, Travel, Viral, Video, Entertainment, Music, Stock Photos, Edge and Miscellaneous. (Pixsy is the search engine powering Compfight, Lycos image search, Mokoseek and various other sites that distracted me from writing this post)

Images from people you know

Ask a fellow blogger if they would mind you using an image from their blog – they may be pleased to allow it to get a backlink. How are these for pairs of crocs??

Source: Ultraviolet Observations aka Sueblimely’s daughter

I have justed added a new site to my free image post – a smallish collection as yet but very impressive – unprofound.com

Popularity: 15% [?]