MakeUseOf Directory » code

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

Codepad: Quickly Check Your Code Online

abhijeet — Tue, 13 Oct 2009 22:50:16 +0000

Codepad is a neat service for developers and programmers which allows them to quickly check code online. It is a web based compiler which acts as a pastebin that can execute code and point out the mistakes in it.

The interface is quite simple. Select the programming language on the left, paste the code on the right and click on run code. It’ll execute it and create a short url for the result page which could be used to collaborate on the code with friends. If you want your code to be private, there’s an option for that too. Plus there there are many languages to select from including C, C++, PHP and Perl.

Features:

Web based code compiler and interpreter.
Simple to use, just select the language and paste the code to run it.
Get the url for the result page and test the code along with other developers.
Supports many popular programming languages such as C, PHP, Ruby, Python, C++ etc.
See more web apps to work with programming code here.

Check out Codepad@ www.codepad.org (By Abhijeet from Jeet Blog)

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

Codepad: Quickly Check Your Code Online

Related posts

QuickDiff: Compare Text & Code Online

abhijeet — Sun, 27 Sep 2009 02:35:17 +0000

Quick Diff is a simple but useful tool which lets you quickly compare two paragraphs of text or code and see where are the differences. While this tool is built primarily for developers so that they could easily compare lines of code, it can be used by just about anyone looking to find changes in text. You can compare text side-by-side or inline and also perform tasks like removing empty lines and excess white space.

Features

Quickly and easily compare code online.
Just copy, paste and hit compare.
Compare side-by-side or inline.
Also remove empty lines and extra white spaces from the text.
Similar tool: CompareMyFiles.

Check out Quick Diff @ www.quickdiff.com (via Download Squad) (By Abhijeet from Jeet Blog)

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

QuickDiff: Compare Text & Code Online

Related posts

CleanCSS: Optimize and Format CSS Online

srikanth — Wed, 23 Sep 2009 06:53:27 +0000

CleanCSS is a handy online application for quickly optimizing and formatting Cascading Style Sheets online. In other words it allows to make your CSS well organized and clean.

Using the site is easy, simply add CSS code directly or get it from URL, then select options according to your needs and apply them by hitting “Process CSS” button.

Here is the list of things you can do:

The output result can be obtained as a CSS file or viewed online as optimized and formatted CSS code along with the invalid properties and compression ratio.

CleanCSS is not the only application that lets you optimize and format CCS online, MakeUseOf reviewed a number of similar tools in the pass as well, including Style Neat, CSS Compressor and some more in 11 Tools to Check, Clean & Optimize CSS Files.

Check out CleanCSS @ www.cleancss.com (by Srikanth AD from Techonaut )

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

CleanCSS: Optimize and Format CSS Online

Related posts

ByteSizeMatters: Measure the Byte Size of Text in CSS or JavaScipt Code

kaly — Thu, 27 Aug 2009 16:45:43 +0000

ByteSizeMatters is a simple online application that is likely to come in very handy for web designers and developers. It can tell the size of CSS text code and JavaScript code in bytes/Kb/Mb (with or without the whitespaces) which is rather useful when working with CSS or JavaScript files. With the help of this tool designer can decide whether anything else can be added to the stylesheet or JavaScript file.

Moreover, the application also allows to enter multiple text spinets and easily compare their sizes.

Features:

Find out the byte size of text in CSS and Javascript files.
Measure the size with or without the whitespaces.
Takes into account line terminator differences across operating systems .
Free and simple to use.

Check out ByteSizeMatters @ www.bytesizematters.com

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

ByteSizeMatters: Measure the Byte Size of Text in CSS or JavaScipt Code

Related posts

WebEnabled: Web Development Platform for LAMP Developers

azim — Sun, 12 Jul 2009 03:30:14 +0000

WebEnabled is a web-based development platform for LAMP (Linux, Apache, MySQl and PHP) developers. It makes it easy to build applications on top of existing content management systems like Drupal, Wordpress, Joomla, Elgg and others, lets you collaborate on your project with others and share your code. It supports SSH/SCP/SFTP access, multiple application instances, custom domains and SVN hosting to manage app revisions.

You can easily deploy your code to your own server/notebook or to Amazon EC and duplicate your existing environment (code, database, configuration, access etc) so that you don’t have to start from scratch every time.

It has tiered plans starting from $10/month, depending on the bandwidth, storage and number of application instances. There are no contracts, set-up or termination fees. You can upgrade, downgrade and cancel at anytime.

The free plan comes with all the features of paid plans, includes 1 GB storage, 10 GB bandwidth and lets you run up to 3 application instances.

Features:

Web development platform for LAMP developers.
Easily build applications on top existing content management systems including Drupal, Wordpress, Joomla, Elgg and others.
Collaborate on your project with others and share your code.
Supports custom domains, SSH/SCP/SFTP access, SVN hosting and multiple application instances.
Make exact copies of your environment (code, database,configuration, access).
Paid plans start from $10/month, sign up for free plan to try it out.

Check out WebEnabled @ www.webenabled.com

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

WebEnabled: Web Development Platform for LAMP Developers

Related posts

Workspace: Managing Software Development Projects Online

azim — Mon, 25 May 2009 05:34:44 +0000

ActiveState Workspace offers an instant programming infrastructure for software developers. It is web-based and provides the basic tools for managing software development project that all developers need including version control, issue tracking, source code hosting and sharing, wikis and more, all integrated in one place for optimal workflow.

Instead of spending days installing and configuring your own environment, here you can immediately get started with a project by signing up online. You may also easily enable or disable features you need, based on your project requirements.

The basic account is free, which allows you to manage a single project. To manage multiple projects and enjoy all the features you have to sign up for paid monthly plans.

See demo video below:

Features:

Web-based infrastructure for managing software development projects
Major features include – project Management, issue tracking, source code control with Subversion, wiki, file sharing, message boards, project blog, developers API
Enable or disable features based on your project requirements
Sign up for free basic account, which allows to manage a single project
To manage multiple projects and enjoy all the features you have to sign up for paid monthly plans

Check out ActiveState Workspace @ http://workspace.activestate.com

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

Workspace: Managing Software Development Projects Online

Related posts

Ecoder: Browser Based Code Editor

srikanth — Thu, 07 May 2009 23:34:21 +0000

Ecoder is a browser based code editor which supports many features of a locally installed application, but requires no extra installed software as it runs online. The application includes a file browser, file uploader, tabbed system and enables you to edit multiple files at the same time. You can create new folders and upload files from your computer. It also provides you with keyboard shortcuts to easily navigate through the menu tree (home, add file, refresh etc) and editor options like find, replace, save, undo etc.

Additionally, it allows you to swap between ‘basic’ editor, which loads faster but has less options and the ‘deluxe’ editor which uses more resources. Ecoder browser based code editor works with most of the browsers which have JavaScript enabled.

Features:

Web based code editor.
Toggle on/off syntax highlighting.
Switch between basic and deluxe editors.
Keyboard shortcuts to easily navigate through the menu tree and editor options.
Edit multiple files at the same time.
Free and easy to use, no additional software installation required.
Similar tools: TextSnip, CodeFetch and CodePaste.

Check out ecoder @ www.ecoder.gmeditor.com (by Srikanth AD from Techonaut)

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

Ecoder: Browser Based Code Editor

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

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

CodePaste: An Easy Way to Share PHP, CSS,… Code with Others

kaly — Fri, 20 Jun 2008 13:28:14 +0000

CodePaste provides an easy and convenient way to send/share PHP, C++, Javascript, Java, CSS, Actionscript and HTML code with others. Copy and paste the code and enter the email where you want the CodePaste to send it. CodePaste then nicely formats the code (see screenshot below) and sends it over.

Features:

Type or paste in some code and easily forward it to any email address.
Supports PHP, C++, Javascript, Java, CSS, Actionscript, and HTML code.
Share the code with friends via custom link.
Optional : Switch between light or dark themes.
View code in full screen mode.
No sign-up or registration required.

Check out CodePaste @ http://paste.bradleygill.com

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

CodePaste: An Easy Way to Share PHP, CSS,… Code with Others

Related posts