One of the hardest problems in responsive Web design right now are responsive images. “Retina” images are especially a challenge because if you have sized your layout with ems or percentages, then you cannot be sure of the exact pixel dimensions of each image being displayed. In this article, Gavyn McKenzie will look at one solution to the problem that he implemented on his portfolio website at Etch.
Read more…
Function binding is probably your least concern when beginning with JavaScript, but when you realize that you need a solution to the problem of how to keep the context of “this” within another function, then you might not realize that what you actually need is Function.prototype.bind().
Read more…
In this article, Matthew Haworth will use Magento’s shipping-method code abstraction to create a shipping carrier. He will be covering topics such as extending the abstract shipping class and implement the required methods, allowing tracking codes to be set against an order, work with promotions to allow for free shipping, and much more!
Read more…
You want to be lean and you want to be agile by using technologies that will help you succeed in the short and long term. And those technologies are not always easy to pick out. Full-stack JavaScript hits all the marks. You’ve probably seen it around. With JavaScript, you can create scalable, maintainable applications, unified under a single language. There’s no doubt, it’s a force to be reckoned with. In this article, Alejandro Hernandez will introduce these components piece by piece.
Read more…
If Wesley Hales asked you what could have been better at the last conference you attended, you’d probably say that the content or the interaction could have been better in some way. To solve this problem, he created Onslyde: A free service and open-source project that will make public speaking easier and conferences better. It’s been a lot of fun and work, and now you get to see the result!
Read more…
Video on the Web has improved quite a bit since 7th grade. But for the most part, videos are still separate from the Web, cordoned off by iframes and Flash and bottled up in little windows in the center of the page. They’re a missed opportunity for Web designers everywhere. But how do you integrate video into an app or a marketing page? In this article, Sean Fioritto will find inspiration, how-tos and a few technical goodies to get you started with modern video on the Web.
Read more…
Events can be triggered on any part of a document. They don’t just start and end in one place; they flow though the document. This life cycle is what makes DOM events so extensible and useful. As developers, we should understand how DOM events work, so that we can harness their potential and build engaging experiences. In this article, Wilson Page will introduce the basics of working with DOM events, then delve into their inner workings, explaining how you can make use of them to solve common problems.
Read more…
With the release of Ember.js 1.0, it’s just about time to consider giving it a try. This article aims to introduce Ember.js to newcomers who want to learn more about the framework. Users often say that the learning curve is steep, but once you’ve overcome the difficulties, then this framework is tremendous.
Read more…
Much of that page weight could be reduced if images were conditionally optimized based on device width, pixel density and modern image formats. These reductions would result in faster loading times, but the debate isn’t about whether to optimize images for different devices, but about how to go about doing so. In this article, Shawn Jansepar will take a look at Mobify.js, which lets us generate small images for small devices from a single high-resolution image.
Read more…
In part one of this series, we got a customized magazine app for Windows 8 up and running. In this second and last part, we will look at how our magazine app obtains the articles to be shown, examine the transport protocol and set up a live content host. When done, our HTML5-based magazine app will essentially be ready to submit to the Windows Store.
Read more…
