CSSDeck Efficient JavaScript Traditionally, a Web page would not contain much scripting, or at least, not much that would affect the performance of that Web page. However, as Web pages become more like applications, the performance of scripts is having a bigger effect. With more and more applications being developed using Web technologies, improving the performance of scripts is becoming increasingly important. With a desktop application, a compiler is normally used to convert the source into the final binary. The compiler can take its time, and optimize as much as possible for good performance of the final application. Browsers are fairly good at achieving this, and Opera has one of the fastest scripting engines of any current browser. This article will show several simple changes that can be made to improve the performance of your Web applications. Quick Tips ECMAScript Document loading ECMAScript Avoid using eval or the Function constructor Rewrite that eval function getProperty(oString) { return test.prop[oString]; }
Backbone Fundamentals – A Free Work-In-Progress Book For Developers Of All Levels About a week ago, I began working on a new article about Backbone.js. It was due to cover some concepts and insights intermediate or advanced users might appreciate, but I found myself wanting to reference topics beginners might need to know if they wanted to get the most out it. Quite a few of them. In the end, I decided it might make more sense to just write a book on Backbone instead. Something free, targeted at developers of all levels, that I could reguarly update easily and perhaps get some input on from the community (if they were up for it). I called it Backbone Fundamentals. If you'd like to check it out, you can find the work-in-progress book on GitHub :) Why write a book? Now, there's a plethora of (great) posts about Backbone out there I could have just linked to – many of which are well written and respected, but I began to think about my own journey of learning how to use the framework. Backbone Fundamentals Backbone Fundamentals hopes to change that. Contributing What's next?
tbranyen/backbone-boilerplate - GitHub ADC Presents: PhoneGap - PhoneGap: Developing for Android Share this Episode Please select a language: Autoplay End of Video Show End Screen Default Quality Adjust your embed size below, then copy and paste the embed code above. Community Translation Episode available in 3 languages Available Translations: Join the Community Translation Project Thanks for your interest in translating this episode! Please Confirm Your Interest Thanks for your interest in adding translations to this episode! An error occurred while processing your request. Another translator has already started to translate this episode. Thanks for Participating! This episode has been assigned to you and you can expect an e-mail shortly containing all the information you need to get started. About This Episode Want to know how to create and deploy PhoneGap apps for Android devices?
Custom Scrollbars in WebKit Way back in the day, you could customize scrollbars in IE (5.5) with non-standard CSS properties like scrollbar-base-color which you would use on the element that scrolls (like the <body>) and do totally rad things. IE dropped that. These days, customizing scrollbars is back, but it's WebKit this time. It's a bit better now, because the properties are vendor-prefixed (e.g. The Goods The Different Pieces These are the pseudo elements themselves. The Different States These are the pseudo class selectors. :horizontal :vertical :decrement :increment :start :end :double-button :single-button :no-button :corner-present :window-inactive I'm going to steal this whole section from David's blog post on the WebKit blog because it explains each part well: :horizontal – The horizontal pseudo-class applies to any scrollbar pieces that have a horizontal orientation. All together now These pseudo elements and pseudo class selectors work together. Very Simple Example In The Wild View Demo Related Share this:
30 free programming eBooks - citizen428.blog() Since this post got quite popular I decided to incorporate some of the excellent suggestions posted in the comments, so this list now has more than 50 books in it. BTW: I’m not very strict on the definition of “ebook”, some of them are really just HTML versions of books. [UPDATED: 2012-01-18] Learning a new programming language always is fun and there are many great books legally available for free online. Lisp/Scheme:Common Lisp: A Gentle Introduction to Symbolic ComputationHow to Design ProgramsInterpreting Lisp (PDF, suggested by Gary Knott)Let Over LambdaOn LispPractical Common LispProgramming in Emacs LispProgramming Languages. Ruby:The Bastards Book of Ruby (suggested by Dan Nguyen)Clever Algorithms (suggested by Tales Arvelos)Data Structures and Algorithms with Object-Oriented Design Patterns in RubyLearn Ruby the Hard WayLearn to ProgramMacRuby: The Definitive GuideMr. Erlang:Concurrent Programming in ErlangLearn You Some Erlang for Great Good
Zombies! RUN! (Managing Page Transitions In Backbone Apps) One of the common issues or questions I see for Backbone.js goes something like this: “Whenever I hit the same route more than once, I end up getting seeing this call being made multiple times. It seems to accumulate another call every time I hit the route. What’s going on?” or “I’ve noticed that my views are still handling events after I remove them from the screen. “How do I make sure I clean things up when moving to a new page in my app?” At the heart of all of these questions is a problem that most backbone developers will run into at some point: zombies. The Plague: Event Binding The majority of the problems that people are referring to in these questions and issues are caused by the events that we bind to in our apps. We bind events to our DOM elements using the declarative `events` configuration in our views: We bind events from our models and collections so that our views can respond to changes and re-render themselves: Events are everywhere, and with good reason. Rule #2: Double Tap
Jed | Gettext Style i18n for Modern JavaScript Apps Gettext Style i18n for Modern JavaScript Apps Gettext? Gettext is an old translation standard. It solves a unique set of problems when dealing with things like pluralization and positional interpolation. Safety and Speed Jed parses plural forms using a grammar instead of running eval. You can find a fairly comprehensive list of plural forms here: translate.sourceforge.net/wiki/l10n/pluralforms Sane API Wrappers Sometimes using gettext directly is fine, but knowing which gettext function to call at runtime can often be cumbersome. Jed API The core available functions on an instantiated Jed object are: translate( key ) - Sets the key to translate (often english). onDomain( domain ) - Sets the domain to use in the locale_data. withContext( context ) - Specifies the context prefix for key lookup. ifPlural( num, plural_key ) - Specifies the plural translation path and plural value. fetch( sprintf, style, args ) - the values to interpolate into the response. Installation Node npm install jed AMD Module