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. Here is a list of some more APIs. PlaceKitten A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. To display this image just use the following URL Placekitten Placedog If your more of a dog person then you can use the API placedog, it works the same way just pass in the parameters to the image and it will display an image of dogs for your application. Placedog Bacon Mockup A simple way to use pictures of tasty meat as placeholders in your design. Bacon Mockup Lorempixel Lorempixel Placehold.it Placehold.it Fake Images Please? Fake Images Please Dummy Image Dummy Image Place Ape Place Ape Place Skulls Place Skull Placebear Placebear hhhhold hhhhold PixelHoldr PixelHoldr
GitHub - termi/es6-transpiler: Tomorrow's JavaScript syntax today Online JavaScript beautifier The Super Surrogates of JavaScript – JavaScript Non Grata – Medium There are at least two important things we know for certain about the popular programming language JavaScript: JavaScript is the native language in web browsers. Thus, we cannot escape from using it in web development.JavaScript has a great many “warts” and semantical inconsistencies, much more so than in other programming languages. It’s not only slightly worse than other languages; it is substantively much worse. That being said, there is absolutely no solid rationale to directly program in JavaScript. Here are several examples of transpiled languages and their best representative web applications… Amber (Smalltalk) Smalltalk is a pure object-oriented programming (OOP) language that has an impossibly clean and simple syntax. Brython (Python) ClojureScript (Clojure) Clojure is a dialect of Lisp (commonly regarded as the grandfather of functional programming, or FP, languages) that runs atop the JVM. Dart GopherJS (Go) GWT (Java) Haxe Scala.js (Scala)
spy-js: tracing, profiling, debugging javascript Brython Building vorlon.JS with the help of the developer community and what’s next | Microsoft Edge Dev Blog 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. It takes a village – in this case, it was a team of passionate evangelists, engineers, and &yet open source developers building together: It’s also great to see some of the community responses like this: Vorlonjs looks dope.
ligershark/side-waffle 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. Looking to conditionally load these scripts (client-side), based on feature detects? svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas FlashCanvas by Shinya Muramatsu Reported to have 33x better performance than excanvasexcanvas by Google, Erik Arvidssonslcanvas project (Original Silverlight bridge)canvas-textOnly necessary for canvastext in IE, reallyfxCanvasKinetic.js by Eric Drowell Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions Sectioning Elements Video VTT: Video Timed Track (subtitles) Audio Audio Data API Ruby
Initializr - Start an HTML5 Boilerplate project in 15 seconds! Visual IDE in the Cloud - App development for Mobile and Desktop with Application Craft 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. (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) Known problems and limitations : External ressources : This article is translated to Serbo-Croatian language by Jovana Milutinovich.
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. Metaprogramming rocks :). This experiment is by Philip Roberts. Discussion This is a first attempt at instrumenting a JavaScript application. Instrumenting is performed by recursively iterating over the application's namespace to build the graph, and decorating any functions to trigger events when they are called. Currently the graph shows the Object heirarchy, rather than the prototype hierarchy or all the instantiations of the object, and function nodes on the graph will be triggered when any instantiation of that object calls the function. The code
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. A JavaScript optimizer The Closure Compiler compiles JavaScript into compact, high-performance code. A comprehensive JavaScript library The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. The Closure Library is server-agnostic, and is intended for use with the Closure Compiler. An easy templating system for both Java & JavaScript