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…
The way we access the Web has changed a lot in the last couple of years. We no longer rely solely on our desktop computers to navigate the Web. Rather, we use a wide and quickly growing array of devices to get our daily dose of information. With the device landscape going all fuzzy, the time of building fixed width desktop sites has definitely come to an end. ConditionerJS will help you combine all of this contextual information to pinpoint the right moment to load the functionality you need. It tells your JavaScript when to act up and when to tune down a bit, and it will help you combine all of this contextual information to pinpoint the right moment to load the functionality you need.
Read more…
In this article, Joseph McDermott will walk you through the creation of a new “brand” entity in Magento that can be managed through the admin panel. Once you are finished, you will be able to create, update and delete brands that can be viewed in the front-end independently. The process itself is quite lengthy because he will explain each step in detail, but it really is easy once you know how, and it’s a great example of how powerful the Magento platform can be with minimal effort.
Read more…
An easy way of configuring settings once and reusing them is by using some kind of tools such as INIT, which can perfectly coexist with and even be used through a generator. Keep in mind that it is intended for Web apps, so the lack of a build workflow might trouble you if you try to build a whole Web page architecture with it. Have you thought about a good workflow and about which tools provide the most convenience?
Read more…
After Marcotte defined the technique, responsive design frameworks began to emerge that incorporated these principles. Many of these frameworks are open-source, free to download and quickly customizable, and in this article, Jen Kramer will focus on the most popular ones: Bootstrap and Foundation. A responsive design framework might be a helpful tool in your arsenal, for quick prototyping, testing or even production code — one that expands your range of products and makes clients happy.
Read more…
Backbone.js provides structure to JavaScript applications, but it leaves a lot of design patterns and decisions up to developers who end up running into common problems when they first begin developing in Backbone.js. In this article, Phillip Whisenhunt will explore different design patterns that you can use in your Backbone.js applications, and he’ll look at many of the common gotchas that trip up developers.
Read more…
We’re constantly refining two interfaces simultaneously: one for visitors who load the website, the other for developers who have to tackle the code in the future. But we shouldn’t forget that developers are users, too. Therefore, our convention for naming and organizing files is critical if we are to ensure active development in the future. But do we really design the partials, files and directories that make up this interface with a particular set of users in mind?
Read more…
In the first part of this series, we discussed Backbone.Marionette’s Application. This time around, we’ll discuss the module system that is included in Backbone.Marionette. Modules are accessible through the Application, but modules are a very large topic and deserve an article dedicated to them.
Read more…
jQuery Mobile, an open-source multiplatform UI framework, was released to help designers and developers create mobile Web experiences that are easy to build, customizable and unobtrusive in code. While mobile browsers and platforms are creating new challenges for us, jQuery Mobile can help us succeed with our mobile apps.
Read more…
One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so much so that major organizations such as NBC, NASA and the White House are adopting it. And it empowers even the non-designers among us to turn out something decent. But what if your company logo is a different shade of blue? Not to worry. You don’t have to stick with the defaults. In this article, Thomas Park shows some ways to customize Bootstrap to fit your needs, whether it’s a tweak to a button or a full-fledged theme.
Read more…
