Category: Brainpicks

Color Studio - Web 2.0 Color Tool with Comprehensive Features

Color Studio is one of color tool developed by ColorJack.com. It gives you comprehensive features to mix and generate color swatches.

There are lots of options inside this color tool interface. You can click “function” button that will auto-display color panels. The first click will show you a simple color picker with slider and hexa. You can work on RGB or RYB color system and get hexa color in three kinds of color type (spectrum, websmart and websafe mode). And if that’s not enough for you, after the 2nd click on “function” button, there will be another color panel equalizer where you can mix color based on its tones, filters and it is also equipped with three sliders (Hue, Saturation and Value).

Web 2.0 additional feature that makes this Color Studio stand out is the EXPORT option. You can:
bookmark - to save color pallete as URL on your browser, add it del.icio.us, export the color swatches in illustrator & photoshop or copy the URL in result, so you can easily share the link URL if you need it.

Hit the “spin” button to get random colors, and experiment with it using the color panels. Every picked color has a check box for easy customization. Color Studio will auto provides its hexa, and the related color value. You can work on unlimited colors to have maximum results.

Feedly - Social magazine-like start page for Firefox!

Feedly is a Firefox extension that brings you social news feeds in magazine startpage style. This tool has rich feature modules.

Feedly gathers its users to dynamically following every updates with these unique features:

* Integrated with Google Reader - Automatic added subscriptions from feedly to Google Reader, and any article you read or recommend in feedly will be marked as read and shared in Google Reader.
* Quick preview - Before deciding to read for more, you can take a peep with this feature.
* Share news or articles - Easily recommend it to a friend, Twitter a note or email it.
* Save your favorite articles - Personalized it with annotation feature.
* Personalized your bookmakers - Apply these bookmark services such as: My Yahoo!, Bloglines, Netvibes, Twitter, Yahoo Mail, Gmail and Friendfeed to your Feedly.
* Feedly toolbar - Navigate and take full controls of your articles selection with this powerful toolbar.

Sounds like an intelligent Firefox Extension right? If you are a news geek or a blogger just be a better socialized folk with this Feedly

Feed Analysis: FeedBurner Feeds Analyzer

Do you know how popular your blog is? When you compare the numbers of today’s subscribers of your blog with other blogs, you’ll get clarity of how popular your blog in the blogoshpere. If you are a FeedBurner user, usually you’ll see feed subscribers count, but without much analytical calculation there.

BlogPerfume.com is developing Feed Analysis v1.1. This can be a very useful web tool for the blogger, as it’s including interactive charts, and more detailed report together with analysis.

The charts will display:

* Column chart: number of subscribers for each month
* Line chart: number of subscribers, hits, views and clicks for every single day
* Pie chart: report on total subscribers of each day to identify the best/worst number of subscribers based on day of the week.

There are some features of Feed Analysis that will benefit you. They are:

* Completely free to use as long as you have a FeedBurner account.
* Provide estimated value for your blog / site according to the number of your subscribers (value of advertising banner, blog worth, number increase, grow rate, average subscriber, and prediction of upcoming total subscribers).
* Share your Feed Analysis Report with your clients, advertisers or friends via a sharing URL.
* FeedBurner Pro users are able to analyze Views and Clicks of their blog.

To start, just input your Feed URI, and before you hit the “Generate Report” button, make sure you have selected certain period of prediction report by months. It’s kind of fun to find out how our blog have performed well in time

Cool Tips: Simple and neat tooltips under the mouse

If you are looking for another alternative to create tooltips for your website, CoolTips may help you. It is created by Andrew Okonetchnikov. Currently released in version 1.0, CoolTips is an amazing lightweight unobtrusive JavaScript web-browser tooltips. It is used to replace conventional web-browser tooltips and uses replacement technique.

Advantage Features:

* Lightweight.
* Uses industry-standard libraries — prototype and script.aculo.us.
* Easy customizable look & feel to set different CoolTips instances, without using bunch of parameters or CSS.
* Browser and platform independent. Tested on Windows and Mac. Firefox, Opera, Safari, Internet Explorer 6 & 7.
* Supports transitional effects. Fade in & out appearing.

Use any CSS-query for CoolTips initialization and you can learn more about detailed CoolTips Options by visiting the source page.

Free PD-Avatar 1.0 Icon set

The Free PD-Avatar 1.0 Icon set contains five avatars which could be used as icons as well. The icons are available in PSD format. Feel free to use them for corporate or personal projects. You can use the icons for private and commercial projects, blogs and web-sites for free, without any restrictions whatsoever. Like them? Get them!

Blox: Sketchy Font

Here comes another free fonts from Bittbox.com. These fonts are categorized in graphics fonts, as every character is having a hand written look… but the interesting part is that, the fonts appeared in block shape of sketchy fonts.

It is released in demo version, so it means its not the full version. You may use this font for personal and commercial projects. Download the Blox fonts demo version at Bittbox.com if you’re appeared to be huge fan of this cool font!

A Showcase of 17 Collage Themes Web Design

It’s not that hard to quick identify a website that apply collage theme in its design concept. It should be a design where unordered decorative shapes and elements brought together to gain more artistic value. Curl papers, worn paper background, seal tape, clippers are common design elements used in collage theme web design to style images or navigation menus. In addition, handwritten fonts are the most preferred font type to spice up the look.

Today, we have another round up to showcase best pick of collage themes web design from the internet. Enjoy the inspiring moment to learn more about each of them and tell us what you think. Feel free to mention yours or any other collage themes web design that we haven’t put them on the list

Accentuate Clothing

http://www.accentuateonline.com/

Read the rest of this entry »

CrossSlide - a JQuery Slide-show Animations

CrossSlide is an alternative way to present slide show that animates pictures using jQuery plugin instead of conventional Flash. Fully tested on major browsers, it relies on the browser for positioning, scaling and cropping images, through CSS and the DOM. Accordingly it is depended mainly on how the browser and the underlying graphics platform optimize these operations.

CrossSlide has several picture effect features, they are:

Read the rest of this entry »

jQuery Canvas Rounded Corners

site: http://ragamo.medioclick.com/jquery/corners/
tutorial: http://developer.mozilla.org/en/Canvas_tutorial

This simple jQuery Plug-in is smart solution for you to make rounded corners. Fully tested in Internet Explorer 7 and Firefox 3, jQuery Canvas Rounded Corners v 1.1 works on your DOM objects using “canvas” element. If you are new to what “canvas” element is, you can read Canvas tutorial at Mozilla Developer Center.

You’ll need to attach three component of Javascript files for installment. A variant of excanvas.js (newExcanvas.js) must be included to create canvas elements in IE. Here they are:
script type=”text/javascript” src=”jquery-lastest.js
script type=”text/javascript” src=”jquery.corners.js
script type=”text/javascript” src=”newExcanvas.js

To start creating round corner just add:
$(selector).corners([options]);

List of options :
radio: (int) radius size of corners
inColor: (color) inside color of element
outColor: (color) outside color of corners
borderSize: (int) border width
borderColor: (color) color of borders

You can learn more about this simple script from some examples given and download the jQuery Canvas Rounded Corners files at the source page. Should be easy as 1 2 3