• Web Development
    Introduction to HTML5 Desktop Apps With Node-WebkitHtml5 node webkit retina preview
    Using Node.js, we can create web applications easily. Now, thanks to the node-webkit we can also create desktop apps with it, using a unique combination of HTML5 and Node.Read More…
  • Web Development
    Creating a WordPress Theme From Static HTML: Creating Template FilesCreating wordpress theme from html 400
    In the first part of this series, I showed you how to prepare your HTML and CSS files for WordPress, ensuring the structure would work, the code was valid and that the correct classes were being used. In this tutorial you'll learn how to take your index.html file and split it up into a set of template files for use by WordPress.Read More…
  • HTML & CSS
    Using Inline SVGs With HTML5Thumbnail
    It goes without saying that SVG isn't as widely used as many people in the web development community might believe it should be. Setting the debate aside, in this tutorial, I will demonstrate how to use inline SVGs, covering a range of techniques and exploring the interaction between web page and graphic. When used in conjunction with other emerging standards in HTML5, JavaScript and CSS3, inline SVGs can significantly add to the user experience.Read More…
  • HTML5
    Develop Your First Game in Canvas From Start to FinishCode
    Whether you're taking part in the discussion, or reading articles about it, you must be aware that, even though it's still a specification, HTML5 is ready to be used...right now.Read More…
  • Animation
    HTML5 Canvas Optimization: A Practical ExampleOptimise canvas
    If you've been doing JavaScript development long enough, you've most likely crashed your browser a few times. The problem usually turns out to be some JavaScript bug, like an endless while loop; if not, the next suspect is page transformations or animations - the kind that involve adding and removing elements from the webpage or animating CSS style properties. This tutorial focuses on optimising animations produced using JS and the HTML5 <canvas> element. Read More…
  • Games
    Learn CreateJS by Building an HTML5 Pong GameCreatejs pong
    The web moves fast - so fast that our original EaselJS tutorial is already out of date! In this tutorial, you'll learn how to use the newest CreateJS suite by creating a simple Pong clone.Read More…
  • HTML5
    Quick Tip: JavaScript Web Workers Move Hard Work to the BackgroundWebworkers
    A web worker is a JS script that runs in the background, separately from other scripts, allowing us to introduce threading in our web apps. Although not part of the HTML5 spec, web workers can be used with HTML5 apps. In this Quick Tip, we'll take a look at how to use them.Read More…
  • Games
    An ImpactJS Overview: OptimizationImpactjs jessefreman series
    In this video I will discus some tips and tricks for optimizing your Impact games and how to get the best performance possible across desktop to mobile. I will cover ways to reduce draw calls, how to set up setting properties for your levels and other important things I have learned through trial and error while building games with Impact.Read More…
  • Games
    An ImpactJS Overview: DeploymentImpactjs jessefreman series
    Impact is an incredibly powerful HTML5 game framework and one of it's key advantages is its ability to run on many different platforms such as desktop browsers, mobile browser, as a native iOS or Win 8 Metro app, and on Chrome Market. In this video I will go over how I use Ant to automate building out versions of my game to each of these platforms and some things to keep in mind when you are looking into distributing your own game.Read More…
  • Games
    An ImpactJS Overview: Resident RaverImpactjs jessefreman series
    In this video I will briefly go over one of my Impact games, how I set up some of the core logic and discuss how Impact's level editor works. Creating games with Impact is incredibly straight forward but with the tips from this video you will get a sense of what a final game looks like, how it's organized as well as some helpful tricks when it comes to working with the level editor.Read More…
  • Games
    An ImpactJS Overview: IntroductionImpactjs jessefreman series
    Impact is an incredibly powerful HTML5 game framework which takes advantage of modern browser's canvas element and can also run on mobile or be compile into a native iOS app. In this video I will go over the framework, how to set up a project, some background into how to create classes in it and finally go over the core classes that make up the framework. This is a high level overview which will give you a general sense for how things work.Read More…
  • ActionScript
    Accessing the Same Saved Data With Separate Flash and JavaScript AppsFlashjshtml5
    In this tutorial I will show you how to access the same saved data in separate Flash and JavaScript apps, by storing it in HTML5 LocalStorage and using ExternalInterface to reach it with AS3. We will create the same app in both JavaScript and Flash to demonstrate that it is platform agnostic.Read More…
Suggested Envato Tuts+ Course

Next lesson playing in 5 seconds

Game Development With EaselJS$3