Video icon 64
Learn to Code. Start your free trial today.
Advertisement

HTML5

  • HTML5
    HTML5: Vibration APIPdl54 preview image@2x
    209 shares
    HTML5 has been a breath of fresh air for the web, which hasn't only affected the web as we know it. HTML5 provides a number of APIs that enable developers to create interactive websites and improve the user experience on mobile devices. In this article, we'll take a closer look at the Vibration API.Read More…
  • HTML5
    HTML5: Battery Status APIPdl54 preview image@2x
    165 shares
    The number of people browsing the web using mobile devices grows every day. It's therefore important to optimize websites and web applications to accommodate mobile visitors. The W3C (World Wide Web Consortium) is well aware of this trend and has introduced a number of APIs that help with this challenge. In this article, I will introduce you to one of these APIs, the Battery Status API.Read More…
  • Web Development
    Introduction to HTML5 Desktop Apps With Node-WebkitHtml5 node webkit retina preview
    415 shares
    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
    60 shares
    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
    38 shares
    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
    15 shares
    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
    52 shares
    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
    4 shares
    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
    2 shares
    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
    1 shares
    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
    5 shares
    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…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement