background preloader

The cross-browser WebSocket for realtime apps.

The cross-browser WebSocket for realtime apps.
What is Socket.IO? Socket.IO aims to make realtime apps possible in every browser and mobile device, blurring the differences between the different transport mechanisms. It's care-free realtime 100% in JavaScript. Server Client How to use Installing npm install Using with Node HTTP server For this example, simply run `npm install` Server (app.js) Client (index.html) Using with the Express 3 web framework Express 3 requires that you instantiate a `http.Server` to attach to first: Using with the Express web framework You can serve normal pages and AJAX requests with Express, and attach your server For this example, simply run `npm install express` Sending and receiving events. Socket.IO allows you to emit and receive custom events. Storing data associated to a client Sometimes it's necessary to store data associated with a client that's necessary for the duration of the session. Restricting yourself to a namespace. Sending volatile messages. Desktop Mobile

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development What Is It? Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles: Native Fullscreen JavaScript API (plus jQuery plugin) HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true FullScreen like Flash. Thankfully, this is changing and native FullScreen support is coming to most browsers in the next few months (no word from the Internet Explorer team Update on IE below #5)) The API is still heavily in flux especially since the W3C joined in this week. I spent some time working through the differences to implement FullScreen in MediaElement.js HTML5 video player, and it’s working great in Safari 5.1+, Chrome Canary Chrome 15+, or Firefox Nightly (go to about:config and set full-screen-api.enabled= true) and scheduled for Firefox 10. Below I’m going to try to explain how things evolved, where we are today, and then some code that you can play with.

10 Node.js Modules You May Not Know About As Node.js continues to rise in popularity and the number of modules on npm rapidly increase it becomes harder and harder to keep up with the useful and unique modules. So in order to make it a little easier I've compiled a list of some of the great Modules you might not know about. 1. JNetCAD JNetCAD ... ... the Java-Application for viewing and converting CAD data. JNetCAD is a simple Java GUI for importing and exporting several CAD formats. Each im- and export module exists as JAR library and can be used separately in other projects. JNetCAD uses jRealiy for the visualization.

Session-based Authorization with Socket.IO HEADS UP! This article was written for an older version of node. More up-to-date information may be available elsewhere. Finding a decent article about session based authorization in is more difficult than one expected. jquery-tubular - a jQuery plugin for full-size YouTube video backgrounds demo: Usage is straightforward and requires JavaScript on the client's browser to work. Tubular is a jQuery plugin and therefore relies on jQuery. You will need to know the YouTube ID of the video you want to use as well as the container DIV of your web page. Please note, tubular must be deployed on a web server to function.

NodeJS by Example I prefer not to write blog post showing coding samples. They tend to go stale and lose relevance quickly. Instead, I publish sample apps to GitHub with pretty damn good documentation. Vector Map of Canada with Provinces Map of Canada with Provinces is a fully layered, editable vector map file. All maps come in AI, EPS, PDF, PNG and JPG file formats. Creative Commons Attribution License: Please provide the following note and link on your website or design: "Map of Canada with Provinces by" Learn more Purchased maps can be used in an unlimited number of projects and do not require attribution.

IcoMoon IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites.

MOE 365 - The MOE Pit The MOE pit cart is used to provide an organized way to transport and store tools and spare parts. MOE had been asked by first teams to see nonexistent blueprints of the pit. Will Hopkins, a past MOE student, learned how to create assemblies in Autodesk Inventor, and assembled the pit cart as his senior project. We hope you will be able to use this tool to help manage and organize the 10'x10' Competition pit. Design and Optimization of a Pit Cart Using 3D CAD Software

10 Cool jQuery Developed Games It’s time to have fun! So we’ve listed a collection of 10 cool jQuery based games. So minimize your IDE, check the boss is not looking and burst into some gaming courtesy of jQuery4u. YouTube Player API Reference for <iframe> Embeds - YouTube The IFrame player API lets you embed a YouTube video player on your website and control the player using JavaScript. Unlike the Flash and JavaScript player APIs, which both involve embedding a Flash object on your web page, the IFrame API posts content to an <iframe> tag on your page. This approach provides more flexibility than the previously available APIs since it allows YouTube to serve an HTML5 player rather than a Flash player for mobile devices that do not support Flash. Using the API's JavaScript functions, you can queue videos for playback; play, pause, or stop those videos; adjust the player volume; or retrieve information about the video being played. You can also add event listeners that will execute in response to certain player events, such as a player state change or a video playback quality change. This guide explains how to use the IFrame API.