Vorlon.JS. Building vorlon.JS with the help of the developer community and what’s next. Recently at //BUILD/ 2015 and in the Microsoft Edge Web Platform Summit, we have talked about how our focus on bringing our teams and the technologies behind our web platform closer to the broader community of developers.
We’ve made it a priority to contribute to open source projects that improve web interoperability and help developers spend less time testing across browsers and devices. One such project we recently announced is vorlon.JS – an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. vorlon.JS itself is a small web server you can run from your local machine or install on a server for your team to access, which serves the vorlon.JS dashboard (your command center) and communicates with remote devices.
Installing the vorlon.JS client in your web site or app is as easy as adding a single script tag. It’s also great to see some of the community responses like this: Google/traceur-compiler. Jumpstart Your jQuery Plugin Development. CSS Lint. Image Placeholder APIs. In a previous article I discovered fake images please which allowed you to put image placeholders on your webpage by using an image placeholder API.
I had a number of comments about this post from other people sending links to other image placeholder APIs. Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar. Fake images please? Fake images please? Online JavaScript beautifier. Spy-js: tracing, profiling, debugging javascript. Right Click Menu [context] Take Charge of Your Releases With Go ThoughtWorks Studios. LunaPic Online Photo Editor. Ligershark/side-waffle. Initializr - Start an HTML5 Boilerplate project in 15 seconds!
Modernizr the feature detection library for HTML5-CSS3. HTML5 Cross Browser Polyfills · Modernizr-Modernizr Wiki. The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them.
The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. JSHint, a JavaScript Code Quality Tool. Plunker. Edit this Fiddle. My DebugBar IETester - Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10. IETester is free.To support the projectyou can make a donation : or you can translate it.
IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE11, IE10, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 8 desktop, Windows 7, Vista and XP, as well as the installed IE in the same process. This is an alpha release, so feel free to post comments/bugs on the IETester forum. Requirement : Windows 8 desktop, Windows 7, Windows Vista or Windows XP with IE7 minimum (Windows XP/IE6 config has some problems and IE8 instance do not work under XP without IE7) Note for IE10 : IE10 is not available on IETester if it is not the default IE version installed on the system.
So IE10 is only available on Windows 8 machines. (IETester v0.5.4 zipped installer for people unable to download .exe files due to proxy limitations)(You can download previous versions from the ChangeLog page) Visual IDE in the Cloud - App development for Mobile and Desktop with Application Craft. Home - Chai. JavaScript UI Kit. Installation The global Gumby object is where all the magic happens.
It is defined in js/libs/gumby.js and is required by all UI modules (except jQuery plugins ). The UI modules are stored as separate files in js/libs/ui and should be included after gumby.js at the bottom of your page. The final include should be gumby.init.js which takes care of initializing the modules included above, as well as calling AMD's define function. Jasmine: Behavior-Driven JavaScript. Meteor on Windows. SyntaxHighlighter - Feature Demo. <title>SyntaxHighlighter Demo Page - <?
= htmlspecialchars($title) ? ></title> ** Multiline block comments $stringWithOutUrl = 'hello world'; ob_start("parseOutputBuffer"); // Start Code Buffering session_start(); function parseOutputBuffer($buf) { Leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. In JavaScript you cannot have "memory leaks" in the traditional sense, but you can have objects which are unintentionally kept alive and which in turn keep alive other objects, e.g., large parts of DOM.
Leak Finder for JavaScript works against the Developer tools remote inspecting protocol of Chrome, retrieves heap snapshots, and detects objects which are "memory leaks" according to a given leak definition. The default configuration of the tool detects goog.Disposable objects which were not dispose()d. goog.EventTarget is a subclass of goog.Disposable, and if an EventTarget is not disposed, event listeners are not discarded properly, and event listeners in turn keep DOM objects alive. It's possible to configure the tool to detect other similar misuses. Resources: Getting the code: Chutzpah - A JavaScript Test Runner - Download: Chutzpah 2.4.2.
Closure Tools. The Closure Tools project is an effort by Google engineers to open source the tools used in many of Google's sites and web applications for use by the wider Web development community.
Web applications have evolved from simple HTML pages into rich, interactive applications that provide a great user experience. Today's web apps pose a challenge for developers, however: how do you create and maintain efficient JavaScript code that downloads quickly and works across different browsers? The Closure tools help developers to build rich web applications with web development tools that are both powerful and efficient. The Closure tools include: JsPerf: JavaScript performance playground. Violin: Visualizing JavaScript. This is an experiment in instrumenting JavaScript applications.
On the right is the Object and Function graph for a simple Backbone app. The app's code has been instrumented to draw and animate the graph as the JavaScript runs without having to modify the app's original code at all (by hand anyway). Hit the button to start the backbone app and interact with it. The Fastest Mobile Prototyping - Codiqa.