Responsive web design has turned out to be somewhat of a case study in the law of unintended consequences, with one of them being breakpoint paranoia. But even without the undue influence that media queries exerts on your selection of these breakpoints, these might not be the droids we’re looking for. In this article, Obinwanne Hill will look at breakpoints beyond screen size and explore different possibilities and practical approaches to using them to create truly adaptive experiences on the web.
Read more…
Stricter functional programming languages are typically used when a system’s performance and integrity are both critical — i.e. your program needs to do exactly what you expect every time and needs to operate in an environment where its tasks can be shared across hundreds or thousands of networked computers. These languages have a steep learning curve for most front-end web developers; however, many more approachable languages incorporate features of functional programming.
Read more…
Responsive Web Design and tools like Modernizr have become very popular. Recently, combination techniques, where optimization is done both server-side and client-side, has become a trend. The recently launched WURFL.js tool, fits into this category. In this article, Jon Arne Sæterås and Luca Passani will look at some basic use cases of how to use WURFL.js to optimize the user experience both in HTML and CSS, and an example of how to choose the right ads to display on different devices.
Read more…
In this article, Maksim Chemerisuk describes his approach with better-dom to solve the internationalization problem. Since the last article about this, “Writing a Better JavaScript Library for the DOM,” he has revisited the concept to solve the issues raised through feedback. The solution was originally intended to be a set of internationalization APIs for plugins, extensions, etc. It doesn’t rely heavily on the better-dom library, so it could be adapted to any existing JavaScript library.
Read more…
In this article Julian Shapiro will demonstrate that websites can benefit from the same level of interactive and performant motion design found on mobile apps. In the following examples, he’ll be using Velocity JS — a popular animation engine that drastically improves the speed of UI animation. In particular, Velocity.js’ UI pack, which allows you to quickly inject motion design into your pages.
Read more…
Gulp is one of quite a few build tools available in JavaScript, and other build tools not written in JavaScript are available, too, including Rake. Why should you choose it? Gulp is a build system that can improve how you develop websites by automating common tasks, such as compiling preprocessed CSS. In this article, Callum Macrae will see how you can use Gulp to change your development workflow, making it faster and more efficient.
Read more…
In this third part of the series, Joseph Zimmerman will be taking a gander at how Marionette helps make views better in Backbone. Marionette extends the base View class from Backbone to give us more built-in functionality, and to convert all of the common code down to configuration. Some things may be mentioned in this article that refer to the previous articles, and this is part of a series about Marionette, so if you wish to learn about Marionette, you should read the whole series.
Read more…
Almost anything you can do through Fireworks’ interface can also be achieved by writing a simple JavaScript extension. Dmitriy Fabrikant learned to develop Fireworks extensions by writing the Specctr plugin. While working on Specctr, he had witnessed Fireworks’ passionate community actively support the app (Sadly, Fireworks CS6 is the last major release from Adobe). Now that we can’t expect Adobe to add any more features to Fireworks, the ability to extend the app becomes even more important, because many designers still rely on it, and through extensions, new features and panels can be added. This article is aimed at those interested in developing extensions for Fireworks.
Read more…
In this article, Paul Tero will cover the key concepts that underly the JQuery object. This is a beginners’ guide to JavaScript syntax and how it is used by jQuery, which is just a JavaScript library that has a special-looking function, $, and that encourages the use of shorthand objects, anonymous functions and method chaining. After reading this, you will be able yo look a complex piece of jQuery directly in the face with no doubt or uncertainty in your mind. You will know what it does.
Read more…
We’ve seen many permutations of images in responsive design and spent a lot of time spinning our wheels, banging our heads and screaming at the wall. But our tireless journey is coming to a close. The W3C and browser makers got the hint. We’ve come a long way with responsive images. We can see the light at the end of the tunnel, but a lot of work still has to be done.
Read more…
