Category: Tools

10 Free And Powerful Windows Text Editors For Web Developers

August 3rd, 2009 in Tools | View Comments

You probably have some powerful IDEs such as Visual Studio or Adobe Dreamweaver installed. But what happen when you just want to edit a single line of code, or maybe you don’t need those advanced features that provided by most IDEs? So, you probably need a simple text editor like Notepad, which is installed by default on a Windows machine.

But, Windows Notepad is too simple and may not enough to handle our daily programming tasks. So, if you are looking for some alternatives for Notepad, then you have come to the right place. Today, we are going to cover 10 free and powerful Windows based text editors pro developers.

1. Notepad++

Notepad++ is an excellent replacement for Notepad. It has a lot of features, such as Syntax Highlighting, Syntax Folding, Auto Completion, Multi Documents tab view, Full Drag and Drop supported, Zoom in and out, Bookmark, Macro Recoding and powerful search feature. Users can have their own custom defined syntax highlighting, and this is among my most favorite feature of Notepad++.
notepad++

(more…)

8 Useful Lorem Ipsum And Random Text Generators

July 26th, 2009 in Tools | View Comments

As a web designer, before i ship the design i will usually show it to my client and make any final changes. So, i may need to fill in the content with some “lorem ipsum” aka dummy text so that the client will have clearer picture of how the design will look like.

I believe every designer will have their own lorem ipsum content. And i saved my lorem ipsum content into a text file, so that i can copy and paste them whenever i need. Recently, i had found some cool lorem ipsum or random text generators which i think are interesting and would like to share with my readers.

Without talking much, let’s see these 8 useful lorem ipsum and random text generators:

1. Lorem Ipsum Generator

Is it being made for web developers, web designers, web masters, and those who ever need lorem ipsum content. The Lorem Ipsum Generator lets user generates either paragraphs, words or sentences and able able to add HTML tags to the content.
Lorem Ipsum Generator

2. Lipsum Generator

Lipsum.com is one of the most popular lorem ipsum generator and it provides straight forward content with few options. User can specify the number of paragraphs, words, bytes or lists. There are now a set of mock banners available for download. The mock banners are in three different colors and in a range of different standard banner sizes.
Lipsum Generator

(more…)

15 Really Useful Web-based HTML Editors

July 17th, 2009 in Tools | View Comments

Web-based HTML Editor, WYSIWYG editor, or rich text editor, is a web component that let users enter rich text input within the browser. Most of the time, these html editors are used within content management systems where administrators or authors can easily create posts and contents from the backend system.

Without talking much, let’s see these powerful Web-based HTML Editors.

1. FCKeditor

FCKeditor is one of the most famous online HTML editor. It brings the power and features of desktop editors to the web. It offers a complete integration pack for ASP, ASP.NET, PHP, Java, Perl, Phyton and etc. It supports skins, spell checker, lightweight, fast and has a lot of cool features.
FCKeditor

2. NicEdit

NicEdit is a Javascript that integrates into any web page easily. It can turns any element/div to become editable or convert standard textareas to rich text editing.
NicEdit

(more…)

15+ Useful Firefox SEO Tools For Serious Bloggers And Web Designers

July 10th, 2009 in SEO, Tools | View Comments

Search Engine Optimization, or SEO is the process of structuring your web page so that search engines can reach, read and index your page in a higher ranking and finally bring more organic traffic to you.

So, who should perform SEO for our websites, the web designers or the bloggers? Obviously, SEO should be done by web designers as well as the bloggers. Why i said so? Web designers should design the page structure so that the page can easily be read and indexed by search engine while the bloggers should make sure the articles contain keywords that can really generate traffic.

As a blogger, you are encouraged to use WordPress as your blogging platform. Why? Because WordPress has a lot of awesome plugins for SEO purpose and it is well-structure for SEO purpose.

Today, we are going to look into 15+ Useful Firefox SEO tools and extensions for bloggers. Web designers who run blog may also need these tools.

1. SEO for Firefox

SEO for Firefox is definitely the most powerful Firefox SEO plugin. This plugin pulls useful marketing data points and integrate into your search results. For example, it pulls the PR, delicious save counts, Technorati links, Alexa rank, WhoIs information and etc. You can selectively turn it on and off by using the icon at Firefox status bar.
SEO for Firefox

2. SeoQuake

SeoQuake is a program that integrated in Firefox so that users can view a large number of search engine parameters on the fly. It consists of SeoToolbar, Seobar, and output of requested parameters on Search Engine Result Pages.
SeoQuake

(more…)

32 Useful Portable Apps For Web Designers and Developers

July 3rd, 2009 in Tools | View Comments

We like portable apps because those applications are lightweight and require no installation to run. As a web designer/developer, i used to work with different PCs. Rather than carrying my laptop everywhere, i prefer saving frequently used applications into my USB drive.

I had collect a lot of useful portable applications and i would like to share those applications with my readers. Let’s look into these applications now:

Browsers

1. Firefox Portable Edition

Firefox is a popular web browsers and portableapps.com had created the portable version of this application. Install this application on your USB drive and you can bring your bookmarks along with you. I have this application in my USB drive together with some useful plugins.
firefox-portable

2. Google Chrome Portable

Google Chrome is quite popular browser and it has advantages over other browsers. For example, Chrome will run different tabs as separate processes, which will prevents different windows to interfering each other. So, grab the portable version of Google Chrome and start chroming.
chrome-portable

(more…)

The Ultimate List Of Online Color Tools For Web Developers

June 26th, 2009 in Tools | View Comments

As a web designer, we will always deal with colors. There are a lot of useful online color tools such as color wheel, color scheme, color palette, color picker, and etc.

When i try to search for a complete list of online color tools, i can’t found any. So, i decided to collect them and share the list as a useful resource for other web designers.

Let’s start looking at the list:

Color Wheel

1. 4096 Color Wheel

4096-color-wheel

2. Color Wheel from Colors On The Web

color-wheel-from-colors-on-the-web

(more…)

35 Absolutely Useful Firefox Plugins For Web Designers And Developers

June 20th, 2009 in Resources, Tools | View Comments

Firefox is a very popular browser especially among web designers. There are more than 70% of WDB’s readers are using Firefox. There are few reasons which make Firefox so popular compare to others and obviously its plugins had contributed a lot for that.

Today, we are going to look into 35 useful Firefox extensions for both web designers and web developers. You are not required to install all extensions, as this will cause your Firefox slow and lag. Without talking much, let’s look into these extensions.

1. Firebug

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
firebug

2. Window Resizer

The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes. Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.
window-resizer

(more…)

15 Extremely Useful CSS Grid Layout Generator For Web Designers

May 31st, 2009 in CSS, Tools | View Comments

There are a lot of online generators which can help designers a lot. Some example of online generators are favicon generators, background generators, button generators, and badge generators. Balkhis had wrote an excellent article about extremely useful online generators for us.

Without these online generators, designers have to waste extra effords to do repeat jobs. Since we had shared about CSS Frameworks last week, i would like to extend the topic by sharing some useful CSS grid layout generator.

  1. Grid Layout Generator by Pagecolumn

    grid-layout-generator-by-pagecolumn

  2. Grid Generator by DesignByGrid

    grid-generator-by-designbygrid

    (more…)

Page 3 of 3123