background preloader

Superhero.js

Superhero.js

http://superherojs.com/

Related:  JS - jQueryJSUtileProgramaciónJavascript style and stucture

Sidr - A jQuery plugin for creating side menus You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get started

Tutorial: Tour of Heroes - ts - TUTORIAL Our grand plan for this tutorial is to build an app to help a staffing agency manage its stable of heroes. Even heroes need to find work. Of course we'll only make a little progress in this tutorial. Human JavaScript The single biggest challenge you'll have when building complex clientside applications is keeping your codebase from becoming a garbled pile of mess. If it's a long-running project that you plan on maintaining and changing over time, it's even harder. Features come and go. You'll experiment with something, only to find it's not the right call and leave traces of old code sprinkled throughout. I absolutely despise messy code. It's hard to read, hard to maintain, hard to collaborate on, and it's just plain ugly to look at.

How to Create High-Performance Code 16 milliseconds is not a lot of time. Try eating a hotdog that fast – though I swear I’ve seen our dog go through a beef sausage in under 100 milliseconds. If you want your game to run at 60 frames per second, 16 milliseconds is all you have to get everything done: moving bullets around, creating new entities, drawing sprites, checking collisions, tracking and changing states, handling input and playing sound. Whatever happens regularly in the main game cycle needs to operate as efficiently as possible.

jQuery Version and Plugin Usage Report BuiltWith.com downloaded the top million sites to determine the version usage of jQuery and jQuery plugins. The report details the most popular jQuery versions and plugins in use on the web today. Introduction jQuery is the most popular javascript library in use on the web today. Its growth has increased on a monthly basis since 2008 based on our tracking. Hack Your Maps Web maps have come a long way. Improved data, cleaner design, better performance, and more intuitive controls have made web maps a ubiquitous and critical component of many apps. They’ve also become one of the mobile space’s most successful transplants as more and more apps are powered by location-aware devices. The core web map UI paradigm itself—a continuous, pannable, zoomable surface—has even spread beyond mapping to interfaces everywhere. Article Continues Below Despite all this, we’ve barely begun to work web maps into our design practice.

12 Books Every JavaScript Developer Should Read – JavaScript Scene – Medium I’m a big fan of JavaScript books. Being a long-time learner of JavaScript, I’ve had the pleasure of reading a great many of the popular JavaScript books on the market. These days I tend to skip the ones targeted to rank newbies, but I still read a lot of books intended for JavaScript developers with a little experience. This is a strange time for JavaScript books. Maximum Image Size in Safari Mobile { William Malone } by William Malone IOS enforces a maximum image size in Safari Mobile. In most cases it's much larger than what would be used on a webpage.

Bryntum Overview Siesta is a JavaScript unit testing tool that can help you test any JavaScript code and also perform testing of the DOM and simulate user interactions. The tool can be used together with any type of JavaScript codebase – jQuery, Ext JS, NodeJS, Dojo, YUI etc. Using the API, you can choose from many types of assertions ranging from simple logical JS object comparisons to verifying that an HTML element is visible in the DOM. How to Create a Responsive Image Slider in jQuery and CSS3 Topic: jQuery (flexslider) / CSS3Difficulty: IntermediateEstimated Completion Time: 30 mins Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3.

AngularJS: More on Dependency Injection In the AngularJS tutorials I’ve been writing, you might have noticed the use of dependency injection. In this article I’m going to explain how dependency injection works, and how it relates to the small tutorial project we’ve created. Dependency injection is a software design pattern. The motivation for using it in Angular is to make it easier to transparently load mocked objects in tests. The $http module is a great example of this: when writing tests you don’t want to make real network calls, but defer the work to a fake object that responds with fixture data.

Related:  WebDesignjavascriptjQuery / jsjsJavaScriptjavascriptjavascriptjavaScriptPearltrees videosJSBursaLearn to Code