MakeUseOf Directory » html

Mooshell: Edit & Debug Mootools Scripts Online

israeln — Wed, 28 Oct 2009 13:09:43 +0000

Mooshell is a scrappy online tool for testing HTML, CSS, and Javascript elements, but more importantly, a tool for combining all these together to debug Mootools code. You only need to enter your Javascript, CSS, and HTML in the corresponding boxes and click run to view the results. The application is ideal for programmers who want to test their snippets before implementing them on website.

You can also save your work if you plan to edit your code later, and collaborate with others using a generated URL. Future releases of Mooshell promise user logging, snippets collection, and tagging to name a few.

Features:

Edit & debug Mootools scripts online
Backend support for AJAX calls.
Clean, Save, Run, and Update your Mootools code on the fly.
Make quick edits and view results instantly.
Emulates the lightweight quality of Mootools coding.
Collaborate with others using a generated URL.
Similar tools: Codepad.

Check out Mooshell @ www.mooshell.net

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

Mooshell: Edit & Debug Mootools Scripts Online

Related posts

CopyPasteCharacter: Lists Common Cut And Paste Special Characters

azim — Thu, 11 Jun 2009 03:14:55 +0000

Sometimes you need to insert a special character (copyright mark ©, currency symbol €,¥ etc) in your email message or a blog post online. Most probably you copy/paste a required character either from a Word processor program or by searching for it online.

Now, if you ever need to quickly cut and paste special characters, simply visit CopyPasteCharacter.com. It contains a list of common characters and symbols on one page, including arrows, math symbols and more. Click on a symbol to select and save it in your clipboard buffer and then paste it in your text.

Click the tab “As HTML” on top of the page to view the corresponding HTML code of the selected symbol.

Features:

Cut and paste symbols & special characters.
Select and save a character in your clipboard buffer with one click.
View symbol or its corresponding HTML code.
Similar website: EntityCode.

Check out CopyPasteCharacter @ www.copypastecharacter.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

CopyPasteCharacter: Lists Common Cut And Paste Special Characters

Related posts

EntityCode: Quick Reference To HTML Symbol Codes

TehseenBaweja — Thu, 28 May 2009 01:40:26 +0000

When coding in HTML certain symbols cannot be easily entered with the standard keyboard. Hence, there is an HTML code associated with each of these symbols that is used to insert them in web pages. For example most of us know that &nbsp; is used to insert a non-breaking blank space and & is used to insert the & sign.

EntityCode is a quick reference guide to most used HTML symbol codes. Each symbol is followed by the HTML code and a brief description. See symbols used commonly or browse through the symbols related to Currency, Math or Directional symbols.

Main Features:

Quick html symbol reference guide.
Lists most used Greek, technical, directional and mathematical symbols.
A brief description for each symbol explains how it is used.

Check out EntityCodes @ EntityCode.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

EntityCode: Quick Reference To HTML Symbol Codes

Related posts

HtmlToWiki: HTML to Wiki Markup Converter

azim — Fri, 15 May 2009 13:41:01 +0000

MediaWiki is popular wiki platform used by many people and organizations as a collaboration tool online. However, unlike with WYSIWYG editors or office word processors, you have to learn its wiki syntax to be able to write and edit pages in rich text format.

HtmlToWiki is a handy HTML to wiki markup converter which lets you instantly convert HTML code into MediaWiki syntax. So if you are more familiar editing text in HTML, you can write it HTML first and instantly convert it to a MediaWiki format. This way you can get text formatted they way you want it without learning Wiki markup syntax.

Features:

Easily Convert HTML to wiki code.
Ajax based tool. Converts things as you type them.
Free, no sign up needed.

Check out HtmlToWiki @ http://labs.seapine.com/htmltowiki.cgi

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

HtmlToWiki: HTML to Wiki Markup Converter

Related posts

PasteHTMl: Easily Publish HTML Pages

azim — Fri, 17 Apr 2009 02:27:30 +0000

Sometimes all you need is a plain simple way to share rich text online with no further features. Just a page with no comments, pictures, embedded media files and so on.

PasteHTML lets you do just that; it’s a free service that lets you easily publish html pages online without registration. Copy and paste your HTML code into the text area, fill out the captcha and click on the “Create page” link to publish it online. Thats’ it.

Features:

Free tool for publishing HTML pages and text online.
Service is free, pages have no ads and are kept online for as long as necessary.
Publish as many pages as you need.

Check out PasteHTML @ www.pastehtml.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

PasteHTMl: Easily Publish HTML Pages

Related posts

CodeFetch: Programming Code Searching Tool

kaly — Tue, 10 Mar 2009 13:54:05 +0000

CodeFetch is an online tool for code searching that can be quiet helpful for starting programmers. The application searches published programming books and brings code snippets matching your query. Using this tool you would quickly find out where to look for code and avoid the need of flipping through indexes of books. To search for code snippets, simply select programming language you want, enter keyword and click “Fetch”.

Features:

Searching code snippets on published programming books.
Lets you search for almost any programming language codes you want.
Free. No registration required.

Check out CodeFetch @ www.codefetch.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

CodeFetch: Programming Code Searching Tool

Related posts

FriendPaste: Simple Text Sharing

azim — Sat, 07 Mar 2009 12:45:03 +0000

When you want to share a large amount of text with your friends, email just won’t cut it. That’s where text sharing website FriendPaste comes in. It lets you paste a text or code snippet and share the link to it with any one youwant. It also lets you put a password and control who can view or edit it. If it was edited by someone, you can view the revision history, compare changes or create a new fork paste under a different link.

If you are a computer programmer this is an ideal tool to paste code snippets and share with your programmer friends, as it supports most of the popular scripting and markup languages.

Features:

Simple text sharing tool.
Paste text and share the link with your friends
Control (optionally) who can view/edit the text by putting a password.
View history of paste edits, compare changes.
Create a new fork paste with its own link, from an existing paste
Use it to share programming code snippets.
Supports many programming markup and scripting languages (C++, Delphi, HTML, CSS, PHP etc.)
Free, no registration.
Missing: Browser add-on or bookmarklet for copying text would be really useful.
Similar sites: Txtb.in, cl1p and TextSave.

Check out FriendPaste @ www.friendpaste.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

FriendPaste: Simple Text Sharing

Related posts

FixMyHTML: Clean HTML Code Online

kaly — Tue, 13 Jan 2009 03:58:08 +0000

If you ever need to cleanup cluttered HTML code from unnecessary tags and styles FixMyHTML can help. It is a small web utility to clean html code from unnecessary chunks and styles making it easier to read. To work on your HTML code, simply paste it into the provided field and then click on “FIX IT” button.

Features:

Too for cleaning html code from additonal tags and CSS code.
Free and easy to use.
Another similar website is Wordoff.

Check out FixMyHTML @ www.fixmyhtml.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

FixMyHTML: Clean HTML Code Online

Related posts

Tableizer: Generate HTML Table From Excel Spreadsheet

kaly — Sat, 13 Dec 2008 03:43:11 +0000

Extremely handy online app that lets you create HTML tables without messing around with code. Using Tableizer you can generate HTML tables from Excel, Calc or other spreadsheet softare. Simply copy and paste the cells from the spreadsheet into Tableizer and click on “Tableze it!” button. Get back ready HTML table.

You can also customize the table and inside text by applying different font style, header color and text size.

Features:

Easy to use Excel to HTML converter.
Customize table font, header color and text size.
No signup required.
Also see Kotatsu – anotother HTML table creator.

Check out Tableizer @ www.tableizer.journalistopia.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

Tableizer: Generate HTML Table From Excel Spreadsheet

Related posts

Protonotes: Collaborate When Working With HTML Prototypes

abhijeet — Sat, 15 Nov 2008 20:15:32 +0000

Protonotes is a free service which allows you to put small widgets on your HTML prototypes which can be done easily by putting a few lines of Javascript into your prototype. You can edit relevant notes describing your prototype, edit them or delete them. You could even collaborate with your project team members who can add more notes to the prototype.

In short, this tool comes as a big help for those teams who are working on web development projects. This tool helps the team members to easily add notes and collaborate, no matter where they are in the world. Protonotes can also be made to work with MySQL databases with a single line of Javascript.

You can use protonotes to annotate prototypes for : -

Requirements collaboration
Design crits
Usability test findings
Heuristic reviews
QA testing

There are many more features like RSS feeds for group notes, data export feature and all this with no installation required, just a javascript would do.

Check out Protonotes @ www.protonotes.com ( Contributed by Abhijeet from Jeet Blog )

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

Protonotes: Collaborate When Working With HTML Prototypes

Related posts

WordOff: CleanUp HTML Code With a Single Click

kaly — Sat, 27 Sep 2008 00:10:39 +0000

Got a messy HTML code that needs to be stripped of unnecessary tags and styles? Go to WordOff.com. It is small online utility that can easily remove all unnecessary formating with a single click. Anyone who ever had to cleanup the HTML code manually will defintely find this worth bookmarking.

As you can see in the screenshot above, WordOff removes styling attributes from all elements and preserves only the basic formatting.

Features:

Clean HTML code from unnecessary formating and keep only the basics.
Keeps links and basic formatting preserved.
No registration needed.

Check out WordOff @ www.wordoff.org

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

WordOff: CleanUp HTML Code With a Single Click

Related posts

YourDraft: Create and Share Drafts Online

kaly — Mon, 04 Aug 2008 02:09:42 +0000

Multifunctional online WYSIWYG editor to write, edit and share draft pages online. Not only can you share the draft with others and let them read it but it also gives you the right to edit document. No need to register, simply give the document a name, enter your email address and start drafting. YourDraft will then give you private links that you can share with others on read/write or read only bases.

Features:

Create and share draft documents online.
Share drafts with others on read/write or read-only basis.
Multifunctional WYSIWYG editor.
Encrypt pages (optional).
No sign-up or registration required.

Check out YourDraft @ www.yourdraft.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

YourDraft: Create and Share Drafts Online

Related posts

TextFixer: Text to Capitals, Remove Line Breaks & Whitespaces etc.

kaly — Sat, 02 Aug 2008 04:51:54 +0000

TextFixer gives you a bunch of useful web tools to work with text and html code. If you ever need to run some basic operations on text i.e convert text to capitals, remove or convert line breaks to

or
tags, remove line tabs and whitespaces, make all leters lowercase, sort text list in alphabetical order etc. then TextFixer is the website you need.

Features:

Online tools to perform basic tasks on text and HTML code.
Text Tools: Remove line breaks, capitilize sentences (or make lowercase), put text in alphabetical order, remove whitespaces or tabs, make uppercase or lowercase etc.
HTML Tools: Convert Line Breaks to

, Uncompress html, Javascript Pop-up Window Maker, html code for country dropdown boxes.
No sign up or registration needed.

When it comes to more advanced sorting options, hashing algorithms, and more functions to work with lines then try TextTop.us.

Go to TextFixer @ www.textfixer.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

TextFixer: Text to Capitals, Remove Line Breaks & Whitespaces etc.

Related posts

TextSnip: Easily Share Formatted Text or Code with Others

kaly — Thu, 24 Jul 2008 04:46:38 +0000

Web based utility that lets you share your text or code online without loosing original formatting. Simply copy and paste your text into provided field, click “get my url” and then share that url with anyone.

Your clean, tabbed formating will stay in place. Who ever visits the link will be able to view, print and copy the contents to clipboard.

Features:

Quickly share formatted text or code online with others.
Preserve clean, tabbed formatting when sharing.
People can view, copy to clipboard and print out the shared text.
Change formatting style to text, html, css, xml, javascript, php, sql, ruby, python etc.
No registration required.

Check out TextSnip @ www.textsnip.com

New: Follow MakeUseOf on Twitter. Recommended!
MakeUseOf 'Geeky Fun' - Hillarious Geeky Pics and Videos from different parts of web.

TextSnip: Easily Share Formatted Text or Code with Others

Related posts