CSS Tab Designer 2.0

Price : Free
File size: 1.35 MB
Download : http://www.highdots.com/css-tab-designer/


Understanding CSS may take times for some of people. Especially if it is dealing with CSS tab buttons for the website. CSS Tab Designer will make that easy for you. Because you don’t need to be a master of CSS script to implement amazing horizontal menus (tabs) or vertical menus design in your website.

I have known this tool since two years back and still rely on it quite sometimes. The tabs in my Graphic Identity blog are using Centered Sliding Doors tab style. I modified their grey background into white, to blend with my main column background color.

There are 11 designers who have contributed their CSS tab design in this software. All tabs (60+ different designs/colors supported) have been designed beautifully and easy to modify using CSS Tab Designer. The code generated for these tabs is strict xhtml compliant code.





How to create tabs in CSS Tab Designer?

You will see three columns in CSS Tab Designer 2.0 interface.



Bigger View

Start from the columns in the middle, where you can find all Tab Styles. Every tab style has its own name label. Pick one tab style. In this example, I choose Tab Menu 8.



Search the left sidebar to find Task menu (at the center of sidebar) and click Fill with sample. Edit your tab’s label, URL, and order at Items menu.



See the result in the right sidebar, where you can find Preview and Code tabs displayed together (at the bottom of sidebar).



Switch the tab to copy the CSS and HTML scripts to your own Blog HTML.



You can see the tabs style in the 7 different browsers also if you go to Browser Preview tool.



Next to the browser preview, you can click Font Size icon tool, and pick the most suitable font size for the tabs.



You almost finish, in another few steps. After the installment, CSS Tab Designer by default will create folder directories in your computer system hardisk, which labeled CSS Tab Designer 2. Find the folder, and go to styles folder.



In styles folder you can find each of Tab Style types that you have found in this software interface. As we know, every tab style has its own name label. Find a folder which is exactly related to your tabs and copy the images inside that folder.



Upload these images to your web hosting server and replace their image URL (inside the code script) with the new one that you would have after uploading files.


;) Your tabs are now online!!!

Color Pic 4

Price : Free
File size : 663 Kb
Download : www.iconico.com

Color Pic is the best color grabber and easy to use. I would say that Color Pic is practical graphic software for a busy designer. This design software, works on the top of your desktop PC window, in front of any other active application which runs in the same time.

It has 16 chips to view your most recent picked color and you can label your color chips collection in a palette tool which placed on the top.

There are 5 tools that you need to know to have optimized benefit of Color Pic.
You can hide and show them by clicking small blue arrow icon toggle panel next to each tool



These tools are:

1. Palettes
With this tool, you can label each color collections that you have in color chips. As a designer, I rely on this because I can manage my designs which have different theme style and of course they will have different color composition for the layout. Having the hexadecimal color typed in my text editor and not be able to quick understand which color would that is are the reason for me to install Color Pic in my PC. I just need to choose one of my Palettes collections which saved before by clicking New button. Palette name can be renamed by clicking Edit button, and you can always Delete a Palette if you feel that you won’t need it anymore.




2. Chips
This tool enables you to save 16 kinds of colors that you use the most which fits to each palette. Click one of the empty chips to start grabbing a certain color, then move your cursor around to find match color to save and press Ctrl + G to grab. Click keys F1, F2, …….to select color chips.


3. Color
Color tool provides you a preview of the color you clicked on Chips tool, and there are two options of color code; these are Decimal Color and Hex Color. Click copy button, and you can paste the color code to any clipboard..



Paste this to any graphic software, (Photoshop) color picker tool and you will get full color accuracy that you want for your design.




4. Mixer
There are 4 types of mixer panels. You can find them on left side of Color Pic by tabs. You can decide to use one of them depends to your familiarity to mix color. Each color mixer system has special tools and equipped with user friendly interface. Click one of the color chips to modify it, and set the new value of color system for different result by dragging cursor tip. The color systems that used in the Mixer Tools are RGB and CMYB.

Hex color Mixer


Rainbow Color Mixer


Hue Color Mixer


Sliders Color Mixer



5. Magnify



With magnify tool, you can Zoom in maximum to x36 of image or anywhere on desktop area to grab color. Set the Point for your convenient picker cursor tip size and check Hi-Lite to show or hide the tip. There is an option to change color of the tip so you can easily viewing the tip when you drag it in dark or bright color. Check Grid to show in magnification area for more accurate color. Remember that this tool only work in empty or new chip box. Drag the tip cursor, and press Ctrl + G to grab color.

Paint.NET

A Free image and photo editor for today’s review will be Paint. NETwhich is developed on the .NET Framework. This software is an open-source freeware editor and now enters the new Paint.NET version 3.08. Although it is a freeware, it has much more essential graphic tools for a pro compared to the average image editors.

As we all know that average image editors which are free tend to have limited tools for further graphic manipulation. We might think about basic image editor tools such as: resizing, cropping, rotate/flip, and other standard image editor to adjust exposure, sharpness and color or some few sort of pluggins to create decent photo retouch. Well that kind of software not even close to Adobe Photoshop for a pro graphic designers.

Paint.NET is light graphic software that supports the most image formats (JPEG, PNG, GIF, TIFF and other) but yet it is powerfully enough as you can create layers. Paint.NET also supports actions manager, and unlimited undo thru out your photo editing process. Special features such as clone stamp, Lasso, Select, and Magic Wand are also included.
Some comments delivered to this software said that this software is much better than Microsoft Paint.

This Paint.NET latest version (3.08) has been improved better than the previous version Paint.NET v 2.5, Paint.NET v 2.6, and Paint.NET v 3.0 which released MDI (multi-document interface) to make easier multiple image editing. The interface and the panels are semitransparent, equipped with a tab strip in the upper right corner of the main window. Much convenient for any skill levels who wants to have fast result for image or photo retouch but relied on high end features tools.

The installment files 1.36 MB in size; it requires Windows XP / 2003 Server / Vista, and Microsoft.NET Framework 2.0.

Users are mostly commented on how unpleasant to have such relatively small size file installment of this terrific graphic software when you still need to download the Microsoft.NET Framework 2.0 which has 22MB file size, unless you have a faster internet connection to establish that kind of platform.



Bigger view

Further Readings:

• Paint.NET - Home


• Paint.NET


• Image:Paint.NET 3.0.jpg


• Free (Or Very Cheap) Software You Need (For Windows)


• Rick Brewster's blog