Archive | Tools & Helpers RSS feed for this category

WAVE – web accessibility evaluation tool

15 January 2010

0 Comments

WAVE is a free web accessibility evaluation tool. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page.

Just enter the URL of a webpage you want to test and that is all. So if you care about web accessibility, you have to check it out:

URL: http://wave.webaim.org/

NexusFont – a free Windows Font Manager

13 January 2010

0 Comments

NexusFont is a free font manager for Windows. If you have many fonts and you need to choose fonts you want, this program is for you. You can compare many fonts at once. And there are useful functions to manage font files.

Features of this free Font Manager are:

  • View TrueType Fonts: view installed fonts, fonts in folders (not installed).
  • Install/Uninstall fonts: install fonts into system or uninstall fonts from system.
  • Find Duplicate Fonts: find duplicate fonts in folders and delete unnecessary font files.
  • Print: print fonts list with user defined sample text
  • Export as Image: export font list as an image with user defined sample text
  • AntiAliasing: supports antialiasing for designers
  • Rename: Rename font files with their font name
  • Copy/Move/Delete: manages font files
  • Favorite Fonts: manages fonts by favorite groups

URL: http://xiles.net/programs/

Scribefire – a Firefox Blogging Tool Extension

8 January 2010

1 Comment

Ok my friends. Normally when I want to write a blog post i log into my WordPress admin account and write the blog post there. But I am getting older and older… and I get to lazy for this. So it was time to have a look for some easier way to do my blog posts. And I think I found a nice solution: Scribefire.

What is Scribefire?

ScribeFire is an extension for the Mozilla Firefox Web Browser that integrates with your browser to let you easily post to your blog: you can drag and drop formatted text from pages you are browsing, take notes, and post to your blog.

And right now this is my first post I am creating with this nice Firefox Extension. And i must say it really makes a good first impression. So if you are a lazy ass like me and you are looking for a way to create your blog posts faster and easier, give Scribefire a try.

URL: http://www.scribefire.com/

WordPress Helper Firefox extension

7 January 2010

0 Comments

This Firefox extension helps you working with WordPress by providing useful help and tools. The extension eases the fast and simple access to develop-relevant pages of the WordPress Codex. So you always have all the necessary help at your fingertips. It’s also possible to search after strings of text that is currently marked. Furthermore it’s possible to easily switch to WordPress backend of current site. More than that, a small Icon indicates wether the currently displayed website makes use of WordPress.

‘Editor’s Choice’ links are obtained from a remote source (the author’s website), therefore are faster kept updated and available than the Codex links of this WordPress Helper extension. The links are maintained by the plugin author, new links can be suggested by any user though.

Other features are:

* Update Notification on new WordPress versions
* Community notifications: Get informed whenever there’s a possibility to contribute to the process of WP development (polls, feature requests etc.)
* Website Profiles
* Custom Shortcuts
* Various preference settings

URL: http://www.schloebe.de/firefox-extensions/wordpress-helper/#english

CodeIgniter cheat sheet version 2.0

1 September 2009

0 Comments

CodeIgniter cheat sheet version 2.0

If you’re a web developers who stick a lot to programming codes just chill out a little, as we share some good news about the Free CodeIgniter cheat sheet with you :)

This CodeIgniter cheat sheet is released recently by designfellow.com. The latest version includes 2 sheets:

* Sheet-1 contains library functions with parameters (including cart library, which is not yet released officially by CodeIgniter but available in svn)
* Sheet-2 is for helpers functions & CodeIgniter reserved names etc.

You can download this cheat sheets in .PNG & .PDF files format (A4 print out size)
It’ll be nice to have it around your work-desk while you do the coding! So be sure to have it now or mark it as saved bookmark just in case you’ll need it later.

URL:
http://designfellow.com/blog/freebies/codeigniter-quick-reference-cheat-sheet-version-2-0-released/

WizeHive – share files & manage projects

27 August 2009

0 Comments

wizehive - share files & manage projects

With WizeHive you can organize your ideas, notes, files & tasks into workspaces and pages. You can customize workspace and select colors and upload your own logo. Share, manage & track to–dos and files among your team. Of cource you can track activity and view a twitter–like feed of all workspace activity.

URL: http://www.wizehive.com

MultiURL – easy link sharing

30 July 2009

1 Comment

MultiURL - easy link exchange

MultiURL allows you to combine multiple links into one short link that you can quickly and easily share with your friends, colleagues, on your blog or any other website. It makes the process of sharing multiple links at once so much easier, quicker and safer. For example, we want to share a list of all our websites

http://www.sharebrain.info, http://www.devmarks.com, http://www.header-footer.com, http://shirts-stuff.com and http://shirts-stuff.net

MultiURL will combine these links into one short link: http://www.multiurl.com/g/GN

All of your links can be edited at any time. You can even add new links and remove existing ones as well a password protect them for increased security.
All of your links are automatically shortened. That way you can rest assured that the link will not break when you send it via email or instant messenger.
You no longer need to wonder if anyone clicks on your links. You may now see how many times your links have been clicked or if they were even clicked at all.

URL: http://www.multiurl.com

pForm – Free HTML Form Builder

29 July 2009

2 Comments

pForm - Free HTML Form Builder

pForm.org allows you to create HTML form in fast and easy way. It is a completely free service. Once you enter this site, you’ll see various options of color schemes for your custom form. Choose one to go to the next step, which will be designing your form content.

Click the Untitled Form box to edit the form properties. In this section, you can edit your Form Title and give few lines of form description under this Title tag.
Click one of the form elements button on the right sidebar to add a field. They are:

* Single Line Text
* Paragraph Text
* Multiple Choice
* Name
* Time
* Address
* Price
* Section Break
* Number
* Checkboxes
* Drop Down
* Date
* Phone
* Web Site
* Email
* File Upload

Edit each of the field properties before you add another one. Save your form and it will be created automatically. You can preview it first before you decide to download it or you can go back to edit your form one more time. It is so simple as one two three. pForm is smart web tool to create form automatically without writing any single line of code.

URL: http://www.phpform.org/

Web Elements Kit

1 July 2009

2 Comments

Web Elements Kit for Web Designers

Here comes something that is absolutely useful if you are apparently a web designer. Mocking up a web design layout cost you lots of time, as you always working with so much details to put together some of web design elements for the best accessibility and usability.
Most of the time you start it all from your Photoshop working canvas before the coding process take place. It is also common things to use the same web elements on different web project but of course you should put up any custom styling based on the design theme.
BestBlogBox.com released a PSD file format which contains plenty of web design elements that will absolutely help you out.

These web design elements are made in dark color scheme by default. But if you’re an advanced Photoshop user, it will be easy for you to edit the fonts, colors, strokes or gradients styling for each layer to fit your design need.
All of these web elements are designed in Web 2.0 style, with smooth rounded corner boxes.

There are two folders in the zipped file. You can begin to work with “all in one PSD file” folder which everything is there and the file is also bigger in size, or you can just pick several of web design element items that you need the most,inside the “single item PSD file” folder.

What modules and web elements that you will get:

* Advanced search module
* Contact form module
* Form module
* Buttons (6 different design, 4 different colors)
* Footer
* Slider module
* Member login module
* Newsletter sign-up module
* Pagination
* Dark Sand Pattern (.JPG)
* Product display module
* Registration module
* Scrollbars (4 different colors)
* Search bars (4 different colors)
* Sliding menu module
* Tabbed featured item module
* Tabbed message box (tip box)
* Tabbed box sidebar
* Horizontal top navigation menus

It is a very useful resources for you and save you a lot of time, so just jump in to download the pack from the source page. Don’t forget to share this review post or please do comment if you like, thank you! :)

URL: http://bestblogbox.com/freebies/all-in-one-web-elements-kit/

Pictaculous: A Color Palette Generator

22 June 2009

0 Comments

Pictaculous: A Color Palette Generator

Pictaculous is a color tool that allows you to get a color palette right after you upload an image.
The color palette will be consist of 5 colors which are taken from your uploaded graphics, complete with its hexa code for each color. It handles PNG, GIF, JPG image file format and your file cannot be larger than 500kb.

This color palette generator is so simple, but quite helpful. There are also two other well known color community websites that will suggest you some alternatives of color schemes. They are Adobe Kuler and COLOURlovers. Once you’re done, you can download the Adobe Swatch File, share it on some social bookmark sites or share by email.

Just a pretty cool color tool web, to add on your bookmark list.

URL: http://pictaculous.com/

Variable Grid System

25 May 2009

2 Comments

Variable Grid System

The Variable Grid System is a web tool to generate an underlying CSS grid for your site. It is based on the 960 Grid System and it is designed & developed by SprySoft. You can input the pixel width of column and gutter of your grid layout, also the number of columns that you need to use. Those numbers will be auto calculated and you’ll see the result of total width pixels as “Content Width” and ” and “Full Width”.

What makes this tool different, is that you can see a realtime preview of your customized Grid System therefore it will make easier to have full control on the result. When you ready with the custom grid layout, this tool will generate the CSS file.

URL: http://spry-soft.com/grids/

Grid System Generator

18 May 2009

1 Comment

Grid System Generator

Grid system generator creates fixed grid systems in valid css / xhtml, and provides a background file that you can use in Fireworks, Illustrator, OmniGraffle, Photoshop, Visio (etc.). To start, just fill in your grid dimensions and preview it before you download and include the css file in the head of the HTML page. The Grid System Generator is created by Ewout Kozel . It is actually based on the 960 Grid system.

On this site, you can will also find the “Top 10 generated grid systems” list which is available in various grid width. Create your own using this simple Grid System Generator and find out how it saves your time alot ;)

URL: http://www.gridsystemgenerator.com/

Create Round Corner Tabs Graphic with TabsGenerator.com

1 May 2009

1 Comment

Create Round Corner Tabs Graphic with TabsGenerator.com

Web navigation can be presented in some various ways. Sometimes a web can have plain square menu tabs, or even nice round corner tabs. And if you’re looking a fast way to create some round corner tabs, with nice effects, we mean very fast :), try to take a look TabsGenerator.com. This web tool generates round corner menu tab graphics within few clicks away.

Here are the features included:

* You can adjust the height and width pixel value.
* Border size formatting in pixel
* Easily set the corner radius for your tab.
* Custom colors option for the background tab, fill tab and border tab – Although you’ll get .PNG file for the download graphic tab, there still be no option to set this a transparent background tab. In order to add color, you just fill the desired hexa color code or click the toogle color to display the color picker.
* You can select one of three fill styles, either it is a solid color style, blur color style effect or glossy style effect. Blur and glossy style effects will make you to select two different colors in the fill tab option.
* Select the Orientation for your tabs in four directions

Looks pretty cool right? Just tweak few options and it generates easy tab design, then download and use in your css style sheet! Learn more by visiting TabsGenerator.com.

Free Custom Animated GIF Preloaders

16 April 2009

2 Comments

Free Custom Animated GIF Preloaders

Preloader is web tool that generates a custom animated gif preloaders. There are various choices of preloaders in 4 categories of type. They are 3D, rectangular, circular and horizontal. The background color can be set in specific hexa color as you want, and transparent background option is also available in case you need it. Enter the desired sizes with specific proportion, then drag a the blue button slider to give the speed value. Within seconds after you pressed “Generate preloader”, you’ll get a sleek preloader for your project!

Push the download button whenever you satisfy with the look of your customized instant preloader and it is all yours ;) This preloader web tool may save your time if you’ve tried to create animation preloader using conventional applications.

Compass: CSS Framework

24 March 2009

1 Comment

Compass: CSS Framework

Compass is a CSS Meta-Framework that is ported to Sass to make them easier to configure and apply to your semantic markup. It stands-alone via a simple command-line interface and ready to use in your ruby-based web application.

Best Practices of Compass CSS Framework:

* Use a Base stylesheet file – Create a _base.sass partial to initialize your stylesheets with common variables and the framework utilities you plan to use.

* Write your own Custom Mixins – Mixins let you insert any number of style rules into a selector (and its descendants!) with a single line.

It is not only a collection of classes, because you still can use the best of breed css frameworks such as: blueprint, yui, and 960. So visit the Compass CSS Framework site to learn more!

Image to Colors Palette Generator

27 February 2009

0 Comments

Image to Colors Palette Generator

More new color tools are found on internet nowadays, but this one is special! CSS Drive has launched the new Image to Colors Palette Generator! To get start you’ll need to upload an image or submit an image URL to generate a color palette based on the image’s primary colors.

The extra benefits you can get from this handy Image to Colors Palette Generator:
- It supports various image file format: .PNG, .GIF, .JPG and JPEG
- Instantly generates Photoshop swatches (.ACO) and CSS stylesheet (.CSS) as you can download these files for further design process.
- A Click on one of the color on the palette will show you the Hex code of that related color. You can compare between the Selected color and the Current color, as the Current color swatch will dynamically changes the color and hexa when your cursor is moving on the color palette.
- It produces 4 different palettes for efficient use of extracted colors, which are: Light Color Palette, Medium Color Palette, Dark Color Palette and Complete Color Palette.

This Image to Colors Palette Generator is very useful for quickly grabbing a particular color within an image for inspiration and also worth to save on your bookmark list. Have quick jump and tell us how you like this cool color tool ;)

Styled Menus: Free Professional CSS Menus Gallery

9 February 2009

3 Comments

Free Professional CSS Menus Gallery

Styled Menus is a CSS menus gallery website where you can download great numbers of navigation menu bars for free. The CSS menus are designed by professional web designers and this site is been maintain by two guys Sainath Chillapuram and Santosh Setty.

StyledMenus.com provides cross browser CSS menus and with valid W3C. It will save your time and if you are a CSS noob, you can learn from here too. Visit the source page and surf the CSS Styled Menus to get start!

Create a custom colorful background with Striped Backgrounds

22 December 2008

0 Comments

Visit strippedbg.com now

Striped Backgrounds is a web tool, which has been developed by Sam Herbert. These simple tool generates striped colorful background based on 5 color pickers, where you can put your custom hexa color code into, to create your desired background.

You can instantly download your striped background in .PNG file format after you select the resolution image.

Just push the reload button on the center to get a newly random striped background, if you want to have fun with this tool. And guess what? you can even create your own 128x128px colorful avatar or mobile screen with this amazing Striped Background. Cool stuff to bookmark!

HTML-Ipsum: Quick HTML Dummy Text

17 December 2008

1 Comment

Visit Htmlipsum now

HTML-Ipsum is a simple tool for you to copy several formated dummy text. As you know, when you’re building a website from scratch, you might need a content to fill between the div tag mark ups. The dummy text begins with “Lorem Ipsum” :D, but this is a wonderful tool since you’ll see these dummy texts are available in several formatted HTML style:

* Long paragraph
* Medium paragraph
* One sentence
* Unordered lists: short items
* Unordered lists: long items
* Ordered lists: short items
* Ordered lists: long items

and there is a Kitchen Sink box where you can find complete HTML heading, list styles and tags.

If you’re not even a Windows OS user, HTML-Ipsum is utilized with usability feature(s) for Mac and Linux geeks. A must bookmark web page for today ;)

Make a presentation with SlideRocket

15 December 2008

0 Comments

Visit Sliderocket

SlideRocket is online presentation tool with great number of features. You can put professional authoring labels, organized your unlimited presentations using asset management, or analyze the market and following updates at new SlideRocket Marketplace.

Features for SlideRocket users (free plan service):

* Unlimited number of Presentations
* 250MB Storage
* PowerPoint Import
* Authoring Tools
* Asset Library
* Printing
* Publishing
* Cross browsers supported with Adobe’s Flash Player 9 plugin.(Explorer, Firefox, Safari, Netscape, and Opera on Windows, Mac, and Linux).
* SlideRocket Marketplace
* Helpdesk, Forums, Online Documentation, User Voice
* Supported Media:

1. IMAGES – JPEG (.jpg, .jpeg), PNG (.png), GIF (.gif)
2. FLASH – SWF (.swf)
3. VIDEO – Flash Video (.flv)
4. POWERPOINT – PowerPoint deck (.ppt, .pps)

SildeRocket is a very helpful presentation tool to create and collaborate with your teamworks, integrate dynamic data, and share securely online or offline, with consistent results every time. Visit the source page to learn more ;)