MakeUseOf Directory » programming

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

CSS-Sprit.es: Create CSS Sprites (no coding needed)

chinmoy — Sun, 06 Sep 2009 01:41:58 +0000

CSS-Sprit.es is an online tool to help web designers and developers deal with CSS Sprites duty. It lets you quickly and easily generate image sprites (a graphics component with a predefined action, as a part of a larger component) for your website with little or even no knowledge of CSS.

As an additional feature it can also produce rollovers with various effects (Desaturation, Sepia, Embossing, Flipping Horizontally/Vertically, Inverting) and give your website that missing look. The application makes use of HTML 5 features and generates valid CSS.

Using the site is really easy, simply chose your files, then optionally select rollover effect from drop-down list and click on “Create CSS Hover” button. This will generate a preview containing the original image and the transition image as seen in the image below. If you liked the results you can grab the corresponding CSS and HTML code.

Features:

Create CSS sprites online.
Optionally apply automatic rollovers with various effects like desaturation, image flipping or sepia… .
Allowed image types : png, gif, jpeg and each file should not be greater than 5mb in size.
Multi upload and batch processing supported.
Lets you preview applied effect.
The generated CSS are compatible with Mozilla, Chrome, Safari, Opera and IE > 6.0.
Free and no registration.
Also see 11 Useful Tools To Check, Clean & Optimize Your CSS File.

Try out CSS-Sprite @ www.css-sprit.es (by Chinmoy from Techarraz.com)

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

CSS-Sprit.es: Create CSS Sprites (no coding needed)

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

PHPAnywhere: Online PHP Editor

azim — Tue, 25 Aug 2009 11:23:32 +0000

PHPAnywhere is a free online PHP editor based on Integrated Development Environment (IDE). It allows web developers to code and edit their web applications (written in PHP) from anywhere online and right inside their browser. The application includes a real-time syntax code editor and built-in FTP client that supports all web formats.

To get started and begin managing PHP and other files user first needs to add an FTP server(s). Built-in FTP explorer lets users edit/delete remote files, modify folder permissions and perform other FTP functions.

Features:

Code and edit PHP files from browser. No need to install anything.
Real time code syntax highlighting.
Add multiple FTP servers.
Manage remote files using built-in FTP client (change file and folder permissions, edit/delete files etc).
Different skins to change the look of the application.
Real-time code collaboration is coming soon.
Free, sign up to get started.

Check out PHPAnywhere @ www.phpanywhere.net

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

PHPAnywhere: Online PHP Editor

Related posts

LiveTechDocs: Technical document review & collaboration tool

abhijeet — Tue, 28 Jul 2009 02:59:20 +0000

If you are a technical writer then you would know that collaborating on technical documents and reviewing them isn’t always easy. Different writers might use different document formats (like HTML, PDF) to write code and hence it becomes cumbersome for the reviewer to deal with such different formats. LiveTechDocs is an online document collaboration service based on XML which aims to solve this problem.

Writers can upload the documents to this service and publish them in XML format. Then they can collaborate easily and also reviewers would find it easy to review the documents. There are lots of features for both writers and reviewers which further add value to the service.

Features:

XML based online technical documents collaboration service.
Free while in beta.
Track comments and reviews on documents.
Share new document versions in one click.
Get progress reports quickly.

Check out LiveTechDocs @ www.livetechdocs.com (via WWD) (by Abhijeet from Jeet Blog)

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

LiveTechDocs: Technical document review & collaboration tool

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

CSS Redundancy Checker

kaly — Tue, 23 Jun 2009 07:11:48 +0000

If you often work with CSS you probably know that there is always a chance that your CSS document might have unused (redundant) selectors in your stylesheet. It’s a daunting task trying to find these selectors manually. This is where CSS Redundancy Checker can help. It is an online app that can scan your stylesheet and find CSS selectors that aren’t used by any of your HTML files.

Works easy, simply enter your stylesheet URL and associated HTML pages, and click on the “Check” button. The application will scan that stylesheet and show you redundant CSS selectors that are not present on listed HTML pages. Since these selectors are not used anywhere, you can remove them without causing any problems.

Keep in mind that the app does not understand javascript and may therefore tell you that certain selectors are redundant simply because they don’t appear in your javascript manipulated HTML.

Features:

Helps you clean and optimize css files.
Check as many CSS files as you want.
Does not work with javascript manipulated HTML.
Free and no sign up.
Also see 11 Useful Tools To Check, Clean & Optimize Your CSS File.

Check out CSS Redundancy Checker @ www.services.immike.net/css-checker

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

CSS Redundancy Checker

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

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

StyleNeat: Organize CSS Code Online

kaly — Sat, 28 Mar 2009 21:26:16 +0000

StyleNeat is a simple online CSS organizer that lets you quickly organize CSS code selectors and sub-selectors into a clean, well-formatted code which is easier to define and read.

There are few additional custom options such as entering CSS directly or importing it as a file from your computer, sorting CSS properties and selectors alphabetically, switching between multi-line and single-line formatting.

Features:

Organize css files online.
Input CSS directly or import file from your computer.
Option to sort properties and selectors alphabetically.
Switch between multi-line and single line formatting.
Download organized CSS onto your computer.
No signup needed.
More cool CSS tools in 11 Useful Tools To Check, Clean & Optimize Your CSS File.

Check out StyleNeat @ www.styleneat.com

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

StyleNeat: Organize CSS Code Online

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

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

RefactorMyCode – Get Coding Tips

Aibek — Mon, 08 Oct 2007 20:02:02 +0000

RefactorMyCode is a unique service where you can ask coder community to fix or improve your piece code. Excellent idea.

Feature Overview

Post short code excerpts and get help from others.
Browse posted codes by popularity, by user-contributed refactorings, by top members and by category (Ruby. PHP, JavaScript, Java, C, Pythins, Perl, etc.)

Example: (PHP: Copyright Year)

Before

After

Check out RefactorMyCode @ www.refactormycode.com

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

RefactorMyCode – Get Coding Tips

Related posts