My Blog

My Writings, Sharing my Knowledge, News

Archive for the ‘Projects’ Category

Listify, Convert Raw Text To HTML Elements

Monday, August 30th, 2010

What is Listify?

Listify is a very simple free service for web developers and designers, which allows you to convert raw text to html’s ‘list’ or ‘option’ elements by choosing various options like delimiter, type of lists and ignoring digits. I got this idea when I was working on the Clinova project. I had to insert the names of all the countries in the landing page of the site. To do that, I had to insert all the names within a <select> tag. You can very well understand the kind of time that would have been wasted doing it manually. So I went ahead and wrote a short piece of code in C, which would accept a text file with the country names and generate another text file with the <select> tags appended to the names. It saved a great amount of time which I utilized to do something else (I most probably saw an episode from How I Met Your Mother). Anyway, so when I started with Codeigniter, I thought, rather than wasting my time on creating a demo useless project, why not convert that C program to an online tool. Hence, came Listify.

This is still in Alpha stage and we would love to hear some suggestions for new features that you would like. Drop us a feedback here feedback@code-pal.com or leave a comment here.

How will it help?

Using listify you can speed up your HTML coding process when you need to include large lists or option elements in your code. For example, if you require option elements like country names, then you would have to add the tags to 257 names, which obviously will take some time. Using Listify, it would take just three seconds.

Listify Paste text on text box preview
Listify Paste text on text box preview

How to use it?

Using Listify is pretty easy. All you have to do is paste the text in the text box above, configure your options as per your requirements and just click on the generate button. You can place any raw text and choose a delimiter to divide it into the list / option elements. Basically, it involves three steps to generete list via Listify:

  • Copy text from your desired source and paste it in the text box.
  • Paste it in the text box, configure the options.
  • Copy the generated list from the dialog box, paste it in your code

Now you can utilise your saved time the way you want to :)

What are these options?

List Type
This option enables you to choose what kind of list you want generated. Whether it is a list element  for an unordered / ordered list or an option element <option> element for the <select> tag.

Ignore Digits
Many a times there are unwanted numerical digits present in the text which we do not want to be included in the list / option item. This option enables generating the list ignoring the digits present in the text. For example, if you want to convert a numbered list to an unordered list, then just copy the list, select this option and the list items will be generated without the numbers.

Delimiter
delimiter is a sequence of one or more characters used to specify the boundary between separate, independent regions in the text you want to be converted. It means that how you want your text to be divided into the list elements. For example, if a text is a,b,c and the delimiter is , then the list will be generated as<li>a</li><li>b</li><li>c</li> By default, if no delimiter is entered then it will consider “return” or “new line” as the delimiter. For space as a delimiter, you need to enter space etc.

How to choose a delimiter
After choosing a delimiter

Let me know if it was useful and feedback for improvements and bugs are most welcome.

Use Listify!

Tags: , , , , , , ,
Posted in Blog, Projects | 7 Comments »

Personal Computer Assistant

Sunday, September 27th, 2009

Personal Computer Assistant is a very simple application and has very common features. Anyone who uses a computer a lot will be benefited by it. This was developed by myself and a very close friend of mine, Rakesh. Below is a demo graphical user interface which shows how the software looks like and how the user can interact with it. The main buttons in this demo GUI are interactive and you can click on them to know more about the different features.


Once installed the application minimizes itself to the system tray. Whenever you click on it, the main window is maximized and the emergency note pad is in focus automatically. I implemented this feature because many a times I needed to scribble something and had to start notepad. So I thought this would faster and comfortable for me. After writing in the emergency notepad, you can save it anywhere you want. The application is still in Beta phase. You can download and check it out. Don’t forget to comment! ;)

Requirements:

Windows Installer 3.1

Microsoft .NET Framework Version 2.0

Supported Operating Systems:
Currently only supported in Microsoft Windows XP and Windows operating systems before that.

Download

Tags: , ,
Posted in Blog, Projects | 8 Comments »

  • Graphic River WpWebHost Hosting Service Are My Sites Up? Theme Forest
  • Browse

    • Matt @ WMpS:

      I did include some HTML in my reply but it looks like it was stripped ...

    • Sumeet:

      What do you mean by adding a value to each option? At the moment, the ...

    • Matt @ WMpS:

      This is really useful. When creating drop down menus with Listify is t...

    • Gobi:

      Great work sumeet keep going :)...

    • Beben:

      nice hover play... clear in explanation thanks ^^...

  • Tag Cloud