background preloader

HTML5

Facebook Twitter

How To Install Node.js on an Ubuntu 14.04 server. Introduction Node.js is a Javascript platform for server-side programming that allows users to build network applications quickly.

How To Install Node.js on an Ubuntu 14.04 server

By leveraging Javascript on both the front-end and the back-end, development can be more consistent and be designed within the same system. In this guide, we'll show you how to get started with Node.js on an Ubuntu 14.04 server. How To Install the Distro-Stable Version. Working with HTML5 in Eclipse Juno. Since Helios release 2 of the Eclipse IDE for Java EE Developers added support for HTML5 development, many web developers have embraced Eclipse as their editor of choice.

Working with HTML5 in Eclipse Juno

In the Create an Static HTML5 Web Project in Eclipse article, we saw how to setup a static HTML5 Web project in Eclipse Juno. In today's follow-up, we'll be taking a look at how to use the auto-complete feature, the WYSIWYG (What You See Is What You Get) Editor, and even how to create our own HTML5 templates! In the last article, we created a new Static Web Project as well as an HTML5 page. Now it's time to add some content to our page.

Choose Your Editor Normally, when you double-click on an HTML file in the Project Explorer, it opens it using the text-based HTML Editor. However, if you right-click the HTML file instead, and select Open With from the popup menu, you'll see an item called the Web Page Editor. WebRTC. Getting Started with HTML5 Applications - NetBeans Tutorial. This document demonstrates how to create an HTML5 project in the IDE and some of the features in the IDE that support the use of JavaScript and CSS in your project.

Getting Started with HTML5 Applications - NetBeans Tutorial

In this document you will create a simple HTML5 application that uses a jQuery JavaScript library to modify a list in a web page. This document also demonstrates how to install the NetBeans Connector extension for the Chrome browser from the Chrome Web Store. DOMContentLoaded - Event reference. The DOMContentLoaded event is fired when the document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading (the load event can be used to detect a fully-loaded page).

DOMContentLoaded - Event reference

Note: Stylesheet loads block script execution, so if you have a <script> after a <link rel="stylesheet" ... >, the page will not finish parsing - and DOMContentLoaded will not fire - until the stylesheet is loaded. General info Specification Interface. On page load. This article is for XUL/JavaScript developers who want to have custom code executed each time a new page is loaded in browser/mail.

On page load

If you need finer control over custom code execution—for example, as documents are loading or when tabs are switched—see Progress Listeners. Progress listeners allow extensions to be notified of events associated with documents loading in the browser and with tab switching events. Progress listeners implement the nsIWebProgressListener interface. Creating an overlay First, you need to create an overlay to one (or more, depending on which applications you target) of the following XUL documents: Jumping the Hurdles with the Gamepad API. This article discusses APIs that are not yet fully standardized and still in flux.

Jumping the Hurdles with the Gamepad API

Be cautious when using experimental APIs in your own projects. Introduction Let the novices keep their keyboards for adventure games, their precious multi-touchy-feely fingertips for fruit cutting, and their fancy newfangled motion sensors for pretending they can dance like Michael Jackson. (Newsflash: They can't.) But you're different. But wait. That turned out to be pretty great timing, because we get a chance to use it recently in the Hurdles 2012 Google doodle. Using the HTML5 Gamepad API to Add Controller Support to Browser Games. Gamepad API tester. Gamepad. Abstract The Gamepad specification defines a low-level interface that represents gamepad devices.

Gamepad

Status of This Document This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at. Debugging JavaScript: Handling Runtime Exceptions / Page 2.

Debugging JavaScript: Handling Runtime Exceptions [con't] A variation of error swallowing is to display a generic error for anything that goes wrong: function parseString(str) { try { var result = functionA(str); result = functionB(result); result = functionC(result); } catch(e) { alert('An error occurred.

Debugging JavaScript: Handling Runtime Exceptions / Page 2

Sorry.'); } return result; } Now the problem is that the error is so generic as to be of no benefit for the client or developer. Use Error Types to Create More Meaningful Messages There are six core Error classes in JavaScript that extend the Error object. Custom Exceptions in JavaScript. Caja - Compiler for making third-party HTML, CSS and JavaScript safe for embedding. (This site is for programmers actively working on Caja, rather than using it for their own projects.)

caja - Compiler for making third-party HTML, CSS and JavaScript safe for embedding

The Caja Compiler is a tool for making third party HTML, CSS and JavaScript safe to embed in your website. It enables rich interaction between the embedding page and the embedded applications. Caja uses an object-capability security model to allow for a wide range of flexible security policies, so that your website can effectively control what embedded third party code can do with user data. Contacting us Discussions Our discussion group is the best place to contact us. Reporting Bugs & Security Issues Please report potential vulnerabilities using the private issue tracker, and bugs and feature requests via the public issue tracker. Contributing The Caja team includes people from a number of different companies and some private individuals. News. Cross-origin resource sharing. Cross-origin resource sharing (CORS) is a mechanism that allows restricted resources (e.g. fonts, JavaScript, etc.) on a web page to be requested from another domain outside the domain from which the resource originated.[1] A web page may freely embed images, stylesheets, scripts, iframes, videos and some plugin content (such as Adobe Flash) from any other domain.

Cross-origin resource sharing

However embedded web fonts and AJAX (XMLHttpRequest) requests have traditionally been limited to accessing the same domain as the parent web page (as per the same-origin security policy). "Cross-domain" AJAX requests are forbidden by default because of their ability to perform advanced requests (POST, PUT, DELETE and other types of HTTP requests, along with specifying custom HTTP headers) that introduce many security issues as described in cross-site scripting. How CORS works[edit] Is It Possible to Sandbox JavaScript Running In the Browser? Ajax - How to establish a TCP Socket connection from a web browser (client side)? Kanaka/websockify. Websocket - Differences between TCP sockets and web sockets, one more time. Introducing WebSockets: Bringing Sockets to the Web. The Problem: Low Latency Client-Server and Server-Client Connections The web has been largely built around the so-called request/response paradigm of HTTP.

A client loads up a web page and then nothing happens until the user clicks onto the next page. Around 2005, AJAX started to make the web feel more dynamic. Still, all HTTP communication was steered by the client, which required user interaction or periodic polling to load new data from the server. However, all of these work-arounds share one problem: They carry the overhead of HTTP, which doesn't make them well suited for low latency applications. Introducing WebSocket: Bringing Sockets to the Web. AngularJS: Introduction and Hello World example. AngularJS, a JavaScript framework developed by a Googler and supported by Google has become quite a buzz word in past few months. More and more developers are using it and thus the community has grown significantly. Not only they love it, but they can’t stop praising it :) The reason is very simple. jQWidgets - jQuery HTML5 UI Widgets framework.

Defining AngularJS Routing in an ASP.NET MVC application. Posting Data & AngularJS Custom Directives in an ASP.NET MVC application. In our previous article, Getting Started with AngularJS in ASP.NET MVC - Part 1 we explored AngularJS in a plain vanilla ASP.NET MVC Twitter application. The article talked about basic data binding and retrieving of data, and introduced AngularJS, walking through some core Angular features like Directives, Modules, Services and $Resource Provider. In this article, we will explore how to use AngularJS to Post Data and use AngularJS Custom Directives in an ASP.NET MVC application. 3rd and final part of this article - Defining AngularJS Routing in an ASP.NET MVC application This article is published from the DotNetCurry .NET Magazine – A Free High Quality Digital Magazine for .NET professionals published once every two months. Subscribe to this eMagazine for Free and get access to hundreds of free tutorials from experts Posting Data.

Getting Started with AngularJS in ASP.NET MVC - Part 1. Angular JS is (yet another) client side MVC framework in JavaScript that has caught the imagination of the web world in recent times. It was created by a group of developers at Google when they realized that their project (Feedback) had become too unwieldy and needed a cleanup. The three weeks effort at that cleanup lay seed to what is now known as AngularJS. Of course AngularJS was thrown open to community and since then has garnered a vibrant community and a boat load of features. Among things that make AngularJS popular is its focus on testability by having principles of Dependency Injection and Inversion of control built into the framework. React integration for ASP.NET MVC. Flux Application Architecture. Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow.

It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code. Flux applications have three major parts: the dispatcher, the stores, and the views (React components). These should not be confused with Model-View-Controller. Controllers do exist in a Flux application, but they are controller-views — views often found at the top of the hierarchy that retrieve data from the stores and pass this data down to their children. Welcome - Polymer. A JavaScript library for building user interfaces. CSS Paged Media Module Level 3. W3C Working Draft 14 March 2013 This version: Latest version: Previous version: Issue Tracking:

ASP.NET MVC 5 - A .NET Developer Primer for Single-Page Applications. A majority of Microsoft .NET Framework developers have spent most of their professional lives on the server side, coding with C# or Visual Basic .NET when building Web applications. Of course, JavaScript has been used for simple things such as modal windows, validation, AJAX calls and so on. However, JavaScript (client-side code for the most part) has been leveraged as a utility language, and applications were largely driven from the server side. Lately there’s been a huge trend of Web application code migrating from the server side to the client side (browser) to meet users’ expectations for fluid and responsive UX. With this being the case, a lot of .NET developers (especially in the enterprise) are dealing with an extreme amount of anxiety about JavaScript best practices, architecture, unit testing, maintainability and the recent explosion of different kinds of JavaScript libraries.

ASP .NET

ASP.NET MVC 5 - A .NET Developer Primer for Single-Page Applications. AngularJS on top of ASP.NET: Moving the MVC framework out to the browser – Simple-Talk. Heavily drawing inspiration from Ruby on Rails, MVC4’s convention over configuration model of development soon became the Holy Grail of .NET web development. The MVC model brought with it the goodness of proper separation of concerns between business logic, data, and the presentation logic. Using AngularJS and TypeScript to Build Single Page Applications (SPA) If you are a web developer active on the social media and have read about the latest web trends, then you don’t need an introduction to AngularJS.

It is currently one of the hottest JavaScript frameworks for building Single Page Applications (SPA). AngularJS started catching the attention of many developers around the world because of its strong emphasis on code quality and testing and the ease with which one can get started with it and quickly build single page applications. Getting Started with AngularJS in ASP.NET MVC - Part 1. Building a Single Page Application with ASP.NET and AngularJS. Building a Single Page Application with ASP.NET and AngularJS.

Hello world, with Knockout JS and ASP.NET MVC 4! - Amar's blog. Using AngularJS in an ASP.Net Application. Angularjs Tutorial for Beginners - learn Angular.js using UI-Router. ASP.NET MVC 5 - A .NET Developer Primer for Single-Page Applications.

HTML 5 Video

HTML5 Semantic Elements. JSON.stringify() The JSON.stringify() method converts a JavaScript value to a JSON string, optionally replacing values if a replacer function is specified, or optionally including only the specified properties if a replacer array is specified. Syntax.