Facebook Twitter

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select. Resources for getting started with Backbone.js. The current product I am building makes heavy use of HTML5 & javascript to give the user a rich experience, both on and offline, across a variety of screens.

Resources for getting started with Backbone.js

Before I even started this application I knew I wanted a clean and proven approach to help manage the complexity on the client. After reviewing several js frameworks I decided to go with backbone.js (compare yourself). Centre de Formation Adobe - Wiki. Sample App with Backbone.js and Twitter Bootstrap. Backbone.js is a lightweight JavaScript framework that provides the basic infrastructure (Model, Collection, View, and Router classes) to bring structure to your Web applications.

Sample App with Backbone.js and Twitter Bootstrap

Twitter Bootstrap is a UI toolkit that provides simple and flexible HTML, CSS, and Javascript to implement popular user interface components and interactions. In other words, Backbone.js and Twitter Bootstrap focus on different areas of your application: core architecture and user interface respectively. Because of their well-defined and non-overlapping scope, Backbone.js and Twitter Bootstrap work well together. Extensions, Plugins, Resources · documentcloud/backbone Wiki. Dependencies Underscore.js Backbone's only hard dependency.

Extensions, Plugins, Resources · documentcloud/backbone Wiki

Organizing your application using Modules (require.js) - Backbone.js Tutorials. Unfortunately Backbone.js does not tell you how to organize your code, leaving many developers in the dark regarding how to load scripts and lay out their development environments.

Organizing your application using Modules (require.js) - Backbone.js Tutorials

This was quite a different decision to other JavaScript MVC frameworks who were more in favor of setting a development philosophy. Hopefully this tutorial will allow you to build a much more robust project with great separation of concerns between design and code. This tutorial will get you started on combining Backbone.js with AMD (Asynchronous Module Definitions). What is AMD? Asynchronous Module Definitions designed to load modular code asynchronously in the browser and server.


Naming Backbone.js Code with Require.js. ‹prev | My Chain | next› One last bit of bookkeeping remains for my in my exploration of require.js with Backbone.js: file naming.

Naming Backbone.js Code with Require.js

As I have worked with the code in my calendar application, it has become apparent that I need a better way of naming files. The entire list of scripts is currently: javascripts ├── backbone.js ├── calendar │ ├── collections │ │ └── appointments.js │ ├── helpers │ │ ├── dayAfter.js │ │ ├── firstOfTheMonth.js │ │ ├── from_iso8601.js │ │ ├── template.js │ │ ├── to_iso8601.js │ │ └── weekAfter.js │ ├── models │ │ └── appointment.js │ ├── router.js │ └── views │ ├── Application.js │ ├── AppointmentAdd.js │ ├── AppointmentEdit.js │ ├── Appointment.html │ ├── Appointment.js │ ├── CalendarMonthBody.js │ ├── CalendarMonthDay.js │ ├── CalendarMonthHeader.js │ ├── CalendarMonth.js │ ├── CalendarMonthWeek.js │ ├── CalendarNavigation.js │ └── TitleView.js ├── calendar.js ├── css ├── jquery.min.js ├── jquery-ui.min.js ├── main.js ├── require.js ├── text.js └── underscore.js. Organizing Your Backbone.js Application With Modules – Organizing Your Backbone.js Application With Modules – Bocoup Web Log.

If you have spent any time looking at Backbone.js, like many others, you are probably amazed by how lightweight, flexible and elegant it is.

Organizing Your Backbone.js Application With Modules – Organizing Your Backbone.js Application With Modules – Bocoup Web Log

Backbone.js is incredibly powerful, but not prescriptive in how it should be used. With great power comes great responsibility, and if you’ve tried to use Backbone.js for a large project you might be asking yourself: how do I organize my code? When thinking about “code organization” the questions you might be asking are: Getting Started with Backbone.js.

Unlike its web development peers, JavaScript has never really had much in the way of frameworks to provide structure.

Getting Started with Backbone.js

Thankfully, in recent years, that's beginning to change. Today, I'd like to introduce you to Backbone.JS, a sweet little library that makes the process of creating complex, interactive and data driven apps so much easier. It provides a clean way to surgically separate your data from your presentation. Backbone.js Tutorials. Thomas Davis. Back to home Backbone.js Tutorial – by noob for noobs The official website describes Backbone.js as a library to supply structure to Javascript heavy web applications.

Thomas Davis

After using Backbone.js for a week I could never see myself building any sort of Javascript functionality regardless of size without using Backbone.js or alternatives. 1.js.