HTML/HTML5

help :

Metal Toad has lots of the experience working with JavaScript and HTML5.  Semantic mark up, browser animations - you name it: our pain is your gain.  We hope these articles will save you some time!

  • Django logo

    Instant reload with Django, NPM, and Browsersync

    Here at Metal Toad, we are starting to use NPM as a task runner to automate our development processes. This tutorial shows how to automate CSS compilation and instantly reload the browser when files change.

  • cool tech graphics

    Samsung Music Chooses Drupal

    SamsungMusic.com (formerly Samsung Music Hub) launched earlier this year pushing the boundaries of HTML5 and responsive web design. It was designed to work (obviously) across a large number of Android devices, with the animations taking full advantage of the built in GPU acceleration available on many mobile devices. The design was done by our awesome partners at Oakland-based

  • cool tech graphics

    Using Drupal to Make a Super Fast Mobile App

    Let's imagine a scenario where you want a super-fast mobile app that uses a Drupal backend from an already existing site.

  • Boilerplate

    Boilerplate 1.0 for Drupal 7: Responsive HTML5 & SASS

    Great HTML5 support based on the excellent Boilerplate HMTL5 template, full SASS support, and a base fixed/flexible responsive layout similar to Zen but with built in mobile support, all while keeping the code

  • cool tech graphics

    When it comes to Mobile Development, Stop Worrying about Bandwidth

    When it comes to mobile development, I've seen a lot of buzz recently on how CSS3 can help people eliminate images and cut the bandwidth requirement for their websites, however if a good mobile experience is important to you, you may want to think twice before deciding how to retrofit your websit

  • cool tech graphics

    Pitfalls When Writing a Canvas Game for Android

    Recently a client approached Metal Toad to develop a prototype game for Android devices and leaving the option of porting it to other devices open.

  • cool tech graphics

    Responsive Web Design and HTML5 are the Future

    With the latest launch of the Amazon Kindle Fire Tablet, the world is now up to more than five major Android hardware providers. Among each of these, there is also a wide variety in the screen sizes, from the smart phones to mid and larger tablets. Outside of the Android market you have the 800 pound gorilla, Apple with their iPhone, iPod & iPad. And you have RIM with the Blackberry and Nokia (who still can't decide what they are going to use).

  • cool tech graphics

    HTML5 canvas resources for beginners

    HTML5’s <canvas> element is one of the large driving forces behind my excitement for HTML5 development. Canvas provides a wonderful way to add extra shine and glitz to your HTML5 application beyond what JavaScript can provide via animations and events. Prior to HTML5, the solution to providing that extra glitz was to embed an Adobe Flash or Microsoft Silverlight object into your application. Now there is a non-proprietary solution: HTML5’s canvas. However, not every web developer is currently familiar with canvas. To help those who are unfamiliar, I’ve gathered a few handy links to help those interested in working with the canvas element.

  • cool tech graphics

    Why HTML5 Makes Sense for Business

    There's a lot of buzz from developers about HTML5, but what does it really mean to business? I look at in terms of...

  • cool tech graphics

    Front End tools to make you a more productive and lazy developer

    One of my favorite things about the development community is how lazy it can be. What I mean is that most developers I know would rather make a tool to automate a task, than constantly keep a queue of from-scratch processes in mind. Let your tools do the work, if you can.

  • cool tech graphics

    New York Times Claims HTML5 is a "Pandora's Box" of Privacy Risks

    Alarmist rhetoric from news organizations about the web is nothing new, but today's front-page headline on the New York Times still caught my eye: "Web Code Offers New Ways to See What Users do Online." I

  • HTML5 with photo of Steve Jobs

    What Makes HTML5 so Great?

    When the W3C started working on HTML again in 2007, they posted a set of guiding principles for the new version, emphasizing compatibility, utility and interoperability.

  • Drupal Logo

    How We Upgraded Metal Toad to HTML5 and Drupal 7

    Our new site design is live, so if you're reading this in a feed reader, please click on through! In a nutshell, we wanted to redesign to take advantage of Drupal 7, HTML5, and dramatically improve the readability and usability of the site as a whole.

  • cool tech graphics

    Big news for web fonts and video today

    The codec wars around the HTML5 video element might be settled sooner than you think: Basically, Google just open-sourced VP8, a video codec. VP8 is being combined with the Vorbis audio codec to create a new video format called WebM.

Have questions?