JSFiddle

Last updated
JSFiddle
Jsfiddle-logo.png
Available inEnglish
Founder(s) Oskar Krawczyk, Piotr Zalewa
URL jsfiddle.net
CommercialNo
RegistrationOptional
Launched2010;12 years ago (2010)

JSFiddle is an online IDE service and online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets, known as 'fiddles'. It allows for simulated AJAX calls. In 2019, JSFiddle was ranked the second most popular online IDE by the PopularitY of Programming Language (PYPL) index based on the number of times it was searched, directly behind Cloud9 IDE, worldwide [1] and in the USA. [2]

Contents

Concept

JSFiddle is an online IDE which is designed to allow users to edit and run HTML, JavaScript, and CSS code on a single page. [3] Its interface is minimalist and split into four main frames, which correspond to editable HTML, JavaScript and CSS fields and a result field which displays the user's project after it is run. [3] Since early on, JSFiddle adopted smart source-code editor with programming features.

As of 2020, JSFiddle uses CodeMirror to support its editable fields, providing multicursors, syntax highlighting, syntax verification (linter), brace matching, auto indentation, autocompletion, code/text folding, Search and Replace to assist web developers in their actions. [4] On the left, a sidebar allows users to integrate external resources such as external CSS stylesheets and external JavaScript libraries. The most popular JavaScript frameworks and CSS frameworks are suggested to users and available via a click.

JSFiddle allows users to publicly save their code an uncapped number of times for free. [3] Each version is saved online at the application's website with an incremental numbered suffix.[ citation needed ] This allows users to re-access their saved code. [3] Code saved on JSFiddle may also be edited into new versions, shared with other parties, and forked into a new line. [3]

JSFiddle is widely used among web developers to share simple tests and demonstrations. JSFiddle is also widely used on Stack Overflow, the dominant question-answer online forum for the web industry.

History

In 2009, JSFiddle's predecessor, MooShell, was created by Piotr Zalewa as a website application which was exclusive to the MooTools community. [5] In 2010, Oskar Krawczyk joined the project as a developer, and the platform was made freely available under the name of JSFiddle. [5]

In 2016, JSFiddle underwent a full platform overhaul and became ad-sponsored. [5] In 2017, Michał Laskowski and Andrzej Kała joined the company.[ citation needed ]

Related Research Articles

In computing, cross-platform software is computer software that is designed to work in several computing platforms. Some cross-platform software requires a separate build for each platform, but some can be directly run on any platform without special preparation, being written in an interpreted language or compiled to portable bytecode for which the interpreters or run-time packages are common or standard components of all supported platforms.

NetBeans Integrated development environment software for software development

NetBeans is an integrated development environment (IDE) for Java. NetBeans allows applications to be developed from a set of modular software components called modules. NetBeans runs on Windows, macOS, Linux and Solaris. In addition to Java development, it has extensions for other languages like PHP, C, C++, HTML5, and JavaScript. Applications based on NetBeans, including the NetBeans IDE, can be extended by third party developers.

Adobe Dreamweaver Proprietary web development software

Adobe Dreamweaver is a proprietary web development tool from Adobe Inc. It was created by Macromedia in 1997 and developed by them until Macromedia was acquired by Adobe Systems in 2005.

jEdit Cross platform text editor

jEdit is a free software text editor available under GPL-2.0-or-later. It is written in Java and runs on any operating system with Java support, including BSD, Linux, macOS and Windows.

This is a comparison of widget engines. This article is not about widget toolkits that are used in computer programming to build graphical user interfaces.

Google Web Toolkit Free Java library

Google Web Toolkit, or GWT Web Toolkit, is an open-source set of tools that allows web developers to create and maintain JavaScript front-end applications in Java. It is licensed under the Apache License 2.0.

Aptana Text editor

Aptana, Inc. is a company that makes web application development tools for use with a variety of programming languages. Aptana's main products include Aptana Studio, Aptana Cloud and Aptana Jaxer.

YUI Library

The Yahoo! User Interface Library (YUI) is a discontinued open-source JavaScript library for building richly interactive web applications using techniques such as Ajax, DHTML, and DOM scripting. YUI includes several core CSS resources. It is available under a BSD License. Development on YUI began in 2005 and Yahoo! properties such as My Yahoo! and the Yahoo! front page began using YUI in the summer of that year. YUI was released for public use in February 2006. It was actively developed by a core team of Yahoo! engineers.

Adobe AIR Cross-platform runtime system for building rich web applications

Adobe AIR is a cross-platform runtime system currently developed by Harman International, in collaboration with Adobe Inc., for building desktop applications and mobile applications, programmed using Adobe Animate, ActionScript, and optionally Apache Flex. It was originally released in 2008. The runtime supports installable applications on Windows, macOS, and mobile operating systems, including Android, iOS, and BlackBerry Tablet OS.

MooTools is a lightweight, object-oriented JavaScript framework. It is released under the free, open-source MIT License.

Morfik Technology Pty Ltd. is an Australian software company that was acquired by Altium in 2010.

Firebug (software) Web development add-on for Firefox

Firebug was a discontinued free and open-source web browser extension for Mozilla Firefox that facilitated the live debugging, editing, and monitoring of any website's CSS, HTML, DOM, XHR, and JavaScript. It is now inbuilt in Firefox.

Servoy is a development and deployment platform for enterprise applications, written itself in Java, and which uses JavaScript as its scripting language. It can adopt the native look and feel of any platform or the web, using HTML5 and CSS code. Servoy was created from the start to make enterprise business application development easy. It has introduced many innovations for that purpose: the use of JavaScript instead of Java, a comprehensive development framework with building blocks that are added through drag and drop, a web client, etc.


The Wing Python IDE family of integrated development environments (IDEs) from Wingware was created specifically for the Python programming language, with support for editing, testing, debugging, inspecting/browsing, and error checking Python code.

CSS HTML Validator

CSS HTML Validator is an HTML editor and CSS editor for Windows that helps web developers create syntactically correct and accessible HTML, XHTML, and CSS documents by locating errors, potential problems, and common mistakes. It is also able to check links, suggest improvements, alert developers to deprecated, obsolete, or proprietary tags, attributes, and CSS properties, and find issues that can affect search engine optimization.

Lively Kernel Open-source web programming environment

The Lively Kernel is an open-source web programming environment. It supports desktop-style applications with rich graphics and direct manipulation abilities, but without the installation or upgrade troubles of conventional desktop applications. Development began at Sun Microsystems Laboratories in Menlo Park, California, and later moved to the Hasso Plattner Institute in Potsdam-Babelsberg near Berlin.

PhpStorm Integrated development environment for PHP

PhpStorm is a proprietary, cross-platform IDE for PHP, built by the Czech Republic-based company JetBrains.

Sencha Touch JavaScript framework

Sencha Touch is a user interface (UI) JavaScript library, or web framework, specifically built for the Mobile Web. It can be used by Web developers to develop user interfaces for mobile web applications that look and feel like native applications on supported mobile devices. It is based on web standards such as HTML5, CSS3 and JavaScript. The goal of Sencha Touch is to facilitate quick and easy development of HTML5 based mobile apps which run on Android, iOS, Windows, Tizen and BlackBerry devices, simultaneously allowing a native look and feel to the apps.

Brackets (text editor) Editor for Web development

Brackets is a source code editor with a primary focus on web development. Created by Adobe Inc., it is free and open-source software licensed under the MIT License, and is currently maintained on GitHub by open-source developers. It is written in JavaScript, HTML and CSS. Brackets is cross-platform, available for macOS, Windows, and most Linux distributions. The main purpose of Brackets is its live HTML, CSS and JavaScript editing functionality.

References

  1. Top ODE Index
  2. Explore - Google Trends
  3. 1 2 3 4 5 Sharapov, Andrej (June 2, 2018). "What is JSFiddle? Guide". Medium . Retrieved July 21, 2020.
  4. "CodeMirror".
  5. 1 2 3 About JSFiddle