WebDev

  • HowTo: Build (Sort of) an Instagram Clone with HTML5

    instafuzz-home-550

    When I started out on this app I was only really just interested in seeing if the web platform had really evolved to a point where an app like the hugely popular Instagram app could be built using just HTML, JavaScript and CSS.  As it turns out we can in fact do exactly that.  This article walks you through the technologies that make this possible and shows how it is entirely feasible today to build interoperable web applications that provide a great user experience no matter what brand of browser the user is running.



    Read more 
  • Web Developer Checklist and Userium: 2 Useful Helpers for Oblivious Web Developers

    checklists-f1-w550

    I’ll admit, you need not be oblivious to benefit from the two services I am about to introduce you to. It is not easy to keep proper track of all important aspects of clean and modern web design. I’m sure you will have created your own notes, hints, checklists as your experience developed throughout the years. In my case only the painful experiences made me jot things down for future reference. Today’s article shows you Userium and Web Developer Checklist. The two can help developers with lesser experience, yet still be of value to more experienced ones who declare themselves a notes grouch.



    Read more 
  • Surviving the Zombie Apocalypse with HTML5 and SVG #2: Text, Paths and Basic Animation

    zombie-apocalypse-2

    The first article in this series covered the basics of SVG, an overlooked, underappreciated aspect of HTML5. While different browsers implement SVG in different ways, the previous walkthrough described how to create text, incorporate SVG images and build basic shapes such as circles, polygons and paths in a way that all browsers recognize.



    Read more 
  • Mozilla Labs TowTruck: Brand-new Real-Time Collaboration Tool Tested

    towtruck-logo

    Mozilla Labs achieves amazing things. And this is more of an under- than an overstatement. The latest sprout from Mozilla’s garden, interestingly named TowTruck, makes no exception and promises a lot. TowTruck lets you integrate collaboration features into any website with a mere two lines of code. Once done, people can communicate, collaborate, create together right inside any website. They can even talk to each other via WebRTC. Noupe took a closer look…



    Read more 
  • Games Galore: Building Atari with CreateJS

    CreateJS + Atari + Internet Explorer 10



    Read more 
  • 80,000 Lines of Objective-C: Bringing Multi-Touch Physics to the HTML5 Browser

    "Contre Jour" is a video game that is "blurring the lines between interactive art and games". Made popular on iOS, and created by Maksym (Max) Hryniv, Contre Jour is known world-wide for its innovative gameplay, charming art style, and captivating soundtrack. With the debut of Internet Explorer 10, Microsoft was looking for an opportunity to demonstrate the updated JavaScript engine and advanced multi-touch features they had packed into their new browser.



    Read more 
  • IE10 and Beyond: Unifying Touch and Mouse Made Easy with Pointer Events

    microsoft-surface-w550

    I often get questions from developers like, “with so many touch-enabled devices on phones and tablets, where do I start?” and “what is the easiest way to build for touch-input?” Short answer: “It’s complex.” Surely there’s a more unified way to handle multi-touch input on the web – in modern, touch-enabled browsers or as a fallback for older browsers. In this article I’d like to show you some browser experiments using MSPointers – an emerging multi-touch technology and polyfills that make cross-browser support, well less complex. The kind of code you can also experiment with and easily use on your own site.



    Read more 
  • Surviving the Zombie Apocalypse with HTML5 and SVG

    apocalypse-w550

    As browser adoption of HTML5 continues apace, developers are finding more and more options for creating elegant, highly responsive UIs. In the case of Scalable Vector Graphics (SVG), what’s old is new again, and quite slick.



    Read more 
  • A Deeper Dive into jQuery Mobile: Themes

    >

    The first article (Introduction to jQuery Mobile), published over at MSDN, in this series looked at the subject of themes at a high level and at themes available in jQuery Mobile (jQM). In this, the third of three articles on jQM, I show how to build a custom theme using the Theme Roller, as well as look at some custom themes that allow a mobile Web application to look more like an iPhone, Android or Windows Phone application.



    Read more 
  • How I Built the Paint 4 Kids Windows Store App Using Only HTML5 and SVG

    paint4kids-01-w550

    Paint 4 Kids is a Windows Store app, specifically designed for kids. A simple app for coloring and drawing. You can read of the consumer’s features directly from the Windows Store site, where you can also see some screen shots. For this article, you can simply think of an app that has several drawings and you can interact with them.



    Read more 
search form
 
image description image description