background preloader

Javascript

Facebook Twitter

SLIDER REVOLUTION - The Responsive Slider jQuery Plugin. Javascript. Need reasons to love Bootstrap?

Javascript

Look no further. By nerds, for nerds. Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!) Better Javascript Obfuscating Method To Protect Your Code. Online JavaScript beautifier. Protect your JavaScript. 20 Free jQuery Carousel Plugins. 20 Free jQuery Carousel Plugins Details Category: Webdev Hits: 2773 jQuery carousel is an scrolling list of items in horizontal to creating carousel-like slideshows that will giving your readers easy access to several content items using arrow indicators or simply view the showcase in auto-play.

20 Free jQuery Carousel Plugins

There are available many free jQuery Carousel plugins. bxSlider - jQuery HTML Content Slider The bxSlider is one of best jQuery HTML content slider carousels available online today. CarouFredSel – Flexible and Powerful jQuery Carousel Plugin jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. {ads2} Circular Content Carousel with jQuery Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Cloud Carousel – a 3D Carousel in Javascript The carousel features realistic perspective. Create.js - Create.js Integration Guide. The Midgard.midgardCreate widget is what ties everything together in the Create.js user interface.

Create.js - Create.js Integration Guide

Starting Create: You can pass Create configuration options when calling the midgardCreate widget. Learn CreateJS by Building an HTML5 Pong Game. The web moves fast - so fast that our original EaselJS tutorial is already out of date!

Learn CreateJS by Building an HTML5 Pong Game

In this tutorial, you'll learn how to use the newest CreateJS suite by creating a simple Pong clone. Final Result Preview Let's take a look at the final result we will be working towards: Click to play This tutorial is based on Carlos Yanez's Create a Pong Game in HTML5 With EaselJS, which in turn built on his Getting Started With EaselJS guide. Step 1: Create index.html This will be our main index.html file: As you can see, it’s pretty short and consists mainly of loading the CreateJS libraries.

Since the release of CreateJS (which basically bundles all the separate EaselJS libraries) we no longer have to download the JS files and host them on our website; the files are now placed in a CDN (Content Delivery Network) which allows us to load these files remotely as quickly as possible. HTML5 Platformer: the complete port of the XNA game to <canvas> with EaselJS - David Rousset - sharing about HTML5, Windows 8 & Gaming. After a couple of hours coding with JavaScript, I’ve finally finished porting the XNA 4.0 Platformer game sample to HTML5/Canvas with the help of the EaselJS gaming framework.

HTML5 Platformer: the complete port of the XNA game to <canvas> with EaselJS - David Rousset - sharing about HTML5, Windows 8 & Gaming

This article will provide you the game and the story of some of the questions I’ve asked myself while coding it. If you’d like to know how the game works, simply read the JavaScript commented code available at the end of this article. Please note that my main goal was to better learn JavaScript by writing pure JS code (with no form of dependency to the DOM) and to write a cross-browsers working game and cross HTML5 compatible devices when possible also.

You can play the game directly inside this iframe (left & right arrows keys to move & W to jump). Just press the “Start” button to launch the download sequence and the game itself. Or you can play with it in a separate window through this link: HTML5 Platformer I’ve also already written 2 articles covering the basics of the logic behind this game here: HTML5 Gaming: animating sprites in Canvas with EaselJS - David Rousset - sharing about HTML5, Windows 8 & Gaming. When you want to write casual games using the HTML5 Canvas element, you’ll need to find a way to handle your sprites.

HTML5 Gaming: animating sprites in Canvas with EaselJS - David Rousset - sharing about HTML5, Windows 8 & Gaming

There are several libraries available to help you writing games such as ImpactJS, CraftyJS and so on. On my side, I’ve decided to use EaselJS which has been used to write PiratesLoveDaisies: an HTML5 Tower Defense game as well as for the very cool Atari Arcade suite. This awesome library works in all modern HTML5 browsers and could even help you building a Windows 8 HTML5 games. For instance, if you’re running the Windows 8, you can install the Pirates Love Daisies game from the Windows Store here: Pirates Love Daisies for Windows 8 In this first article, we’re going to see how to use your existing sprite elements and animate them. HTML5 Canvas Tutorials. A Javascript library that makes working with the HTML5 Canvas element easy. Recent Updates Follow @CreateJS November 2014 Updates in preparation for next release (coming soon).New class model, with big performance increases October 2014 Lots of bug fixes and pull requests.New 'Extras' folder in GitHub with useful tools and classes July 2014 Major overhaul of Graphics to include a useful command pattern, and a big performance increase.Added Graphics.store() / unstore() The Story.

Jussi-kalliokoski/html5Preloader.js. Paul Hayes.